PUBLIC MARKS from user Spone

Modern Pictograms is a typeface for interface designers and programmers. Designed in early 2011 for the Flatfile Wordpress theme, the pictograms stay sharp when used large or small. Install the OpenType file for Photoshop mockups and drop in the @font-face code into your CSS to embed them right in your Web page. Designed to work on web sites at sizes down to 18 pixels, but best at higher than 24 pixels.

There are some browser and screen reader combinations that treat CSS not only as a presentational thing, but apply meaning according to the used properties. For example some won’t read a list if you use list-style: none; in your CSS. This assumes that the meaning of your HTML is overwritten by the visual style: If it doesn’t look like a dumb bullet list, it must be no list at all. I’m not sure I conclude with that assumption, but that isn’t the main point of the article here.

A showcase of the best typefaces from the Google web fonts directory.

A JavaScript pattern and antipattern code collection that covers function patterns, jQuery patterns, design patterns, general patterns, literals and constructor patterns, object creation patterns, code reuse patterns (upcoming), DOM and browser patterns (upcoming).

Create mobile websites & webapps with a native look-alike in no time. iUI supports iOS, Android, Rim OS6, MeeGo, Bada, WebOS, ... smartphones and tablets.

Fabric.js is a framework that makes it easy to work with HTML5 canvas element. It is an interactive object model on top of canvas element. It is also an SVG-to-canvas parser.

The almost missing Geocoder PHP 5.3 library. Easy to use • PHP 5.3+ • Lightweight • FreeGeoIp, HostIp, IpInfoDB, Yahoo! PlaceFinder, Google Maps, Bing Maps, OpenStreetMaps, and CloudMade geocoding services • HTTP Adapters (Buzz, Curl, Guzzle, Zend) • 100% Agnostic • Unit tested

Instead of enabling media queries in the browsers that don’t support them, like Internet Explorer 6–8, I chose to simply serve them the Narrow Layout, slightly enhanced with Paul Irish’s IE conditional classes.

Social Sharing buttons can be brutal on load time (Facebook I’m looking at you) and with speed being a crucial factor in building a mobile version of your site, it can be a pain to try and maintain all those scripts without slowing down the site in the process. Loading Facebook, Twitter, Google’s +1 button, and other sharing buttons for a mobile site isn’t ideal.

Skeleton is a small collection of CSS & JS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone.

This document is a guide to the mark-up styles used throughout the site.

Remove passwords and restrictions from secured PDF files!

Sprite Cow helps you get the background-position, width and height of sprites within a spritesheet as a nice bit of copyable css.

A simple, modern, framework-independent, well-tested, unobtrusive, notification system. Utilizes CSS transitions when available, falls back to JS animation when not. Includes mobile support.

AdaptiveSlides.js is a tiny jQuery plugin that creates a responsive slideshow using images inside a single container. It work with wide range of browsers including all IE versions from IE6 and up. It also adds css max-width support for IE6 and other browsers that don't natively support it. Only dependency is jQuery and that all the images are same size.

Don't allow elements to scroll out of view by having them stick to the top or bottom of a window.

A script for grabbing the dominant color or color palette from an image. Uses Javascript and the canvas tag to make it happen.

Download all 26 WordPress themes below for just $49 by signing up for a Quarterly or Annual subscription. This includes access to new themes, two hours of video tutorials and world-class support.

I will convert your Excel data into one of several web-friendly formats, including HTML, JSON and XML.

‘320 and Up’ prevents mobile devices from downloading desktop assets by using a tiny screen’s stylesheet as its starting point. Try this page at different window sizes and on different devices to see it in action.