Blog Tag: front end development打鱼机器

Sustainable Web Design: Optimizing Photos Within a Responsive Design

Posted by in Design, Sustainability, Web Development tagged with , ,

Sustainable Web Design Series No. 15

In the next post in our Sustainable Web Design series, we look at ways to optimize images for better performance and increased sustainability, within responsive design.

In the past 3 years, responsive web design has changed the way we make websites. We don’t have to rely on device detection any longer to serve up a separate “mobile” site whenever the server detects what is (probably) a phone or tablet. CSS media queries allow us to serve up a single code base and alter the appearance of a site based on the viewport size of the user’s browser. This means that code can be maintained more easily, and that user experience can be fine-tuned no matter what device a person is using.

Read More ›

Minifying or Munging Code for Faster Website Page Speed

Posted by in Sustainability, Web Development tagged with , , ,

Want to make your website more sustainable? Minify its scripts.

When it comes to building sustainable websites, optimizing performance is key. Simply put, the faster a web page downloads to your laptop or mobile device, the less energy it uses. There are dozens of techniques for speeding up website performance. In this post, we’re going to talk about two of those techniques: minifying code and obfuscation, which works through a process called munging.

Read More ›

E-Z Bake Websites: Save Development Time By Creating a Front End Framework that Works for You

Posted by in Web Development tagged with ,

graphic illustration of a large piece of cake

In an article for front end developers, Tai explains how writing code can be a piece of cake with three ingredients: LESS, 320 and Up and the Semantic Grid System.

Writing front end code from scratch can be unnecessarily time-consuming. Front end development frameworks like Bootstrap and Foundation are can be great time savers when creating web apps or large, complex websites, but for simple websites, they can be overkill. Here’s how I combined three existing tools to create my own front end framework that’s just right.

Read More ›