CSS Typography: Examples and Tools
Submitted 2 years and 59 days ago (more from sixrevisions.com)This is the third part of a three-part series of guides on CSS typography that will cover everything from basic syntax to best practices and tools related to CSS typography. Contains a nice collection of typography-related tools, with most being geared toward helping you work with CSS typography.
css3files - CSS3 properties exposed
Submitted 2 years and 60 days ago (more from css3files.com)It is sometimes a bit difficult to stay up to date with CSS3. This page is meant to be a guide through all the CSS3 glory we already have and still get. There is broad support for modern CSS3 properties in all contemporary browsers. With the arrival of Internet Explorer 9 even the previously unloved IE family has made a big step forward.
CSSWARP - CSS Text to Path Generator
Submitted 2 years and 71 days ago (more from csswarp.eleqtriq.com)JavaScript web app that produces text along a path in pure CSS. It's a tool for "warping" HTML text directly in the browser. It will apply text transforms to your CSS in a way that you will have native text in an HTML page that looks as if it were created with Illustrators attach to path tool. Has a generate button which provides the HTML and CSS markup of your custom warp.
Clip your hidden content for better accessibility
Submitted 2 years and 71 days ago (more from yaccessibilityblog.com)There’s a balance between creating a clean, simple visual design and providing accessible content and functionality. One common solution is to provide text to screen readers that is hidden via CSS. Many developers are still confused by what does what and for whom. So let’s first recap what basic declarations mean when it comes to hiding content.
Media Queries - a collection of responsive web designs
Submitted 2 years and 85 days ago (more from mediaqueri.es)A gallery site of responsive websites. The term Responsive Web Design is the practice of using fluid grids, flexible images, and media queries to progressively enhance a web page for different viewing contexts.
CSS: Clearing Floats with Overflow
Submitted 2 years and 98 days ago (more from webdesignerwall.com)One of the common problems we face when coding with float based layouts is that the wrapper container doesn’t expand to the height of the child floating elements. The typical solution to fix this is by adding an element with clear float after the floating elements or adding a clearfix to the wrapper. But did you know you can also use the overflow property to fix this problem?
Kick-start your web development with HTML5 Boilerplate
Submitted 2 years and 100 days ago (more from ibm.com)Get a technical introduction to the HTML5 Boilerplate project, including some of the many HTML5, CSS3, mobile development, and web performance best practices it brings to the table.
The New Bulletproof @Font-Face Syntax
Submitted 2 years and 106 days ago (more from fontspring.com)Since the beginning of the 'webfont revolution' we've relied on somewhat hacky @font-face declarations to get webfonts loading cross-browser. Could there be a better way? One that's clear and compatible with future browsers?
CSS3 Button Maker Online Tool
Submitted 2 years and 106 days ago (more from css3designer.com)Create your own button and get the CSS code. Ability to create different modes of your button ( Link, Hover, Visited, Active), Border Shadow, Round Corner, Gradient Background, Text Shadow and many many more features.
The practicalities of CSS Media Queries, lessons learned.
Submitted 2 years and 107 days ago (more from blog.bloop.co)CSS Media Queries are part of CSS3 and in brief: they allow you to tailor your websites appearance for different screen sizes. Here's some of the more complicated stuff, that I thought I'd share to save anyone time, and I couldn't find much about online.