robertc + css3   48

Pure CSS parallax scrolling websites | Keith Clark
"This article demonstrates how to use CSS transforms, perspective and some scaling trickery to create a pure CSS parallax scrolling website."
BlogPost  CSS3  Tips 
august 2014 by robertc
Home — Solved By Flexbox
"This site is not another CSS framework. Instead, its purpose is to showcase problems once hard or impossible to solve with CSS alone, now made trivially easy with Flexbox."
CSS3  Tips 
september 2013 by robertc
Making a 60fps Mobile App | Aerotwist
"So really, when performance issues disappear you are left not with lingering thoughts on how the app was built, but rather the user's experience, and that's ultimately what matters."
BlogPost  MobileDevices  HTML5  CSS3  Performance 
july 2013 by robertc
Advanced cross-browser flexbox - Dev.Opera
Flexbox brings with it a lot of power and some very exciting possibilities for web development, allowing us to put together complex site layouts easily and rapidly, and dispensing with some of the illogical hacks and kludges that we've traditionally used.
BlogPost  CSS3  Tips 
june 2013 by robertc
Pure CSS3 Star Wars Lightsaber Checkboxes
Now I have to think of a project where I can use them...
CSS3  Hacks 
may 2013 by robertc
Code School - Discover DevTools
Paul Irish teaches you mastery of the Chrome Developer Tools
HTML5  CSS3  JavaScript  Development  Tools  Tutorial 
march 2013 by robertc
Using OpenType font features with CSS 3: Part 1 | Fontdeck Blog
"Web designers have had access to OpenType features for a year or so, through properties proposed in the CSS 3 Fonts Module. Firefox has supported this since version 4, and but until recently it was the only browser do so. Now Microsoft has joined the party by announcing OpenType support in Internet Explorer 10, along with Chrome on Windows"
BlogPost  CSS3  Typography 
may 2012 by robertc
The Reality of HTML5 Game Development and making money from it | Photon Storm
An excellent summary of all the possibilities for developing games with HTML5 and related technologies.
BlogPost  HTML5  CSS3  SVG  Games 
january 2012 by robertc
Extreme CSS3 Tic-Tac-Toe
Creating noughts and crosses with only a little HTML and CSS.
CSS3  Tips 
december 2011 by robertc
Animatable | Create HTML5 / CSS3 animations and advertising
Create, serve and track HTML5/CSS3 animations for desktop, Android, Blackberry QNX, iOS and WebOS mobile devices.
HTML5  CSS3  Tools 
july 2011 by robertc
Second IE10 Platform Preview Available for Developers
At last, an IE release with support for HTML5 forms.
BlogPost  IE10  HTML5  CSS3 
july 2011 by robertc
CSS reflections for Firefox, with -moz-element() and SVG masks | Lea Verou
A neat reflection effect achieved with a variety of web technologies.
BlogPost  Firefox  CSS3  Tips 
july 2011 by robertc
The Cicada Principle and Why It Matters to Web Designers » HTML & CSS, Layout » Design Festival
Have you been looking for a example which takes advantage of CSS3's multiple background images that isn't a re-hashing of the sliding doors technique? Here it is...
BlogPost  Web  Design  CSS3 
april 2011 by robertc
David Baron's weblog: What does a blur radius mean?
You may have been hearing for several years that all browsers support box-shadow and we should just drop the vendor prefixes already. If you've been wondering why they haven't, this post indicates the level of interoperability the browser vendors have been aiming for.
BlogPost  CSS3  Web  Standards 
march 2011 by robertc
Getting to work with new web technologies
An excellent introduction to HTML5 and CSS3 and lots of practical advice on implementing it in today's browsers.
HTML5  CSS3  Presentation 
december 2010 by robertc
Styling Form Controls – WebKit
The new HTML5 meter and progress elements can be styled through CSS in Chrome and Safari.
HTML5  GoogleChrome  Safari  CSS3 
november 2010 by robertc
Things Worth Noting About CSS Attribute Selectors
A good introduction to the various possibilities available to you with attribute selectors.
BlogPost  CSS3  Tips 
november 2010 by robertc
CSS3 :target based interfaces - Opera Developer Community
Use the :target selector to create slideshow style interfaces.
CSS3  Web  Design  Tutorial 
november 2010 by robertc
Ultimate CSS Gradient Generator -
Easily generate CSS markup for gradients in Firefox, WebKit and IE.
CSS3  Design  Tools 
october 2010 by robertc
A List Apart: Articles: Forward Thinking Form Validation
A nice introduction to HTML5 Forms and a JavaScript library to add support in older browsers.
BlogPost  HTML5  CSS3  Tips 
september 2010 by robertc
WebKit HTML5 Search Inputs | CSS-Tricks
Handy tips on overriding the default styling on search fields in WebKit (check the comments too).
BlogPost  CSS3  Safari  GoogleChrome 
august 2010 by robertc
HTML5 Boilerplate - A rock-solid default for HTML5 awesome.
The second starter template for HTML5/CSS3 projects I've seen this week, this one includes some (Apache) server configuration files too.
HTML5  CSS3  Development  Tools  Templates 
august 2010 by robertc
HTML5 Reset
A starter template for HTML5/CSS3 web projects, probably the first of many.
HTML5  CSS3  Development  Tools  Templates 
august 2010 by robertc
Understanding border-image | CSS-Tricks
Excellent introduction to the non-intuitive border-image property.
BlogPost  CSS3  HowTo 
july 2010 by robertc
Font Dragr: A drag and drop font tester | The CSS Ninja
Only just came across this neat combination of the drag and drop API and offline storage with @font-face.
BlogPost  Firefox  HTML5  CSS3  Typography  Hacks 
july 2010 by robertc
CSS Media Queries & Using Available Space | CSS-Tricks
A practical look at using media queries to make the best use of available screen space.
BlogPost  CSS3  Web  Design  Tips 
july 2010 by robertc
A List Apart: Articles: Prefix or Posthack
Vendor prefixes have come in for a lot of flak, but Eric Meyer gives us a timely reminder that the alternatives are far worse.
BlogPost  CSS3  Web  Standards 
july 2010 by robertc
Taking Advantage of HTML5 and CSS3 with Modernizr
Make your designs sensitive to the capabilities of the browser (eg. if drop shadows aren't supported, maybe you want a thicker border).
BlogPost  CSS3  HTML5  Library  Tutorial  JavaScript 
june 2010 by robertc
Firefox 4: CSS3 calc() ✩ Mozilla Hacks – the Web developer blog
Ever wanted to have two boxes, side by side, taking up the full width of the screen between them, but both having a one pixel border? CSS3 will finally allow you to do that, in several different ways. Setting width: calc(50% -2px) will be one of them.
BlogPost  CSS3  Firefox  Standards 
june 2010 by robertc
A List Apart: Articles: Responsive Web Design
Use the power of media queries to make your layout responsive to the limitations of the device on which it's viewed.
BlogPost  CSS3  Design  Layout  Tips 
may 2010 by robertc
Font Preview - Google Font Directory
Similar to the AJAX Libraries API, Google does all the work of hosting a collection of custom fonts for you.
CSS3  Web  Typography  Tools 
may 2010 by robertc
IEBlog : HTML5 and Same Markup: Second IE9 Platform Preview Available for Developers
The second IE9 platform preview is released, features improved standards support and performance, support for CSS3 media queries and new DOM methods like DOMContentLoaded and getElementsByClassName.
BlogPost  IE9  HTML5  CSS3 
may 2010 by robertc
The CSS3 Flexible Box Model
The flexible box model allows you to have a collection of elements which completely fill a variable width container.
CSS3  BlogPost  Layout  Tips 
april 2010 by robertc
CSS Properties Index – Jens O. Meiert
A list of all CSS properties and which version of CSS they're valid for.
CSS  CSS3  Reference 
april 2010 by robertc
Orientation Example
Using media queries to detect viewport orientation.
CSS3  Layout  Tips 
april 2010 by robertc
Resolution dependent layouts – the future? | Max Design
A short introduction to using media queries to make your layouts resolution dependent.
CSS3  Layout  Tips 
april 2010 by robertc
Building sites without using IDs or classes
An experiment: Laying out a page using only advanced selectors like nth-child.
BlogPost  CSS3  Layout 
april 2010 by robertc
CSS generated content techniques - Opera Developer Community
Although CSS2 has limited support for generated content, the CSS 3 Generated Content Working draft has loads more functionality.
BlogPost  CSS3  Tips 
april 2010 by robertc
Web Designer's Checklist, Web Designers' Browser Support Checklist : FindMeByIP
Chart showing the HTML5 and CSS3 capabilities of all the major browsers.
HTML5  CSS3  Reference 
april 2010 by robertc
Progressive enhancement: pure CSS speech bubbles – Nicolas Gallagher — Blog & Ephemera
Some interesting techniques using generated content with the :before and :after pseudo classes.
BlogPost  CSS3  Tips 
april 2010 by robertc
Internet Explorer 9: Platform Demos
Microsoft announce a developer preview of Internet Explorer 9, big news is CSS3 and SVG support and background compiled JS, the HTML5 improvements are mostly limited to the parsing compatibility improvements rather than new APIs.
IE9  Standards  HTML5  CSS3 
march 2010 by robertc
The Future Of CSS Typography - Smashing Magazine
Comprehensive guide to styling text on the web with CSS3.
BlogPost  CSS3  Typography 
march 2010 by robertc
YUI Theater — Philippe Le Hégaret: “The Next Open Web Platform” (52 min.) » Yahoo! User Interface Blog (YUIBlog)
A talk about the history of web standards, the standards process, and what the next generation of web standards will bring us, with practical working examples.
BlogPost  Presentation  Standards  HTML5  CSS3  SVG  Widget 
march 2010 by robertc
Jon Combe | Code | HTML clocks using JavaScript and CSS rotation
A graphical rotating clock built using images, CSS3 and Javascript.
CSS3  jQuery  Example 
march 2010 by robertc
Keith Clark - IE CSS3 pseudo-class selectors
Allows Internet Explorer to identify CSS3 pseudo-class selectors and render any style rules defined with them.
CSS3  IE6  IE7  IE8 
february 2010 by robertc
Multiple Backgrounds and CSS Gradients -
"Multiple backgrounds by itself is simple enough, as are CSS gradients, but combining the two is where things get interesting."
BlogPost  CSS3  Tips 
february 2010 by robertc

Copy this bookmark: