Web Professional Trends in 2013 – Interview with Dirk Ginader, Senior UX Prototyper at Yahoo!

In this six minute interview with Dirk Ginader, Senior UX Prototyper at Yahoo! we learn about his perspective for Professional Trends in 2013. It’s more of progress than a revolution says Dirk and this is an exciting time to be a Web professional

[display_podcast]

Specifically we learn about:

* Advances in Web Design and Development of the maturing of HTML5 and CSS3
* Getting features out in a stable way
* Resources such as SAAS and Compass
* Recommendations for teachers

According to the http://sass-lang.com/about.html website Sass is a meta-language on top of CSS that’s used to describe the style of a document cleanly and structurally, with more power than flat CSS allows. Sass both provides a simpler, more elegant syntax for CSS and implements various features that are useful for creating manageable stylesheets.

Sass makes CSS fun again. Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It’s translated to well-formatted, standard CSS using the command line tool or a web-framework plugin.

Sass has two syntaxes. The new main syntax (as of Sass 3) is known as “SCSS” (for “Sassy CSS”), and is a superset of CSS3’s syntax. This means that every valid CSS3 stylesheet is valid SCSS as well. SCSS files use the extension .scss.

The second, older syntax is known as the indented syntax (or just “Sass”). Inspired by Haml’s terseness, it’s intended for people who prefer conciseness over similarity to CSS. Instead of brackets and semicolons, it uses the indentation of lines to specify blocks. Although no longer the primary syntax, the indented syntax will continue to be supported. Files in the indented syntax use the extension .sass.

About Compass

According to http://compass-style.org/

Why designers love Compass.

Experience cleaner markup without presentational classes.
It’s chock full of the web’s best reusable patterns.
It makes creating sprites a breeze.
Compass mixins make CSS3 easy.
Create beautiful typographic rhythms.
Download and create extensions with ease

Compass is an open-source CSS Authoring Framework.

Compass uses Sass.

Sass is an extension of CSS3 which adds nested rules, variables, mixins, selector inheritance, and more. Sass generates well formatted CSS and makes your stylesheets easier to organize and maintain.

Web Accessibility – Call for participation. WebProfessionals.org aims to make its content valuable and accessible and we need your support to make this happen. As a non profit community based organization we are placing this call for a volunteer or two to send the audio to a transcriber. Please let us know if you can spare an hour or two here and there please contact us.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.