Blog

What is "responsive design"

Jan 28th, 2013 by Max Tokman

In a nutshell, responsive design or responsive build refers to ability of a web page to rearrange its elements depending on screen size of device being used.  It is an evolution of HTML coding from creating desktop and mobile versions of the site to a single build that presents appropriate layout regardless of user's browsing device.  As such, it is a very good thing to happen for everyone involved in the creative and development process of online work. 

The inevitable curve for learning to both design and build responsive has to do with a shift from the idea of fixed layouts, which should be executed as a pixel match across browsers and platforms, to the concept of rules that page layout has to follow when rearranging content depending on size of the browser window.  Responsive layouts, with 3 or more for each web page (for small, medium, and large browser sizes) represent a set of rules that page follows at that particular browser size.  As the browser changes dimensions a different set of rules kicks in, and so the primary content stacks, secondary content disappears, and page always presents most relevant content in best possible layout for current browser window.

Building responsive takes longer for the creatives, who now have to create multiple layouts where before one could suffice, and for developers who spend additional time on specifically coding for responsive build.  The benefit comes at the very end, when website performs across browsers and devices, not tied to particular screen size or device rotation - a term we didn't even consider a few years back.  As Apple increasingly begins to share tablet and phone markets with Android devices, responsive builds that accommodate an increasingly wide range of devices will transition from being an option to a firmly established standard.

Categories:

wordpressSEOweb designWeb DevelopmentHTML5productionresponsive designDrupaldesignCSSPhotoshopsecurityADAgooglebeta testingautomationharness-btoolsGoogle AnalyticsTestingmarketingFlashproduction tipstypographyAdobe Museweb imagesite speedintegrationswebsite buildingtechnologiesJavaScriptfirefoxbrowsercomplianceserver securityquality controlfontsthemesMicrosoftmodulesApplemobile websiteapp developmentplug-inAPIweb standardsweb preflightiOSInDesignE-commerceOpenSSLSSLIE8JSONQAmobile devicestabletsAdobe AirRIAsInteraction MetricsAdvertisingLong TailExporting from InDesign to PhotoshopInDesign to Photoshop conversionresponsive buildWordpress pluginshorizontal layoutBacklinksAdobegTLDscustom domain suffixesdevelopmentwireframeaugmented realityweb awardprogramming awardPhotoshop Layer compsdesign best practicesmobile app challengeapp lifespannon-Flash animationHTML5 animationAdobe EdgeiPad screen templateICANNweb development awardvertical layoutvideo playbackfaildudrevolutionary softwareInDesign to HTMLcommunicationclienthtmlimage sizesoftwareimage compressionweb compatibilitybreakpointresponsive statePDFAdobe Edge ReflowconvertingEdge ReflowParfaitweb design softwareogvcloudawardhostseleniumFoundationBootstrapCKEditor3rd partyAppleScriptecommercetechnologycollaborateupdatevulnerabilityCMSwebsiteiPhoneCSS3Ps. and CSS HatProject Parfaithigh fidelityconceptcodecwebmformatweb developerssidney garberVideos and animations3D views of modelsDetroit Diesel CorporationMercedes-BenziTunescustom fontsHTML4web-fontsRGBweb colorsrelationship marketingOSSW3Cfragmented technology landscapeAndroidvideo sizegammamp4microsoft’s project natalUDIDvideoCVE-2014-0224integrationLinkedInFacebookWindows XPInternet Explorer 8interactive banner adsbrochurewaresony playstationinstant video playback solutionHeartbeatonline subscriptionWebOSabletCMS for Flashoptimizednintendo wiioutsourcing
Converting Flash sites to HTML5

Jan 28th, 2013 by Max Tokman

Is there a quick way to convert a Flash site to HTML5?  That's the question we're being asked more often as hardware manufacturers drop their support for Flash and Adobe's once major software starts getting marginalized. While Adobe still has plans for future Flash development, it is clearly no longer the medium

Wordpress plugins

Mar 26th, 2013 by Max Tokman

WordPress plugins are developed by tens of thousands of programmers participating in development of the WordPress framework and are made available to larger development community either free of charge or for a fee. When plugin developer releases a new version of a plugin, all WordPress sites that use that plugin automa