Flex Layout Attribute (FLA)
Helpful interactive demo called ‘Flex Layout Attribute’ — layout helper based on CSS flexbox.
june 2016
A kickass library used to create poppers in web applications
may 2016
Modaal is a WCAG 2.0 Level AA accessible modal plugin
Modaal - An accessible dialog window plugin for all humans by @wearehumaan
accessibility  modal  lightbox 
may 2016
Hamburgers by Jonathan Suh
Nice collection of CSS animated hamburger menu icons
hamburger  navigation 
march 2016
HOW TO: Pure CSS masonry layouts — Medium
achieving that aesthetically pleasing staggered effect without any JavaScript
masonry  flexbox 
february 2016
Optimising SVGs for Web Use — Part 1 — By Larsenwork — Medium
In this article I’ll cover the basic concepts of svg path optimisation. Part 2 and part 2½ is where I’m showing you how …
february 2016
» Case Study: Our SVG Icon Process Cloud Four Blog
Speaking about SVG, here’s a case study that describes a workflow for creating, optimizing and embedding SVG’s.
february 2016
Labelling Form Elements
A bit more accessibility guidance
accessibility  forms 
february 2016
Patterns - The A11Y Project
An accessible widget & pattern library
accessibility  patterns 
february 2016
ScrollReveal, easy scroll animations for web and mobile browsers.
animation  javascript  scroll 
january 2016
Mockup Catalog -
If you are searching for a specific mockup chances are you’ll find it here.
december 2015
Animated SVG vs GIF. @SaraSoueidan has an in-depth breakdown at what’s best.
svg  gif  webdesign 
december 2015
iOS 9 Design Guidelines for iPhone and iPad - Design+Code
Pretty extended resource with iOS9 design guidelines for iPhone and iPad.
ios  design  guidelines 
november 2015
How To Work With SVG Text - Vanseo Design
Great article explaining the basis of using SVG text.
svg  design 
october 2015
Swiss Style Color Picker | International Style Colors Sheme Palette
Do you love Swiss graphic design? Here’s a Swiss style colour picker.
color  swiss  inspiration 
october 2015
Introduction | Front-end Handbook
Pretty extensive Front-end Developer Handbook. Great resource, but it will be daunting task to keep it up to date.
october 2015
CSS Buttons
If you need some CSS button inspiration, this CSS Buttons tumblr has you covered.
HTML5  buttons  css3 
october 2015
Screen Sizes
A list of popular device screen sizes and more.
mobile  responsive  webdesign 
october 2015
CSS Multi-Level Accordion Menu | CodyHouse
A simple CSS accordion menu with support for sub level items.
css3  navigation 
october 2015
Stylesheets is a community-generated collection of the best CSS resources.
september 2015
Dealing with long words in CSS | justmarkup
A robust solution for dealing with long words using several CSS rules
css  hyphenation  typography 
september 2015
Creating Cel Animations With SVG – Smashing Magazine
Interesting article on Smashing Magazine about creating cel animations with SVG & Sass.
css  sass  svg 
september 2015
» Responsive Images 101, Part 9: Image Breakpoints Cloud Four Blog
Interesting article on image breakpoints for responsive images.
images  responsive 
august 2015
MailChimp Content Style Guide
Content is what makes a web site great. MailChimp shares their Content Style Guide and it’s lovely.
content  styleguide 
august 2015
CSS vs. SVG: Graphical Text Effects : Adobe Dreamweaver Team Blog
CSS vs. SVG: Graphical Text Effects, @SaraSoueidan compares them both to see what’s best.
css  svg 
august 2015
Stretchy: Form element autosizing, the way it should be.
Form element autosizing,
the way it should be.
css  forms 
july 2015
Perfecting a CSS 3D animation , by Miguel Palhas of Subvisual
“A nice little tutorial on how to build a 3D animated atom with CSS. Worth reading”.
animation  css  3D 
july 2015
Art-Directing an SVG Embedded Using <object>
A case study by Sara Soueidan on a art-directed SVG graphic with an accessible fallback.
july 2015
Greedy Navigation
Interesting test case for a responsive design navigation
responsive  navigation 
july 2015
Envato Market Styleguide
Envato Market styleguide collection
june 2015
Making a SVG HTML Burger Button - The Raygun Blog
Cool tutorial to create a SVG HTML Burger Button
animation  svg  css3 
june 2015
Vex – Beautiful, functional, modal dialogs in Javascript
Bookmarked! Vex, a modern UI library for creating beautiful and functional dialogs in Javascript.
javascript  modal  webdesign 
april 2015
Internet Explorer Web Platform Status and Roadmap - status.modern.IE
If you ever wonder what’s supported in which browser, have a look at https://status.modern.ie, it has a great overview of all that.
april 2015
Learn How to Code in HTML5 and CSS3
How to code in HTML5 and CSS3, a free book that explains it all in an understandable manner. Good refresher too.
css3  html5 
april 2015
CSS Flexbox
Curated collection of CSS Flexbox related articles, tips and resources.
css3  flexbox 
april 2015
Interesting typographic tool. Adjust kerning pairs, rag, widows, and more in your web typography.
typography  design  css 
april 2015
« earlier      
3d @font-face accessibility accordion actions adobe ads ajax akismet alpha ampersand android animation animations annotation apache api apple application architecture audio audioplayer background backup badges battery blend bookmarklet books bootstrap borderimage branding browser brushes bubbles bugs businesscards button buttons campaignmonitor cheatsheet cms code color colormanagement colors comments compass compatibility compression contrast converter css css3 design domscripting dpi dribbble dropbox dummy dynamic ecommerce em email encoding expressionengine extension extensions fallback filter firefox firewall flash flexbox flickr fluid fold font fonts forms foundry framework furniture gallery generator geometric google googlemaps gradient gradient_tool gradients graphicdesign graphics graphs grid gui guide hacks history hover htaccess html html5 hyphenation icons ie ie6 ie7 ie8 illustration illustrator image images infographics informationdesign inspiration interior ios ipad iphone javascript jquery knowhow layermask layout leopard lifestream lifestyle lightbox links loader loading logo logos loremipsum mac macaw macosx maps mask masking masonry mediaqueries menus microformats mobile mockups modal module money monitoring mootools mysql navigation newsletter numerals ornaments osx overlay packaging parallax path pathfinder pattern patterns pen_tool pentool performance photo photography photoshop php pins pixel plugin plugins png posters prefix presentation print progressive prototype psd quicksilver quirksmode reference reflect_tool resize resources responsive retina retinadisplay retro ribbon rss safari sass screencast screenshots scriptaculous scroll scrollbar selector semantic server shapelayer shapes sharing shopping sifr sketching slider slideshow socialbookmarking socialnetworking software specificity spirograph sprites styleguide svg swiss symbols syntax tables techniques templates testing textures timezones tips tools tooltip toread tourdefrance traffic transform transform_again transitions transparency tumblr tutorial twitter typekit typography ui upload usability ux validation vector verticalrhythm video vintage virtualization visualization w3c wallpaper web webapp webdesign webfonts webkit webstandards windows world wysiwyg

Copy this bookmark: