Bookmark Category: CSS

Bookmarks 245

9 May 15

Has the time come for web designers to embrace the SVG image format?

“SVG Workflow for Designers,” an article by Dan Mall

Icon System with SVG Sprites | CSS-Tricks

Exporting SVG for the web with Adobe Illustrator CC | Adobe Inspire Magazine

SVG-Optimiser

Dynamic SVGs Using Elements & JavaScript – Ken Collins @MetaSkills.net

SVG Icons – Ready to use SVG Icons for the web.

willianjusten/awesome-svg

svg/svgo

SVGOMG

Subtle CSS3 Typography that you’d Swear was Made in Photoshop | Nettuts+

Building for Content Choreography using Flexbox by Jordan Moore — Web Designer & Front End Developer

Tridiv | CSS 3D Editor

Border-image z on top – CodePen

Dribbble – CSS3 Polaroid by Joshua Blankenship

Loading webfonts with high performance on responsive websites

Brick. Webfonts that actually look good.

Quantity Queries for CSS · An A List Apart Article

rollover code areas

Formalize CSS – Teach your forms some manners!

!important CSS Declarations: How and When to Use Them – Smashing Magazine

jackosborne.co.uk/wp-content/themes/HTML5-2010-Fluid/media/css/master.css

Caleb Loffer Freelance Web Designer Charlotte NC

ou can get three borders on an image without any CSS3

How to Create Fancy Checkboxes and Radio Buttons | Web Resources | WebAppers

jQuery Plugins for Styling Checkbox & Radio Buttons

form styling

CSS Creator Overall layout for a side-scrolling photo gallery

CSS Creator tables or divs to layout a side-scrolling photo gallery?

css Zen Garden: The Beauty in CSS Design

Free CSS | Free CSS Templates | Free CSS Website Templates Page 1

Unify – Unicode support on browsers and devices

Unicode character table

Tour Iconic

Twitter / wesbos: ××× Protip: use × …

Optimizing Graphics for Apple’s Retina Display Using the CSS Background Size

Fix Button Borders in WebKit Mobile

-webkit CSS Properties

Shadow + Charles Proxy: Virtual Hosts Workflow | Adobe Edge Inspect Team Blog

CSS property: -webkit-appearance

Mike Dellanoce’s Blog: 10 tips for getting that native iOS feel with PhoneGap

Issues with position fixed & scrolling on iOS

Customizing web forms with CSS3 and WebKit by Jason Z. of 37signals

Disable Autocomplete, Autocapitalize, and Autocorrect

Loading spinner animation using CSS and WebKit by Jason Z. of 37signals

Triggering Numeric Keyboards with HTML5

List of Pseudo-Elements to Style Form Controls – TJ VanToll – Tutorials, Thoughts, and Ramblings on Front End Development

Just My Type

Stately | The simple map font

The Genericons Icon Font Story | ThemeShaper

Conor Muirhead // Designer

Theme Review « WordPress Codex

&what; — Discover Your Character

How to Embed Webfonts Properly and How to Solve the Ambiguous “CSS3111: @font-face encountered unknown error” – Marin Bezhanov

Batch • 300 Icons for Web & User Interface Design

Icon Fonts are Awesome

Ligature Symbols

Web Symbols typeface

base64 info The New Bulletproof @Font-Face Syntax | Fontspring

Base 64 Encoder

Disable Autocomplete, Autocapitalize, and Autocorrect Example

HTML for Icon Font Usage | CSS-Tricks

WordPress Post Format Icons [Retina] | Natko Hasić

Ten reasons we switched from an icon font to SVG – Ian Feather

Bulletproof Accessible Icon Fonts | Filament Group, Inc., Boston, MA

Browse Icons — Shifticons

Google Fonts Kreon

Font Awesome, the iconic font designed for use with Twitter Bootstrap

Pyconic Fonts | Pyconic

GeoBats Font | dafont.com

StateFace

Fontello – easy iconic fonts composer

❍ IcoMoon

Adactio: Journal—Conditional CSS

Creating a Mobile-First Responsive Web Design – HTML5 Rocks

Responsive Web Design

Conditional Content

Amazium – The responsive web framework..!

First, Understand Your Screen « James Pearce

Music Stand

Adaptive Images in HTML

Using CSS Background-size Responsively | Onextrapixel – Web Design & Development Online Magazine

Automatic responsive images in WordPress | Viewport Industries

Which responsive images solution should you use? | CSS-Tricks

Super Easy Responsive Images with Viewport Cookies — Website Performance, WordPress, code, how to, nginx — Konstruktors

Adaptive images: solving the responsive image problem | Webdesigner Depot

stack menu

BARREL | Text-align: Justify and RWD

“Mobile first” CSS and getting Sass to help with legacy IE – Nicolas Gallagher

Height equals width with pure CSS

Optimizing Responsive Layouts | WP Theming

Sache: Find Sass and Compass Extensions for your next project

CSS: Clearing Floats with Overflow

LESS « The Dynamic Stylesheet language

LESS.app For Mac OS X

Responsive Design Testing

Opera Mobile Emulator

Simple Media Queries Tester

The Responsinator

Responsive.is – Display and present responsive web designs