Welcome to Playfic, the first online community that lets you write, remix, share, and play interactive, text-based games with the world.

"Web Symbols is a set of vector html-compliant typefaces, so it might be used in any size, color and browser (okey, mostly — but IE7 for sure)."

A method and framework for ensuring maintainable CSS

Simple Creative Commons licensed icon for sharing functionality.

Gridless has a simple approach on markup and styles. There aren't any pre-made grid systems and the CSS isn't littered with silly classes. Gridless is only a starting point, that should be edited to suit each project's needs

html5 templates

Open Source Web Conferencing

A collection of responsive web designs.

SnapPages gives you all the tools you need to create your very own website. Everything on SnapPages has been developed from the ground up to be powerful enough for your business but simple enough for your grandma.

I’m often asked about the fastest path to building a website. This holiday break I began looking around a bit to see how the world has changed. Wow. It’s really gotten advanced out there.

Mixwidget.org was created by the founders of Mixwit, a digital mixtape service founded by Radley Marx and Michael Christoff. Mixwit sadly shut it's doors in December 2008, but we decided to take some time out to build a new mixtape widget for the open source community

Lately I had the chance to program against the GoodReads API in Python, so I thought it wise to share a small script showing the basic OAuth workflow and how to access one of the API methods to modify one of the user's shelf.

Excellent web fonts for setting body text.

email is hard.

impressive

find phrases in movies and tv series

CodeMirror is a JavaScript library that can be used to create a relatively pleasant editor interface for code-like content ― computer programs, HTML markup, and similar. If a parser has been written for the language you are editing (see below for a list of supported languages), the code will be coloured, and the editor will help you with indentation.

free-form address entry with validation.

Tutorials and screencasts

Masonry is a layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

Uniform masks your standard form controls with custom themed controls. It works in sync with your real form elements to ensure accessibility and compatibility.

This plugin adds Apple iPod/iPhone (firmware 2.0+) touch functionality to jQuery. Use built in Touch methods including ontouchstart, ontouchend, ontouchmove, ongesturestart, ongesturechange and ongestureend.

For the most part, Mobile Safari on the iPad is the same as that on the iPhone. One difference that I’ve found is that Webkit on the iPad honors CSS media query declarations based on orientation.

iScroll was born because mobile webkit (iPhone and iPod touch mainly, but also Android and Pre) does not provide a native way to scroll inside a overflow:hidden div. This unfortunate situation prevents any web-app to have a fixed header and/or footer and a scrolling central area.

By disabling the default scroll behavior on the body element, you essentially glue the viewport down to its initial starting point, where it’s unable to go anywhere. This limits the viewport to exactly 320×416 pixels of space to show you. In this state, you have a perfectly useless experience.

I’ll show you how to create an offline HTML5 iPhone application. More specifically, I’ll walk you through the process of building a Tetris game.

Create Your Own @font-face Kits

This tutorial will cover the basic setup and creation of a web page for the iPhone that will detect and change the content based on the phones orientation.

A jQuery plugin for mobile web development on the iPhone,
iPod Touch, and other forward-thinking devices.

Less Framework is a CSS framework for building flexible multi-column website layouts. It contains an eight-column grid optimized for a line-height of 24px, as well as a set of typography presets based on the golden ratio that fit into the grid’s vertical rhythm.

The Cross-Browser CSS3 Rule Generator

“Safari visual effects allow you to create sophisticated graphical user interfaces for web applications for the desktop and iPhone OS. The visual effects available range from image effects using gradients, masks, and reflections, to more complex 2D and 3D effects.”

HTML5 video tags make embedding videos into documents as easy as embedding an image. All it takes is a single <video> tag

An iPhone web application—or iPhone web app—uses Web 2.0 technologies to deliver a focused solution that looks and behaves like a built-in iPhone application. iPhone web apps run in Safari on iPhone, the unique implementation of Safari that provides full-featured web browsing on iPhone OS–based devices and responds to touch-based gestures.

The HTML 5 specification describes an offline application cache that allows you to write web applications that work correctly when your computer or web-enabled device is not connected to the Internet.

“But now Tumblr has been an Alexa Top 100 site for a while and is still growing strong. Meanwhile Posterous has about 4 times less uniques. Yet Posterous has everything to win: it’s a Y Combinator company with top-tier investors like Chris Sacca and Mitch Kapor. Its founders are experienced software engineers with computer science degrees from Stanford. How come it’s eating dust from a small startup started by a high school dropout?”

Designed and carefully optimized for use on toolbars and tab bars in iPhone apps, they're also perfect for Android apps, websites, t-shirts, tattoos and more.

As there’s a tendency lately to release lots of (often less-than-pixel-accurate) PSD templates of iPad UI elements, I’ve decided to work with my good friend, Sean Patrick O‘Brien to create a PSD based off the exact overlays, outlines, and masks the iPhone and iPad OS use to mask icons.

listen to and share custom mixes

“First we compared leaving the donation amount blank, suggesting a $20 donation, and suggesting $100. We quickly saw that $20 was sub-optimal, resulting in fewer transactions and a lower total amount collected.”

“Is there a middle path—a way to provide feedback and reduce password errors that doesn’t sacrifice the user experience? At least two design patterns address this issue in offline applications, and with a little JavaScript, we can bring them to the web.”

grid system for css

various types of 301 redirects using .htaccess

nifty full featured web outliner

Extractomatic is a simple API to detect and remove surplus clutter (such as adverts, headers, footers) around the main content of a web page.