Menu Search
Jump to the content X X
Smashing Conf San Francisco

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf San Francisco, dedicated to smart front-end techniques and design patterns.

Related Resources: The Future Of CSS: Embracing The Machine

This overview features further resources related to the article The Future Of CSS: Embracing The Machine1, written by Inayaili de León.

Related Resources

The Artisan and the Mass Producer2 by Patrick Lauke
Creating web pages is not the exclusive domain of those hardcore enough to hand-code anymore. WYSIWYG editors, blogging tools, content management systems and CSS frameworks have helped lower some of the technological entry barriers. Does this spell the end for the traditional craft of the web “artisan”?

The Artisan and the Mass Producer3

Are CSS Frameworks Evil?4 by Inayaili de León
CSS frameworks have a tendency to be dismissed by many CSS authors; code bloat and non-semantic class names are usually at the top of the list of reasons why. Even without ever using one, I shared the same opinion, but that might have changed after trying a few of them out while doing some research recently…

Are CSS Frameworks Evil?5

The Designer’s Guide to the OS X Command Prompt6 by John W. Long
A tutorial for the modern web designer. The command prompt. Once the lofty domain of that guy you know with the computer science degree. Now more and more the every day domain of the hacker web designer. Perhaps you’ve mastered a little Javascript or PHP, but you are realizing that the cool kids are playing around with stuff that is only accessible to people who are comfortable with the command prompt. Or, perhaps you are just interested in upping your game.

The Designer’s Guide to the OS X Command Prompt: A Tutorial for the Modern Web Designer7

The Book of CSS38 by Peter Gasston
This book uses real-world examples to teach developers the fun­da­men­tals of the CSS3 spec­i­fi­ca­tion, high­light­ing the latest de­vel­op­ments and future fea­tures, while pay­ing close atten­tion to cur­rent browser implementations.

The Book of CSS39

What Is the Difference Between a Framework and a Library?10 at Stack Overflow
I always thought of a library as a set of objects and functions that is focussed around solving a particular problem or around a specific area of application development (i.e. database access); a framework on the other hand is a collection of libraries centred around a particular methodology (i.e. MVC) and covers all areas of application development.

What Is the Difference Between a Framework and a Library?11

Design Patterns: Introduction12 by Luke W., James Reffell, Bill Scott, Jenifer Tidwell and Martijn van Welie
In the Spring of 2006, a group of designers intimately familiar with the organization and development of design pattern resources got together to discuss the current and future role of design patterns in the real world. We talked about defining and documenting patterns, the context required to communicate how patterns should be applied, what it takes to develop a design language, and how disparate lists of patterns could converge. It’s our hope this conversation continues.

Design Patterns: Introduction13

Patternry14 A tool to create design pattern libraries.
Create, share and organize design pattern libraries. Patternry keeps your User Interface design patterns, components and code snippets in one place. It helps designers, developers and others communicate and design great User Experiences.


Interaction Design Pattern16: Wikipedia
Interaction design patterns are a way to describe solutions to common usability or accessibility problems in a specific context. They document interaction models that make it easier for users to understand an interface and accomplish their tasks.

Interaction Design Pattern17

High-Performance Websites18 by Nicole Sullivan
Website performance is a growing challenge for web developers and designers. The net effect of features like rounded corners and rich Ajax integration is slower performance. At Web Directions North, performance guru and former Yahoo! engineer, Nicole Sullivan, shared some of the tools and techniques she developed and used to maximize performance for Yahoo! sites and applications.

High-Performance Websites19

Last Remarks

Jens O. Meiert20
One of my favorite bloggers on the subjects of Web design, development, etc. His blog is on professional web design, web development, accessibility, and usability. Be sure to take a look!


And I haven’t actually read this book, but its premise sure sounds interesting:

Learning Processing: A Beginner’s Guide to Programming Images, Animation and Interaction22 by Daniel Shiffman


This book teaches you the basic building blocks of programming needed to create cutting-edge graphics applications including interactive art, live video processing, and data visualization. A unique lab-style manual, the book gives graphic and web designers, artists, and illustrators of all stripes a jumpstart on working with the Processing programming environment by providing instruction on the basic principles of the language, followed by careful explanations of select advanced techniques.



  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16
  17. 17
  18. 18
  19. 19
  20. 20
  21. 21
  22. 22
  23. 23

↑ Back to top Tweet itShare on Facebook

The Smashing team loves high-quality content and cares about the little details. Through our online articles, Smashing Books, eBooks as well as Smashing Conferences, we are committed to stimulating creativity and strengthening the web design community’s creative forces.

  1. 00

    No comments have been posted yet. Please feel free to comment first!
    Note: Make sure your comment is related to the topic of the article above. Let's start a personal and meaningful conversation!

Leave a Comment

You may use simple HTML to add links or lists to your comment. Also, use <pre><code class="language-*">...</code></pre> to mark up code snippets. We support -js, -markup and -css for comments.

↑ Back to top