• Responsive Videos [WordPress Shortcode]

    Responsive design is the way to go these days, that’s for sure. Responsive images have been dealt with intensively here, here, here, and many other places. However, responsive videos are somewhat newer.

    I have found an elegant solution for responsive videos (iframe, object, embed, etc.) here and made a simple WordPress Shortcode for implementing it quickly.

    Add this to your CSS

    .embed-container {
        position: relative;
        height: 0;
        overflow: hidden;
    }
    
    .embed-container > iframe,
    .embed-container > object,
    .embed-container > embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    Add this to your WordPress functions

    function make_responsive_embed($atts)
    {
        extract(shortcode_atts(array(
            'ratio'       => '16x9',
            'type'        => 'iframe',
            'src'         => '',
            'frameborder' => 0
        ), $atts));
    
        if ( isset($src) && strlen($src) > 0 ) {
            $ratio = explode('x', $ratio);
            $ratio = $ratio[1] / $ratio[0];
            $padding_bottom = ( $ratio * 100 ) . '%';
    
            return '
    <'. $type .' src="'. $src .'" frameborder="'. $frameborder .'" allowfullscreen>
    '; } } add_shortcode('responsive_embed', 'make_responsive_embed');

    And add this to your WordPress posts or pages to render the responsive embed

    
    

    Voilà! A simple responsive embed WordPress shortcode!

  • Multilingualization

    Every developer is probably now familiar with internationalization (I18n) and localization (L10n) but something better is slowly emerging – Multilingualization (M17n). If you are a software developer, a marketer, a front end designer or any business manager you might want to get familiar with M17n.

    Read more

  • Email Confirmation, MeetUp Style

    I was just creating an account on MeetUp and was impressed by how streamlined the process is. This blog post will be short and to the point. In fact, it is mostly a way for me to remember to do stuff like this in future app designs.

    Read more

  • Deploying Your Rails 3 App with Heroku

    deploy_rails3_to_heroku

    So you have reached this point where you want to deploy your rails app? Deploying a rails app is not always as straightforward as one would want. I am fairly new to rails and coming from a LAMP background, I had some difficulties the first time. I am writing this post to simplify things and hopefully make it easier for you to deploy with Heroku.

    Read more

  • Inspiration

    I felt like sharing a list of people I follow and websites read frequently. I can say they influence me greatly and probably have shaped who I am now.

    Read more

  • How To Pitch Your Business Idea to Potential Investors

    Pitching a business idea to anyone is always a challenge; pitching it to potential investors is even harder. You can’t explain a project you are working on to an investor the same way you would to a family member or a friend. Investors are actually not very interested in what you do precisely. However, they care greatly about who you are, how well you know your industry, and how prepared you are to face upcoming challenges.

    Read more