Director of Application Development
Presented by Matt Baxter
SVG – open graphics standard
vector-based, good for logos & icons, but not photos
vectors are scalable and are not affected by pixel density
SVG is ideal for multi-device web
All modern browsers support SVG (IE9+)
SVG is…
The DOM
Prototypes – you can create interactive prototypes and wireframes using SVG
Presented by Alexis Abril
FeathersJS is a wrapper for Express that allows you to easily create shared RESTful web services and real-time APIs using SocketIO and other websocket libraries.
Feathers revolves around the concept of service objects.
Live coding the demo was awesome! Choose YOUR favorite Captain! Kirk vs Picard.
Storing data store in an array, but you could use a database. Using
Most of the best presentations have few notes because it was very interesting and included a lot of live coding. Github repo.
Client <-> Feathers <-> REST <-> DB
Presented by Mina Markham
SMACSS is not a framework. It’s an approach to authoring your style sheets. You can use
– base,
– layout, modules, states and themes
base styles are bare minimum (css reset)
layout styles are the grid system and any defining elements of your site (header/nav/etc)
modules is where you write the bulk of the css. components of pages
states are the active, collapsed, hidden or other states of your modules. You can use a separate naming convention for these
themes don’t always apply, but a theme can be a new skin for modules
base uses standard tags
layout can use a .layout prefix for your styles
modules use the name of the module
state styles can use a .is- prefix
theme can use .theme- prefix
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.
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
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 ProblemsBest practices aren’t exactly best practices