Cascading Style Sheets Archives

Rapid Templating: “Designing in the Browser” with Sass, Compass, and Serve

February 2, 2013 By Jonathan Jeter Leave a Comment

by Nathan Smith at HTML5 Texas in Austin, TX (Deck)

Have you ever found yourself needing to build static front-end templates, either as part of a larger project or as a way to communicate the nuances of responsive design to a client? I think we can all agree that just doing flat HTML leaves us wanting for more templating power.

But, using a dynamic language (PHP, Ruby, etc) typically means that it’s tougher to hand off to a client, who may (not) have a local development environment. That’s where Serve helps bridge the gap. It lets you play with the “”V”” of Rails MVC, but also export flat HTML for easy distribution.

Responsive Web Design

Designers can’t just throw stuff over the wall to the developers anymore

The deck says it all. Great stuff!

sass is to css what jQuery is to JavaScript

Read the rest of Rapid Templating: “Designing in the Browser” with Sass, Compass, and Serve

Front End Legos

February 2, 2013 By Jonathan Jeter 2 Comments

by Shay Howe at HTML5 Texas Conference in Austin, TX (Deck)

There are a million ways to write HTML and CSS, and everyone has their own, but is there a right way? Our code needs to be well structured, written in an organized manner, and performance driven. Sharing code with others should be a joyful experience, not absolute terror.

In this session, Shay will cover some best practices and performance tips for writing the highest quality HTML and CSS possible. Writing code is the easy part, finding a practice and structure that works well across the board is the hard part. Shay will outline HTML and CSS conventions that can be applied to your everyday practice.

Common Problems

Websites have difficulty scaling
code becomes brittle
Files and code bases begin to swell

What’s Wrong

Best practices aren’t exactly best practices

Read the rest of Front End Legos

avoid extra elements

10 Things You Didn’t Know a Browser Could Do

February 2, 2013 By Jonathan Jeter 1 Comment

by Estelle Weyl at HTML5 Texas Conference in Austin, TX (Deck)

It may feel like the HTML5, CSS3 and ECMAScript specifications are moving along at a snails pace, but browser capabilities are moving quickly, and it is difficult to keep up with all the new feature support. In this session we’ll cover some brand spanking new and older but unknown features that make debugging, designing and developing more fun.