recentpopularlog in

edavey : css   23

MindBEMding – getting your head ’round BEM syntax – CSS Wizardry – CSS, OOCSS, front-end architecture, performance and more, by Harry Roberts
BEM – meaning block, element, modifier – is a front-end naming methodology thought up by the guys at Yandex. It is a smart way of naming your CSS classes to give them more transparency and meaning to other developers. They are far more strict and informative, which makes the BEM naming convention ideal for teams of developers on larger projects that might last a while.
may 2014 by edavey
Header - Ionic Components
Ionic is a beautiful front-end framework for developing hybrid mobile apps in HTML5.
ui  css  mobile 
january 2014 by edavey
Bourbon Neat
Neat is a semantic grid framework built on top of Sass and Bourbon. It is simple enough to get you up and running in minutes, and powerful enough to handle any responsive layout you can dream of.
css  grid  sass  ui  design 
september 2013 by edavey
Typeplate » A typographic starter kit encouraging great type on the Web
Frameworks make decisions for you about how to organize, structure and design a site. Pattern libraries don’t separate styling and markup, making them tough to use in a truly modular fashion. We weren’t satisfied, so we made a thing that doesn’t do that.

Typeplate is a “typographic starter kit”. We don’t make aesthetic design choices, but define proper markup with extensible styling for common typographic patterns. A stripped-down Sass library concerned with the appropriate technical implementation of design patterns—not how they look.
ui  css  sass 
march 2013 by edavey
The Semantic Grid System
Set column and gutter widths, choose the number of columns, and switch between pixels and percentages.

All without any .grid_x classes in your markup. Oh, and did we mention it's responsive?

Runs on LESS, SCSS, or Stylus. Read up on Smashing Mag
css  grid  ui 
october 2012 by edavey
Media Queries in Sass — Gist
// Media Queries in Sass 3.2
// These mixins make media queries a breeze with Sass.
// The media queries from mobile up until desktop all
// trigger at different points along the way
// And important point to remember is that and width
// over the portrait width is considered to be part of the
// landscape width. This allows us to capture widths of devices
// that might not fit the dimensions exactly. This means the break
// points are seamless.
sass  css  ui  design 
may 2012 by edavey
Book - Scalable and Modular Architecture for CSS
Categorizing CSS Rules

Every project needs some organization. Throwing every new style you create onto the end of a single file would make finding things more difficult and would be very confusing for anybody else working on the project. Of course, you likely have some organization in place already. Hopefully, what you read among these pages will highlight what works with your existing process and, if I’m lucky, you will see new ways in which you can improve your process.
css  development 
april 2012 by edavey
Bring your grid to Yoga class
After reading Ethan Marcotte’s article and book on responsive design, I was convinced to try it again. I thought that I could amend the grid-width function already in Bourbon to my needs by giving the variables percentage value. I was wrong. It didn’t handle sub-containers because the ratio between columns and gutters changes.
responsive  grid  css  fluid  ui 
march 2012 by edavey
File Style Demo
Style those darn file inputs. With jQuery of course.
css  jquery  file_input 
may 2011 by edavey
CSS3 PIE: CSS3 decorations for IE
PIE makes Internet Explorer 6-8 capable of rendering several of the most useful CSS3 decoration features.
ui  development  css 
december 2010 by edavey
proper typography, pretty much
typography  fonts  css  ui  javascript 
june 2010 by edavey

Copy this bookmark:

to read