Search Public

Found 39 bookmarks

Newest

Animate.css

Animate.css

#css #animation #css3 #html5 #tools #webdesign #library #webdev

·daneden.github.io·Aug 25, 2014

Leveling Up With Flexbox presentation at Smashing Conference

Leveling Up With Flexbox presentation at Smashing Conference

#css3 #frontend #css #flexbox #html #smashingconf

·zomigi.com·Mar 28, 2014

Leveling Up With Flexbox presentation at Smashing Conference

Why moving elements with translate() is better than pos:abs top/left - Paul Irish

Why moving elements with translate() is better than pos:abs top/left - Paul Irish

#animation #paulirish #css3 #translate #css #transforms

·paulirish.com·Oct 31, 2013

Why moving elements with translate() is better than pos:abs top/left - Paul Irish

An Introduction to CSS3 Transitions - CSS3 . Info

An Introduction to CSS3 Transitions - CSS3 . Info

Useful info on CSS Transitions

#CSS3 #web #animation #transitions #tutorial #transition #WebKit #Presto #Gecko #css

·css3.info·May 30, 2013

An Introduction to CSS3 Transitions - CSS3 . Info

SVG Gradient Background Maker

SVG Gradient Background Maker

Handy

#webdesign #webdevelopment #svg #css3 #generator #gradientgenerator #web #design #css #gradient

·ie.microsoft.com·May 14, 2013

SVG Gradient Background Maker

The ultimate CSS tools for web designers | CSSmatic

The ultimate CSS tools for web designers | CSSmatic

Gradient generator, border radius, noise and box shadow

#webdesign #tools #development #webdev #css3 #generator #web #design #css #online

·cssmatic.com·May 13, 2013

The ultimate CSS tools for web designers | CSSmatic

CSS Ratiocinator - A tool that will automatically refactor your CSS

CSS Ratiocinator - A tool that will automatically refactor your CSS

Optimse your CSS. A new take at an old issue.

#webdesign #optimise #css3 #tool #css

·codevisually.com·Feb 1, 2013

CSS Ratiocinator - A tool that will automatically refactor your CSS

JSCamp: CSS Next

JSCamp: CSS Next

#css #chrome #opentype #canary #type #regions #font #typography #css3

·nimbupani.com·Dec 5, 2012

JSCamp: CSS Next

Public Service Announcement: Careful With Your Nested Border-Radii | CSS-Tricks

Public Service Announcement: Careful With Your Nested Border-Radii | CSS-Tricks

When you have and element within another padded element, both with different backgrounds and both with border-radius, make sure the inside element's border-radius is a bit less than the outer element.

#css #borders #border-radious #css3 #round

·css-tricks.com·Dec 4, 2012

Public Service Announcement: Careful With Your Nested Border-Radii | CSS-Tricks

Ultimate CSS Gradient Generator - ColorZilla.com

Ultimate CSS Gradient Generator - ColorZilla.com

Useful to generate IE 6-98 and 9 gradients (filter or svg)

#tools #webdev #webdesign #css #generator #css3 #gradient

·colorzilla.com·Oct 8, 2012

Ultimate CSS Gradient Generator - ColorZilla.com

Creating Single Element iPhone using CSS3 | CSSDeck

Creating Single Element iPhone using CSS3 | CSSDeck

On the amazing use of box-shadow

#cssdeck #webdesign #howto #inspiration #design #iphone #css3 #css

·cssdeck.com·Sep 10, 2012

Creating Single Element iPhone using CSS3 | CSSDeck

Home - Scalable and Modular Architecture for CSS

Home - Scalable and Modular Architecture for CSS

A brilliant and inspiring book. Not only useful, but fun to read too. Full of good tips and ideas. I love the approach.

#cybmed #howto #inspiration #Reference #books #modular #smacss #ebook #webdev #css3 #webdesign #architecture #css

·smacss.com·May 9, 2012

Home - Scalable and Modular Architecture for CSS

CSS3 Responsive Slider / Carousel Using Radio Buttons

CSS3 Responsive Slider / Carousel Using Radio Buttons

No JavaScript, but not very semantic

#inspiration #webdesign #slideshow #css #responsive #slider #css3

·csscience.com·Apr 5, 2012

CSS3 Responsive Slider / Carousel Using Radio Buttons

Fullscreen Background Image Slideshow with CSS3

Fullscreen Background Image Slideshow with CSS3

Nice implementation

#js #jquery #css3 #slideshow #css

·tympanus.net·Jan 6, 2012

Fullscreen Background Image Slideshow with CSS3

Vendor-prefixed CSS Property Overview « Peter Beverloo

Vendor-prefixed CSS Property Overview « Peter Beverloo

#css3 #reference #css #vendor #browsers #webkit #gecko #presto #trident #webdesign

·peter.sh·Dec 7, 2011

Vendor-prefixed CSS Property Overview « Peter Beverloo

Vendor-prefixed CSS Properties (WebKit) « Peter Beverloo

Vendor-prefixed CSS Properties (WebKit) « Peter Beverloo

#vendorprefixes #css3 #webkit #css

·peter.sh·Dec 7, 2011

Vendor-prefixed CSS Properties (WebKit) « Peter Beverloo

60 Useful Web Developer Cheat Sheet Collection

60 Useful Web Developer Cheat Sheet Collection

#css #xml #html5 #asp.net #cheatsheet #css3 #webkit #reference

·tripwiremagazine.com·Nov 21, 2011

60 Useful Web Developer Cheat Sheet Collection

Bring Your Forms Up to Date With CSS3 and HTML5 Validation

Bring Your Forms Up to Date With CSS3 and HTML5 Validation

#html5 #validation #css #html #form #css3 #required #focus

·webdesign.tutsplus.com·Nov 5, 2011

Bring Your Forms Up to Date With CSS3 and HTML5 Validation

Internet Explorer 10 Developer Guide:CSS

Internet Explorer 10 Developer Guide:CSS

Exciting reference, shame all properties are still vendor prefixed. "Internet Explorer 10 Developer Guide:CSS"

#internetexplorer #css #html5 #browsers #microsoft #specs #css3 #flexbox #region #multicolumn #grid

·msdn.microsoft.com·Sep 17, 2011

Internet Explorer 10 Developer Guide:CSS

gradient-scanner

gradient-scanner

Handy too to pick up a gradient from an image

#tool #gradient #css #css3 #web

·gradient-scanner.com·Sep 13, 2011

gradient-scanner

Create Columns Easily With The CSS3 Multi-Column Layout Module

Create Columns Easily With The CSS3 Multi-Column Layout Module

#css #html #javascript #column #multi-column #css3 #layout #design

·vanseodesign.com·Sep 9, 2011

Create Columns Easily With The CSS3 Multi-Column Layout Module

Prefixr

Prefixr

Generate cross-browser CSS

#css #css3 #prefix #webdev #tool #reference

·feedproxy.google.com·Sep 7, 2011

How to create a Ken Burns effect with CSS

How to create a Ken Burns effect with CSS

#css #javascript #html #kenburns #kenburnseffect #animation #css3

·css-101.org·Aug 9, 2011

How to create a Ken Burns effect with CSS

One Page Apps I Actually Use

One Page Apps I Actually Use

#css #html #javascript #via:zite #tricks #resources #reference #css3

·css-tricks.com·Jul 1, 2011

One Page Apps I Actually Use

Adactio: Journal—Sea change

Adactio: Journal—Sea change

Responsive design

#design #webdesign #css #css3 #html5 #mobile #mediaqueries

·adactio.com·Mar 24, 2011

Adactio: Journal—Sea change

Mobile HTML5 Boilerplate

Mobile HTML5 Boilerplate

#css #html5 #boilerplate #template #mobile #javascript #css3

·github.com·Mar 21, 2011

Mobile HTML5 Boilerplate

Thinning Text in Webkit (Safari) - HTML & CSS - Resources - Ordered List

Thinning Text in Webkit (Safari) - HTML & CSS - Resources - Ordered List

#webkit #safari #css #css3 #font #typography

·orderedlist.com·Mar 17, 2011

Thinning Text in Webkit (Safari) - HTML & CSS - Resources - Ordered List

Sencha - Sencha Animator

Sencha - Sencha Animator

Create CSS3 Animations with Ease

#animation #css3 #transition #css #keyframe #ios #android #software #mac #html5 #ui #webkit

·sencha.com·Oct 28, 2010

Sencha - Sencha Animator

Web Directions South 2010 Opening Titles

Web Directions South 2010 Opening Titles

RT @stop: Mind blown. Bar raised. @themaninblue's title sequence for WDS, using HTML, CSS, and JS: (view in Chrome)

#html #html5 #css #css3 #javascript #animation #transition #inspiring #webkit #typography #wdx

·themaninblue.com·Oct 19, 2010

Web Directions South 2010 Opening Titles

10 tips for designing mobile websites | These Days Labs

10 tips for designing mobile websites | These Days Labs

#article #mobile #bestpractices #css3 #css #design #html5 #iphone #webdesign

·labs.thesedays.com·Jul 23, 2010

10 tips for designing mobile websites | These Days Labs