Magic of CSS — Adam Schwartz
Lovely online book with code examples on the magic of CSS.
css  tutorial  webdesign  from delicious
yesterday
Aligning type to baseline the right way using SASS — Medium
Interesting read. Aligning type to baseline the right way using SASS.
css  typography  sass  from delicious
2 days ago
Typekit Practice
Typekit Practice has the potential to become a great resource for learning about typography.
typography  typekit  design  from delicious
7 days ago
Perfect Icons - A social icon creation tool.
If you need resolution independent social sharing buttons, Perfect Icons may just have what you’re looking for.
icons  from delicious
8 days ago
CSS and SVG Masks - CodePen
There’s more than 1 way to do masks: clip, clip-path, mask-image… Examples & browser support.
css  mask  webdesign  from delicious
13 days ago
Advanced animation path » legomushroom
Tutorial on how to animate along an SVG path, but also adjust the orientation. Clever.
svg  animation  from delicious
13 days ago
Advanced web typography: Kerning » Blog » Elliot Jay Stocks
Good article from @elliotjaystocks on Advanced web typography: Kerning.
typography  kerning  webdesign  from delicious
14 days ago
Type Scale - A Visual Calculator
Type Scale, a visual calculator with preview and ready to copy CSS code. Bookmarked!
typography  webdesign  from delicious
22 days ago
Snap.svg - Home
This seems a like pretty nice library to create SVG animations.
svg  javascript  webdesign  from delicious
22 days ago
Getting to Know Macaw's Tools - Tuts Web Design Tutorial
Another good starter resource about Macaw is this one about Macaw's Toolkit and Inspector Panel.
macaw  tutorial  webdesign  from delicious
23 days ago
WTF, HTML and CSS?
WTF, HTML and CSS? Highly useful list of tips & gotchas for new (and experienced) front-end developers.
css  html  from delicious
27 days ago
CSS Diner - Where we feast on CSS Selectors!
What a fun and clever way to learn how to use CSS selectors. Try it!
css  tutorial  from delicious
29 days ago
Flexbox Grid
A new grid system (to me) based on the flex display property.
flexbox  grid  responsive  from delicious
4 weeks ago
Code Guide by @mdo
A nice set of standards for developing flexible and sustainable HTML/CSS, by @mdo.
css  html  guide  from delicious
6 weeks ago
Team-Sass/toolkit · GitHub
Speaking of Sass & Compass, here’s a Toolkit for Responsive Web Design & Progressive Enhancement.
sass  responsive  compass  from delicious
6 weeks ago
Browserhacks
Great collection of browser hacks for front-end devs. Unfortunately still needed on occasion.
hacks  css  javascript  from delicious
6 weeks ago
Typsettings | Home
Speaking about SASS & typography… Here's TypeSettings, a Sass type toolkit to deal with vertical rhythm and apply modular scale.
sass  typography  from delicious
7 weeks ago
iconizr · CSS & Sass icon kit creator · SVG & PNG sprite generator
Tool for the bookmarks: iconizr – CSS & SASS icon kit creator plus SVG & PNG sprite generator.
icons  svg  from delicious
8 weeks ago
Drop-Down Navigation: Responsive and Touch-Friendly — Osvaldas Valutis
Nice tutorial on how to create a Drop-Down Navigation that is #responsive and touch-friendly: 
responsive  navigation  css  mobile  from delicious
9 weeks ago
Make a Flippin’ 3D Countdown with CSS & JavaScript | Viget
Neat little tutorial on creating a flipping 3D countdown with CSS & JavaScript.
css  javascript  from delicious
9 weeks ago
How to use the @supports rule in your CSS | Web design | Creative Bloq
Feature support detection with the simple and elegant @supports rule by Lea Verou. Good read.
css  webdesign  from delicious
9 weeks ago
William Penn’s CSS layouts | MaccG
Good overview of #CSS3 layout modules and methods
css3  layout  from delicious
9 weeks ago
Styleguide | Yelp
Another front-end style guide for the bookmarks. This time by Yelp.
styleguide  design  from delicious
10 weeks ago
Grid
Simple examples and well explained. A simple guide to responsive design.
webdesign  responsive  from delicious
10 weeks ago
Liquidapsive (Liqui-dap-sive)
If you want to quickly explain a difference between fixed, fluid, responsive layout, this resource can be helpful.
responsive  webdesign  from delicious
11 weeks ago
NTH-TEST | nth-child and nth-of-type Tester
A quick tool to test nth-child and nth-of-type in CSS.
css  tools  nth  from delicious
11 weeks ago
The Tipue blog - The complete guide to centering a div
Worth bookmarking as a reminder. The complete guide to centering a div.
css  centering  div  from delicious
11 weeks ago
You Might Not Need jQuery
Roger Johansson is right. Very much worth considering.
javascript  jquery  from delicious
11 weeks ago
A List Apart Pattern Library
Another pattern library for the bookmarks. This one is maintained by the good folks of A List Apart.
patterns  design  styleguide  from delicious
12 weeks ago
When To Use The Button Element | CSS-Tricks
When to use the button element. Some good advice in the comments too by @codepo8.
css  button  from delicious
12 weeks ago
Off Canvas Menu with Animated Links
Learn to make a simple off canvas mobile navigation with delayed link animation.
navigation  css3  from delicious
12 weeks ago
Flexbox for forms - German for black
Neat technique. Flexbox for forms. No inline-block, no floats, no hard-set widths.
flexbox  forms  from delicious
january 2014
Animate.css
Handy list of CSS animations with a preview.
css  animations  from delicious
january 2014
Black Tie - Free Handsome Bootstrap Themes
These free Bootstrap themes on http://www.blacktie.co are handsome alright. Bookmark worthy!
bootstrap  themes  from delicious
january 2014
⌘ SPACE | Dribbble Powered Portfolios
If you have an Dribbble account you can have an instant design portfolio via ⌘+SPACE.
dribbble  portfolio  from delicious
january 2014
The Pattern Library
I you love beautiful pattern designs like me you’ll want to bookmark The Pattern Library. Inspirational!
patterns  design  from delicious
january 2014
Bulletproof Accessible Icon Fonts | Filament Group, Inc., Boston, MA
Fantastic article! How to implement Bulletproof Accessible Icon Fonts. If you read one article today let it be this one.
accessibility  icons  fonts  from delicious
january 2014
HTML5 Video - HTML5 Rocks
HTML5 Video tutorial. Big update to the original article from 2010.
html5  video  from delicious
january 2014
Smooth state animations with animation-play-state | Lea Verou
Cool discovery byLea Verou. Smooth state animations with animation-play-state.
animation  css3  from delicious
january 2014
CSS: User Agent Selectors — Rog.ie
Handy snippet that @rogie uses to target specific user agents/mobile devices to fix finicky browser issues.
webdesign  snippet  html5  from delicious
january 2014
An interactive video intro to flexbox
If you’re getting started with Flexbox this might interest you; An interactive video intro to Flexbox.
flexbox  css3  from delicious
january 2014
The Ultimate Flexbox Cheat Sheet
Now that the introduction of Flexbox is out of the way you'll find this handy as well. The Ultimate Flexbox Cheat Sheet…
flexbox  css3  cheatsheet  from delicious
january 2014
A Pocket Guide to Master Every Day’s Typographic Adventures
Nicely done! A Pocket Guide to Master Every Day’s Typographic Adventure.
typography  from delicious
january 2014
Unify – Unicode support on browsers and devices
Handy! Unicode symbols support in different browsers/devices. Some great research!
unicode  icons  from delicious
january 2014
Using SVG in your web app - Tom Germeau
Using #SVG in your web app describes an Adobe Illustrator work flow for using SVG’s.
svg  from delicious
december 2013
A client side solution to conditional loading in Responsive Web Design
Interesting experimentation concept: ResponsiveComments, A client side solution to conditional loading in Responsive Web Design
responsive  from delicious
december 2013
Type Rendering Mix
Type Rendering Mix apply CSS based on the text rasterizer and
 antialiasing your browser is using.
typography  from delicious
december 2013
Responsive Web Design Resources | This Is Responsive
Everything you need as far as resources go for responsive web design
responsive  resources  webdesign  from delicious
december 2013
Showcase | SVGeneration
One for the bookmarks: SVGeneration, a SVG backgrounds gallery, some with SVG filters.
svg  background  generator  from delicious
december 2013
GoodUI
I’ve linked to GoodUI before but 24 new tips have been added since then. Great resource.
ui  ux  design  from delicious
december 2013
« earlier      
326ppi 3d 3dtransforms 72dpi @font-face abtesting accessibility accordion adaptive adjustmentlayers adobe agency ajax akamai akismet Aligntool alpha amazon ampersand analytics animation annotation antispam apache api apple application architecture area_type_tool aspectratio attribute_selectors audio audioplayer background backup badges banner baselines battery bbc bike bitmap blend_tool bloat boilerplate book bookmarklet books border border-image borderimage BostonGlobe branding browser brushes bubbles bugs businesscards buttons calculator calendar camera campaignmonitor canvas cartoon checklist clearfix clock cms coat_of_arms cocomment code color colorgroups colorguide colormanagement colors comments compatibility contentslider contrast converter corporateidentity covers cropping CS3 css css3 datepicker design desktop diagrams doctype domscripting dpi drawing dropbox dropdownmenu dummy dummytext dynamic ebooks ecommerce editor education EE effect elastic em email embed encoding entity equidistant EricSpiekermann europe expressionengine extension extensions eyetracking facebook fever fieldframe fieldnotes filter firefox firewall flags flash flickr float fluid focusCloud fold folksonomy fontstacks forms foundry framework freeform freelance freelancing fullscreen furniture fusion gallery generator geometric goldenratio google googlemaps gradient gradient_mesh gradient_tool gradients graphicdesign graphics graphs grid grids gui hack hacks handlettering headsupdisplay highlight history hover htaccess html html5 HUD humor hyphenation icons IE ie6 IE7 ie8 IE9 illustration illustrator image images indesign infographics Informationdesign inspiration interior internet iOS ipad iphone itunes javascript JoeClark jquery keynote knowhow label layermask layerstyles layout leopard less lifestream lifestyle lightbox line-height links livecolor livepreview logo logos longexposure loremipsum mac macosx magazine mailchimp maintenance makewithmesh mapping markdown masking masonry mediaqueries menus mesh Meta microformats minimalism mobile modal modern modular module moleskine money monitoring monospace mootools movie movies mozilla music MySQL navigation neon netherlands network newsletter nth-child numerals onlinestorage ornaments osx overlay overlays packaging paper paragraph parallax parallels path Pathfinder pattern patterns pen_tool pentool photo photography photoshop photoshop_actions photoshop_shapes PhotoshopCS3 php picker pictures pins pixel player plugin plugins png positioning posters powerpoint prefix prepress presentation principles print process progressive protector prototype ps3 pucker python QuickSilver quirksmode recolor reference reflect_tool rem repair resize resources responsive retinadisplay retro rgba ribbon rollover Rounded_Rectangle_tool rss rust s3 safari save scaling scanning scheduling scissors_tool screencast screensaver screenshots scriptaculous scrollbar scroller search security selector semantic seo server shapelayer shapes sharing shear_tool shopping shorturl showreel sifr signage signature signs sketching skin slider slides slideshow smartfilters socialbookmarking socialnetworking software specificity specwork spirograph sprites storage strap strictmode subscriptionform subversion support swatches swf swiss symbols syntax tables tagCloud target techniques templates testing text_wrap texture textures textwrap tiltshift timemachine timetracking timezones tips tools toread traffic transform transform_again transform_each transform_effect transitions transparency tree trends tumblr tutorial twitter typekit typography ui upload uptime usability validation vat vector vectors veer vendor-prefix versioncontrol verticalRhythm video vintage virtualhost virtualization visualization vmware w3c wallpaper watercolor watercolors weather web webapp webdesign webfonts webhosting webkit website webstandards windows wood world wpa wysiwyg yearbook

Copy this bookmark:



description:


tags: