Thoughts on programming, web development and design.

Circuit Board

Tag: Responsive Design

Mobile First Responsive Design

Last week, I attended the dotNetConf Virtual Community Conference. This two day conference had speaker talking about ASP.Net, Open Source and more. One of the talks was on Mobile First Responsive Design. Shawn Wildermuth talked about the differences between standard Responsive Design and Mobile First. He showed you how to design your site from mobile to desktop.

5 Tips on Responsive Design

Computer CodingResponsive web design allows you to make your websites easy to read at different device sizes. This short collection of 5 articles helps you to keep your responsive designs from being boring, let visitors opt-out of “mobile” sites and apply tricks and templates to achieve responsive design.

  1. Is Responsive web design boring? Jonathan Longnecker of FortySeven Media believes that responsive design can lead to boring web sites.
    He explains his argument and provides tips on how to make sure that these sites aren’t boring.
  2. What if your visitors want to Opt-out of your Responsive Design? For some sites, responsive design lets them read the site quickly and easily. If they need to do something quickly, a responsive design may get in the way. CSS-Tricks.com shows you how to let your visitor choose to go to a “full site” version of your site.
  3. Responsive Design Changes Your Workflow. It forces you to change how you approach building web sites. You have to think about designing for various sizes and how your design fits together like puzzle pieces inside of one whole piece. Luke W. shares his notes from An Event Apart on Responsive Design.
  4. Web Designer Wall’s 5 Useful CSS Tricks for Responsive Design shows you 5 commonly used CSS tricks for coding responsive design. Tricks that include Responsive Video, Min and Max widths, relative values and more.
  5. Looking for some inspiration on designing Responsive web sites? Speckboy has 20 Free Responsive Web Design HTML & CSS Templates. This templates can be use on static websites or with a CMS. They can also be used be designers to learn how to create responsive designs.

Powered by WordPress & Theme by Anders Norén