iconic/illustrator-svg-exporter · GitHub
A better way to generate SVGs from Illustrator by @useiconic. Looks interesting.
illustrator  svg 
2 days ago
demosthenes.info – Little, Big: Using CSS fit-content
Learn to use CSS fit-content for precise element containers. Dudley Storey shows how…
css  layout  design 
5 days ago
Auto-Hide Sticky Header — Osvaldas Valutis
Good resource if you need to create an auto-hide sticky header.
css  navigation 
10 days ago
Designing For Print With CSS - Smashing Magazine
Very useful article about *Designing For Print With #CSS* by Rachel Andrew on Smashing Magazine.
css  design  print 
17 days ago
philipwalton/flexbugs · GitHub
Curated list of Flexbox issues and cross-browser workarounds for them.
css  flexbox 
18 days ago
CSS you can get excited about in 2015 | Webdesigner Depot
The favorite new things in CSS that you can get excited about this year according to @rachelandrew.
19 days ago
Top Pens of 2014 on CodePen
Lovely overview of the most hearted CodePen’s of 2014. Great for experimenting & learning.
23 days ago
CSS Gradient Animator
Bookmarked! A CSS gradient animator by @ginyuforcerules
animation  color  css  gradient 
27 days ago
Chris Wright - Experiment: Flexbox Adventures
Great tutorial! Calculating space with Flexbox for navigation items.
css3  flexbox  layout  webdesign 
4 weeks ago
Give ’n’ Go
Interesting place for learning! A curated gallery of @dribbble shots reworked as interactive CodePen pens.
4 weeks ago
SVG Loaders - Sam Herbert
Re-sharing this nice collection of SVG loaders inspired by Google’s material design.
icons  loader  svg 
4 weeks ago
CSS Animated Headlines | CodyHouse
How to create Animated Headlines with CSS transitions.
animation  css  tutorial  webdesign 
5 weeks ago
3D Rotating Navigation in CSS and jQuery | CodyHouse
Nice tutorial that shows you how to create a 3D Rotating Navigation.
navigation  css3  3D 
6 weeks ago
demosthenes.info – Big, Beautiful Dropcaps with CSS initial-letter
Big, Beautiful Dropcaps with CSS initial-letter, a tutorial by @dudleystorey. Good accessibility tip in comments too.
css3  dropcaps  typography 
6 weeks ago
PhotoSwipe - JavaScript Image Gallery
PhotoSwipe 4.0 is a gorgeously minimal photo gallery.
lightbox  gallery  image 
6 weeks ago
Designer's guide to DPI
Very extended read! A designer's guide to DPI.
Available as an ebook too.
design  dpi  reference 
6 weeks ago
An SVG Web font with 74 icons of all main payment operators and methods.
font  icons  svg 
7 weeks ago
Typekit Practice: Getting the most out of type specimens
How do you get the most out of web type specimens? This lovely article @typekit tells you how…
design  typography  web 
8 weeks ago
Style Guides | Brad Frost
The differences between style guides, pattern libraries, code guidelines, etc. explained by Brad Frost.
patterns  styleguide 
9 weeks ago
The State Of Animation 2014 | Smashing Magazine
Interesting post that discusses the state of Web animation in 2014.
animation  webdesign 
9 weeks ago
Website Style Guide Resources
Lovely collection of resources on front-end style guides.
css  design  styleguide 
9 weeks ago
LukeW | Video: Mobile Navigation, Conversion, Input, & More
Deep dive into mobile design by Luke Wroblewski. 2.5 hours of video on mobile menus, forms, inputs, conversion, layout & more.
design  mobile 
9 weeks ago
Haven’t used it yet but looks interesting. CSS Dig: Analyze your CSS in a new way.
browser  css  plugin 
9 weeks ago
Responsive Images | Brad Frost
How Brad Frost handles 95% of his responsive images.
responsive  images 
10 weeks ago
The iOS Design Guidelines - Ivo Mynttinen / User Interface Designer
Well put together resource page with the iOS Design Guidelines.
design  resource  iOS 
10 weeks ago
Stag - CodePen
An experiment resizing and restaging SVG at different aspect ratios.
SVG  parallax 
10 weeks ago
SVG Animations
Tutorial on how to create SVG animations.
animation  svg 
11 weeks ago
A New Way to Test Internet Explorer on OS X, iOS and Android | Rey Bango
Interesting! Test the latest IE on any platform for free without a big VM download - RemoteIE.
ie  testing 
11 weeks ago
Styling And Animating SVGs With CSS | Smashing Magazine
Speaking about SVG…
Sara Soueidan on styling and animating SVGs With CSS. Lengthy but very good!
animations  css  svg 
11 weeks ago
Masking SVG Animations — Medium
Lovely post on masking SVG animations.
svg  tutorial  animation 
11 weeks ago
romashamin/Size-Marks-PS · GitHub
Handy Photoshop script called 'Size Marks'
photoshop  design 
11 weeks ago
CSSconf EU 2014 | Rachel Andrew: CSS Grid Layout - YouTube
Interesting video/talk where Rachel Andrew shows how the CSS Grid Layout works.
css3  layout  grid 
12 weeks ago
Blend if
Great Photoshop technique by @bjango. Although I’ll have to re-read it before using it.
photoshop  transparency  blend 
12 weeks ago
Coolors Tutorial - The super fast color palettes generator!
Always love to play with colors. ‘Coolors’, a super fast color schemes generator.
colors  tools 
12 weeks ago
A Guide to SVG Animations (SMIL) | CSS-Tricks
Great extended guide to create SVG Animations by Sara Soueidan over at CSS Tricks.
svg  animation 
12 weeks ago
Spacing elements
"Let's say we want those items to be spaced evenly with CSS…”
12 weeks ago
SVG pattern generator
What a great tool to play with! Great for inspiration. A SVG pattern generator
patterns  tools 
12 weeks ago
Pure CSS off-canvas menu with flexbox
Very cool! Pure CSS off-canvas menu with flexbox created by Zoe Gillenwater
css3  flexbox 
12 weeks ago
Making Responsive HTML Emails | Benjy Stanton
Run down of the process for designing, building and testing responsive HTML emails.
email  responsive 
12 weeks ago
SVG Icons - Ready to use SVG Icons for the web.
One for the bookmarks. Ready to use SVG icons, just copy and paste the HTML.
svg  icons  from delicious
september 2014
Great visualization of the new iPhone 6 screens.
iphone  from delicious
september 2014
Introducing AM - Attribute Modules for CSS - Glen Maddern: Internet Pro
Interesting approach to CSS, using custom element attributes and the ~= selector.
css3  from delicious
september 2014
uiGradients - Beautiful coloured gradients
uiGradients, an inspiration source to create some beautiful CSS gradients.
css3  gradients  from delicious
september 2014
Grid by Example
Site by Rachel Andrew that hosts CSS Grid Layout examples.
css  grid  layout  from delicious
september 2014
CSS Shapes Editor for Chrome
Handy CSS Shapes Editor extension for Chrome. How to use it explained.
css  shapes  from delicious
september 2014
Plain Pattern
Lovely SVG based seamless pattern maker.
svg  patterns  from delicious
september 2014
Progressive Enhancement
Great thought process on choosing the appropriate HTML tags. Progressive Enhancement.
css  accessibility  webdesign  webstandards  from delicious
august 2014
Pure CSS parallax scrolling websites | Keith Clark
Understanding how pure CSS parallax scrolling websites work. Clever stuff in there.
css  parallax  from delicious
august 2014
Creating color palettes with adjustment layers
Nice technique from @bjango. Creating color palettes using adjustment layers.
photoshop  color  from delicious
august 2014
Responsive Email Patterns
A collection of patterns & modules for responsive emails.
email  responsive  patterns  from delicious
august 2014
CSS at Groupon
I always like to read how organizations use CSS. Four cases in total if you read the links in the beginning too.
css  from delicious
august 2014
Matt Stow : Instant, responsive print stylesheets
Very cool tip indeed. Instant, responsive print stylesheets.
responsive  print  from delicious
august 2014
Understanding SVG Coordinate Systems & Transformations (Part 3) – Establishing New Viewports
Understanding SVG Coordinate Systems & Transformations (Part 3) – Establishing New Viewports. Excellent series by Sara Soueidan.
svg  animation  from delicious
august 2014
Improve Your Email Workflow With Modular Design | Smashing Magazine
Speaking about email…Improve your email workflow with modular design
email  design  from delicious
august 2014
Creating a centered, responsive design without media queries - Campaign Monitor
Get responsive emails to look nice in Gmail. Creating a centered, responsive design without media queries.
responsive  email  campaignmonitor  from delicious
august 2014
« 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 bootstrap borderimage branding browser brushes bubbles bugs businesscards 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 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 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 logos loremipsum mac macaw macosx maps mask masking mediaqueries menus microformats mobile module money monitoring mootools mysql navigation newsletter numerals ornaments osx overlay packaging parallax path pathfinder pattern patterns pen_tool pentool photo photography photoshop php pins pixel plugin plugins png posters prefix presentation print progressive prototype 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 spirograph sprites styleguide svg swiss symbols syntax tables techniques templates testing textures timezones tips tools 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 webkit webstandards windows world wysiwyg

Copy this bookmark: