Pinboard - antisocial bookmarking

Gridset is a tool for making grids. It lets you create whatever type of grid you want: columnar, asymmetrical, ratio, compound, fixed, fluid, responsive and more. It serves multiple grids to your site based on breakpoints for different devices. Using it is as simple as embedding a link.

css grid
7 weeks ago

copy to mine

Alton Brown on Bacon
recipe cooking
7 weeks ago

copy to mine

Useful Mac OX terminal commands

Mathias Bynens on github

macosx tip unix terminal
7 weeks ago

copy to mine

Responsive Horizontal Layout | Codrops

how to create a horizontal layout with several content panels. The idea is to make each panel individually scrollable and animate a content panel to the left of the viewport once it’s clicked or selected from the menu.

responsive css layout
7 weeks ago

copy to mine

datajs - JavaScript Library for data-centric web applications

datajs is a new cross-browser JavaScript library that enables data-centric web applications by leveraging modern protocols such as JSON and OData and HTML5-enabled browser features. It's designed to be small, fast and easy to use.

html5 javascript json
7 weeks ago

copy to mine

Pictos server

It works similar to Typekit in that you paste a Pictos code snippet into your HTML and the Pictos Server will serve your custom made icon font straight to your website. However, the Pictos snippet does not rely on javascript and is simply a CSS <link> tag.

Pick from any of the 650 icons in the Pictos Library and build an unlimited number of fonts. Build a separate icon combination for each of your projects.

css3 design fonts icons
7 weeks ago

copy to mine

Pictos

great 1-color vector UI icons (see also Pictos Server for picto-fonts)

design fonts icons
7 weeks ago

copy to mine

Morris.js

uses jquery and raphael to draw timeline graphs

charts graphs jquery javascript
8 weeks ago

copy to mine

Legal Immigration cartoon
cartoon flowchart
8 weeks ago

copy to mine

jQuery Fundamentals
book javascript jquery free tutorial
9 weeks ago

copy to mine

✐ Practice Foundry—Collator
typeface font otf
9 weeks ago

copy to mine

UI Prototyping Tool Made Beautiful - Create Interactive Wireframes & High Fidelity Prototypes
design prototyping ux wireframing
9 weeks ago

copy to mine

Susy Tutorial | Susy

un-obtrusive grids for designers. for Compass and SaSS.

css framework grid sass
10 weeks ago

copy to mine

Safari Web Content Guide: Configuring Web Applications

Specifying a Webpage Icon for Web Clip

apple mobile webapp
10 weeks ago

copy to mine

All the sizes of iOS app icons - Neven Mrgan's tumbl
design icons iOS
10 weeks ago

copy to mine

Mozilla JavaScript Reference
documentation javascript reference
10 weeks ago

copy to mine

Essential JavaScript Design Patterns
javascript programming books learning reference
10 weeks ago

copy to mine

Strategies for choosing test devices | Stephanie Rieger
usability testing mobile browser compatibility
10 weeks ago

copy to mine

Principles for Successful Button Design | Webdesigntuts+
button css design ui
february 2012

copy to mine

Scroll Linked Navigation | jQuery for Designers - Tutorials and screencasts

left nav updates active link when changing scroll position on page

jquery navigation scroll
december 2011

copy to mine

Futurico User Interface Pro on the Behance Network
ui inspiration
december 2011

copy to mine

tipsy - tooltip plugin for jquery

excellently minimal and intuitive.

tooltip jquery plugin minimal
december 2011

copy to mine

Easily share your mockups with clients and co-workers - Mocksup
mockup prototyping webapp tool design
december 2011

copy to mine

Ceaser - CSS Easing Animation Tool - Matthew Lein
css animation tool
december 2011

copy to mine

Reveal.js

jquery plugin that mimics keynote-style slideshows

jquery slidesow plugin presentation
december 2011

copy to mine

Old Book Art Image Gallery

All images are free for use and sharing under a Creative Commons Attribution-Share Alike license.

illustration creativecommons
november 2011

copy to mine

14 Helpful jQuery Tricks, Notes, and Best Practices | Nettuts+
jquery bestpractice optimization tips
november 2011

copy to mine

Asana project management app

well-designed, focused, free! Kinda like Kickoff or Flow

app management projectmanagement productivity
november 2011

copy to mine

HTML5 Input Patterns

HTML5Pattern should be a source of regularly used Inputs-Patterns. If you know a better pattern of the existing patterns or if you know a new pattern, then please leave a comment. Thank you!

Support: Firefox 4b7 & Chrome 6 & Opera 9 & Safari 5.0.3

html5 input form validation
october 2011

copy to mine

SimpLESS

Free Mac App that compiles your *.less files into valid CSS.

app tool css less
october 2011

copy to mine

DropKick.js

jquery plugin for better dropdowns, degrades down to IE7

javascript plugin jquery forms
october 2011

copy to mine

Screenfly

interesting testing tool to see a website shown on different devices and screen sizes.

tool webapp testing
october 2011

copy to mine

Share Count JS - Dandy pixels

Customize your share buttons. Combine them into one counter.

javascript social sharing
october 2011

copy to mine

Animated Form Switching with jQuery | Codrops

In this tutorial we will create a simple animated form switch with three very common forms. The idea is not to leave the page when the user goes to another form but instead make the new form appear within the same container, expanding or contracting to the dimensions of the new form.

We will ensure that the form switch works as well when JavaScript is disabled in which case we will simply jump to the other’s form page.

jquery animation form
october 2011

copy to mine

Icon Finder
icons resource
october 2011

copy to mine

How javascript objects work – Helephant.com

How javascript objects work

javascript reference learning
october 2011

copy to mine

Functional Javascript

javascript programming tutorial learning
october 2011

copy to mine

16 pixels is the ideal web font size
typography font type
october 2011

copy to mine

Gaug.es

Analyze all Your Traffic in Seconds
Collect and analyze your web traffic for all your sites in real-time using our fast, reliable, hosted system. See overview data for all your sites on a single page

analytics app
september 2011

copy to mine

JPEGmini - Your Photos on a Diet!

reduce filesizes of jpgs

image tool performance optimization
september 2011

copy to mine

Eloquent Javascript

javascript learning course

javascript learning
september 2011

copy to mine

WE ARE UNFOLD. WE ARE OPEN.

agency homepage site in html5. Slick use of jquery all over and data attribute

html5 portfolio inspiration jquery scrolling
september 2011

copy to mine

Rebecca Murphey

I’m a JavaScript application developer at Toura Mobile, the co-host of the yayQuery podcast, a co-organizer of TXJS, a contributor to the jQuery Cookbook from O’Reilly, and the author of the open-source jQuery Fundamentals.

portfolio javascript developer
september 2011

copy to mine

Entitifier

Paste some text or HTML in to that darned beautiful text box down there and it’ll escape any nasty characters that should be entities. Perfect for ridding text of Microsoft Word specific quotations.

microsoft tool text code fix
september 2011

copy to mine

Bootstrap, from Twitter

Bootstrap is Twitter's toolkit for kickstarting CSS for websites, apps, and more. It includes base CSS styles for typography, forms, buttons, tables, grids, navigation, alerts, and more.

css design framework twitter
september 2011

copy to mine

Nutshell

Experience the next CRM
Drive sales with smart lead and customer management.

crm app
september 2011

copy to mine

The 1KB CSS Grid

Other CSS frameworks try to do everything—grid system, style reset, basic typography, form styles. But complex systems are, well, complex. Looking for a simple, lightweight approach that doesn't require a PhD? Meet The 1KB CSS Grid.

css grid micro framework
september 2011

copy to mine

The Semantic GRID SYSTEM

Page layout for tomorrow.

Set column and gutter widths, choose the number of columns, and switch between pixels and percentages.

All without any ugly .grid_x classes in your markup. Oh, and did we mention it's responsive?

Brought to you by LESS.js and the creator of 1KB Grid.

responsive grid library less framework
september 2011

copy to mine

Meltmedia

Minimalist web design inspiration

"We are Interactive Superheroes"

webdesign minimal monochromatic agency inspiration
september 2011

copy to mine

XUI js

a super micro tiny dom library for authoring html5 mobile web applications.

mobile html5 library micro
september 2011

copy to mine

Skeleton - Responsive Boilerplate

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.

responsive css javascript boilerplate mobile
september 2011

copy to mine

FitText.js

FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element.

responsive text typography javascript plugin
september 2011

copy to mine

fitvidsjs.com

A lightweight, easy-to-use jQuery plugin for fluid width video embeds.

responsive javascript video plugin
september 2011

copy to mine

Javascript video tutorial - learn Javascript // Think Vitamin Membership

In this course, we'll teach you how to write JavaScript, all the way from absolute beginners to experienced professionals. Learn Javascript from the basics through to advanced level using our Javascript video tutorial library.

javascript development training learning video
september 2011

copy to mine

CodeLesson - Instructor-led online technology learning for professionals

CodeLesson is Online Technology Learning for Professionals.

development education online training
september 2011

copy to mine

WEB: CSS3 Secrets: 10 things you might not know about CSS3 - Lea Verou, Recorded on 09.09.11 at the Frontend Conference Zürich Frontendconf_Zurich on USTRE...

Wow, Lea Verou showing all kinds of awesome CSS3 features

css3 speaker demonstration
september 2011

copy to mine

VideoJS

VideoJS is an HTML5 Video Player with 3 core parts: An embed code (Video for Everybody), a Javascript library (video.js), and a pure HTML/CSS skin (video-js.css).

Using Video for Everybody as the embed code means you know it’s compatible with many devices (including ones without javascript).

The javascript library fixes browser & device bugs, and makes sure your video is even more compatible across different browser versions.

video html5 javascript library
august 2011

copy to mine

FlexSlider - The Best Responsive jQuery Slider

jquery image slider, responsive size

jquery responsive slider slideshow plugin
august 2011

copy to mine

Golden Grid System

A folding grid for responsive design.

css design grid responsive
august 2011

copy to mine