Bootstrap, from Twitter
august 2011 by viljami
Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites.
It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.
twitter
bootstrap
framework
css
html
It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.
august 2011 by viljami
CoffeeKup
july 2011 by viljami
CoffeeKup is markup as CoffeeScript.
coffeescript
javascript
html
markup
template
from delicious
july 2011 by viljami
HTML EMAIL BOILERPLATE v 0.4 updated 5/12
june 2011 by viljami
Welcome to the HTML Email Boilerplate. This website and its sample code creates a template of sorts, absent of design or layout, that will help you avoid some of the major rendering problems with the most common email clients out there — Gmail, Outlook, Yahoo Mail, etc. While not plug and play (you know, you'll have to do some work ;-), it will provide some helpful examples and snippets that will keep your email design rendering as true-to-form as possible.
email
html
webdesign
boilerplate
css
design
template
tools
development
newsletter
from delicious
june 2011 by viljami
Adactio: Journal—Hashcloud
may 2011 by viljami
Even if—nay when—Twitter switch over to proper URLs, there will still be many, many blog posts and other documents linking to individual tweets …and each of those links will contain #!. That means that Twitter must make sure that their home page maintains a client-side routing mechanism for inbound hashbang links (remember, the server sees nothing after the # character—the only way to maintain these redirects is with JavaScript).
html
javascript
URLs
hashbangs
from twitter_favs
may 2011 by viljami
StaticMatic
april 2011 by viljami
Web developers are used to using dynamic and frameworks like Ruby on Rails to develop applications. When it comes to working with static, non-dynamic websites it can seem like stepping back in time.
ruby
haml
static
html
development
from delicious
april 2011 by viljami
Adobe Flash FLA to HTML5
march 2011 by viljami
"Wallaby" is the codename for an experimental technology that converts the artwork and animation contained in Adobe® Flash® Professional (FLA) files into HTML. This allows you to reuse and extend the reach of your content to devices that do not support the Flash runtimes. Once these files are converted to HTML, you can edit them with an HTML editing tool, such as Adobe Dreamweaver®, or by hand if desired. You can view the output in one of the supported browsers or on an iOS device.
html5
flash
adobe
tools
converter
development
html
conversion
webdesign
video
tool
apple
apps
javascript
from delicious
march 2011 by viljami
iUI: iPhone User Interface Framework
january 2011 by viljami
iUI is a framework consisting of a JavaScript library, CSS, and images for developing advanced mobile webapps for iPhone and comparable/compatible devices.
iphone
javascript
ui
development
css
web
programming
ajax
framework
mobile
webdesign
webdev
safari
library
apple
design
tools
interface
opensource
gui
web2.0
code
html
software
google
js
from delicious
january 2011 by viljami
HTML(5) and text-level semantics
january 2011 by viljami
HTML(5) and text-level semantics
html5
markup
html
semantics
web
webdesign
development
from delicious
january 2011 by viljami
Beautiful Element Creation with jQuery
january 2011 by viljami
jQuery's new(ish) element creation syntax drops 'bows. For those of you who don't know — which I'm banking on quite a bit — jQuery lets you create elements and then attach an object of parameters to it. It will then use those parameters to create the element and its attributes.
jquery
javascript
element
create
markup
html
tips
development
js
programming
tutorial
webdev
from delicious
january 2011 by viljami
Golden Spirals
december 2010 by viljami
A golden rectangle has its height and width in the golden ratio, which is approximately 1:1.618. These proportions have long been recognised as being aesthetically harmonious. Whether through instruction or by intuition, artists have understood how to exploit these proportions over the centuries. Examples can be found in classical architecture, medieval book construction, and even in the recent #newtwitter redesign.
box
css
html
goldenratio
1:1.618
proportions
design
from delicious
december 2010 by viljami
Golden Spirals
december 2010 by viljami
A golden rectangle has its height and width in the golden ratio, which is approximately 1:1.618. These proportions have long been recognised as being aesthetically harmonious. Whether through instruction or by intuition, artists have understood how to exploit these proportions over the centuries. Examples can be found in classical architecture, medieval book construction, and even in the recent #newtwitter redesign.
box
css
html
goldenratio
1:1.618
proportions
design
december 2010 by viljami
Pure CSS3 box-shadow page curl effect
december 2010 by viljami
Pure CSS3 box-shadow page curl effect
css3
css
webdesign
shadow
box-shadow
design
curl
code
html
effects
page
box
tutorials
howto
tutorial
html5
web
development
webdev
paper
tips
inspiration
december 2010 by viljami
Ben the Bodyguard. Coming soon to iPhone® and iPod touch®
december 2010 by viljami
Scrolling awesomeness! (via @paloheimo)
inspiration
design
iphone
illustration
scroll
app
innovation
webdesign
html
html5
animation
css
fun
css3
web
javascript
interactive
privacy
apps
security
website
scrolling
december 2010 by viljami
XHTML Character Entity Reference
november 2010 by viljami
XHTML character entity reference (that's actually quite good)
xhtml
reference
html
character
encoding
web
webdesign
entity
cheatsheet
webdev
design
tools
typography
code
css
development
entities
characters
xml
programming
unicode
resources
fonts
w3c
standards
coding
internet
ajax
november 2010 by viljami
Sencha Animator - a desktop application for creating CSS3 animations
november 2010 by viljami
Sencha Animator - a desktop application for creating CSS3 animations
css3
animation
html5
css
tools
software
javascript
development
webdesign
tool
generator
design
flash
application
mobile
web
app
html
webkit
iphone
android
ui
windows
webdev
apps
november 2010 by viljami
The 1140px CSS Grid System/Framework · Fluid down to mobile
november 2010 by viljami
A 1140px wide, 12 column grid, Fluid all the way down to a mobile version.
css
grid
framework
webdesign
fluid
layout
mobile
design
html
grids
css3
development
web
templates
webdev
browser
resources
columns
code
tools
frameworks
tool
responsive
mobileweb
november 2010 by viljami
Pure Css Line Graph
november 2010 by viljami
Pure Css Line Graph
css
graph
chart
webdesign
visualization
design
charts
html
november 2010 by viljami
Using the HTML title attribute
november 2010 by viljami
The HTML title attribute is problematic. It is problematic because it is not well supported in some crucial respects, even though it has been with us for over 13 years. With the rise of touch screen interfaces, the usefulness of this attribute has decreased. The accessibility of the title attribute has fallen victim to a unfortunate combination of poor browser support, poor screen reader support and poor authoring practices.
accessibility
html
webdev
webdevelopment
title
bestpractice
november 2010 by viljami
BBC Standards & Guidelines - Cascading Style Sheets (CSS) Standard v1.3
october 2010 by viljami
Quite nice guidelines for the use of CSS on bbc.co.uk site:
css
guidelines
bbc
bestpractice
coding
documentation
html
standards
october 2010 by viljami
Chromeless: Build your own Browser UI using HTML, CSS and JS
october 2010 by viljami
This could become controversial. RT: Build your own Browser UI using HTML, CSS and JS - /via @valuedstandards
browser
mozilla
firefox
browsers
ui
html
javascript
css
october 2010 by viljami
Optimising for High Pixel Density Displays
october 2010 by viljami
Optimising for High Pixel Density Displays
css
mobile
html
retina
iphone4
optimization
jquery
resolution
ipad
javascript
css3
android
october 2010 by viljami
How CSS gets evaluated and the examination of performance.
october 2010 by viljami
Why we don't have parent selectors in CSS. (via @snookca)
css
performance
speed
page
html
loading
load
rendering
selectors
october 2010 by viljami
User Agent Style Sheets: Basics and Samples
october 2010 by viljami
User Agent Style Sheets: Basics and Samples
css
browser
webdesign
browsers
reset
code
webdev
reference
useragent
development
html
stylesheet
october 2010 by viljami
Introduction to WAI ARIA
october 2010 by viljami
aria-required="true", tabindex -1
accessibility
aria
wai-aria
javascript
ajax
html
standards
reference
web
opera
w3c
markup
october 2010 by viljami
data:urls - what are they and how to use them
october 2010 by viljami
data:urls - what are they and how to use them
performance
datauri
css
uri
html
http
image
data
images
webdev
development
mhtml
october 2010 by viljami
Auto Refreshing News System With Built-In HTML Search
september 2010 by viljami
Auto Refreshing News System With Built-In HTML Search
javascript
php
webdesign
tutorial
ajax
news
css
html
search
tutorials
webdev
development
september 2010 by viljami
Google Favicon re-created without CSS3 or Images
september 2010 by viljami
I re-created Google icon with the help of 256 li items and no images. Don't ask.
google
favicon
icons
markup
css
html
pixels
september 2010 by viljami
Loading Scripts Without Blocking
september 2010 by viljami
Loading Scripts Without Blocking
javascript
performance
optimization
webdev
tips
web
loading
html
browser
asynchronous
script
load
async
september 2010 by viljami
Lazy Loading Asyncronous Javascript
september 2010 by viljami
Lazy Loading Asyncronous Javascript
javascript
ajax
asynchronous
load
lazy
js
html
inspiration
jquery
september 2010 by viljami
A CMS should never, ever output HTML that is beyond the control of the developer
september 2010 by viljami
A CMS should never, ever output HTML that is beyond the control of the developer
cms
article
html
criticism
markup
choice
contentmanagement
september 2010 by viljami
Google Rich Snippets Testing Tool
september 2010 by viljami
Relating previous tweet: Google has a nice Rich Snippets testing tool, that I didn't know about earlier
google
microformats
seo
tools
richsnippets
testing
semanticweb
search
snippets
microformat
metadata
semantic
microdata
web
validation
webdev
markup
development
test
html
code
html5
september 2010 by viljami
Bulletproof Mobile Device Detection and Style Sheets without User Agent Detection or Server-Side Scripting
mobile css browser development iphone web webdesign accessibility design android browsers mobileweb webdev detection phone webdevelopment css3 html useragent w3c javascript
september 2010 by viljami
mobile css browser development iphone web webdesign accessibility design android browsers mobileweb webdev detection phone webdevelopment css3 html useragent w3c javascript
september 2010 by viljami
HTML5 inputs and attribute support
september 2010 by viljami
HTML5 inputs and attribute support
html5
forms
testing
html
input
w3c
browser
cheatsheet
reference
detection
tools
support
webdev
css3
compatibility
form
webstandards
test
development
webdesign
webdevelopment
dom
ui
code
september 2010 by viljami
How I Increased My WordPress Performance and Got My Page Loads to Under 1 Second
september 2010 by viljami
"How I Increased My WordPress Performance and Got My Page Loads to Under 1 Second"
wordpress
optimization
performance
speed
webdesign
howto
tutorial
webdev
development
web
tips
css
bestpractices
reference
code
seo
webdevelopment
article
design
cms
tutorials
blog
html
htaccess
september 2010 by viljami
Better CSS Font Stacks
august 2010 by viljami
Better CSS Font Stacks
css
typography
fonts
webdesign
design
font
web
resources
reference
tips
webdev
type
tutorial
development
html
howto
inspiration
blog
tutorials
layout
code
august 2010 by viljami
Article vs. Section: We've Finally Gone Mad
august 2010 by viljami
Just my thoughts: Article vs. Section - We've Finally Gone Mad:
html5
html
markup
semantics
article
standards
august 2010 by viljami
Better Document Source for Safari 5 (Extension)
august 2010 by viljami
Better Document Source for Safari 5 (Extension)
safari
extension
source
code
html
extensions
browser
mac
programming
osx
plugin
webdesign
development
software
webdev
webdevelopment
august 2010 by viljami
HTML5 Boilerplate - A rock-solid default for HTML5 awesome.
august 2010 by viljami
HTML5 Boilerplate - A rock-solid default for HTML5 awesome.
html5
css
template
html
framework
javascript
webdesign
development
css3
webdev
templates
web
design
reference
jquery
bestpractices
tools
programming
resources
reset
standards
webdevelopment
htaccess
js
markup
howto
august 2010 by viljami
Early History of HTML - 1990 to 1992
august 2010 by viljami
Early History of HTML - 1990 to 1992
html
history
web
markup
internet
article
august 2010 by viljami
The Beauty of Semantic Markup, Part 2: strong, b, em, i
august 2010 by viljami
The Beauty of Semantic Markup, Part 1 & 2:
html
html5
markup
standards
august 2010 by viljami
JavaScript and HTML Script Tags
july 2010 by viljami
Do not use the <!-- //--> hack with scripts. It was intended to prevent scripts from showing up as text on the first generation browsers Netscape 1 and Mosaic. It has not been necessary for many years.
javascript
html
script
reference
crockford
webdev
tutorial
ajax
js
development
web
coding
tips
cross-domain
july 2010 by viljami
Typographic Web Design: How to Think Like a Typographer in HTML and CSS
july 2010 by viljami
Typographic Web Design: How to Think Like a Typographer in HTML and CSS
typography
webdesign
design
web
css
@font-face
font
html5
fonts
type
html
css3
inspiration
books
resources
book
reference
tips
business
font-face
july 2010 by viljami
The HTML5 test - How well does your browser support HTML5?
july 2010 by viljami
The HTML5 test - How well does your browser support HTML5?
html5
browser
test
html
compatibility
tools
standards
testing
webdev
web
development
webdesign
reference
browsers
programming
webstandards
online
support
webdevelopment
javascript
july 2010 by viljami
related tags
1:1.618 ⊕ @font-face ⊕ @media ⊕ a/b ⊕ abtesting ⊕ accessibility ⊕ accordion ⊕ adobe ⊕ ajax ⊕ alistapart ⊕ analytics ⊕ android ⊕ animation ⊕ apache ⊕ api ⊕ apis ⊕ app ⊕ apple ⊕ application ⊕ apps ⊕ aria ⊕ art ⊕ article ⊕ async ⊕ asynchronous ⊕ audio ⊕ background ⊕ backgrounds ⊕ bbc ⊕ bestpractice ⊕ bestpractices ⊕ blog ⊕ blogging ⊕ blueprint ⊕ boilerplate ⊕ book ⊕ books ⊕ bootstrap ⊕ box ⊕ box-shadow ⊕ boxmodel ⊕ browser ⊕ browsers ⊕ bugs ⊕ business ⊕ button ⊕ buttons ⊕ cache ⊕ caching ⊕ calendar ⊕ canvas ⊕ captcha ⊕ cardsorting ⊕ character ⊕ characters ⊕ chart ⊕ charts ⊕ cheatsheet ⊕ checkbox ⊕ checklist ⊕ choice ⊕ chrome ⊕ class ⊕ clearfix ⊕ cleartype ⊕ client ⊕ clients ⊕ cms ⊕ code ⊕ coding ⊕ coffeescript ⊕ color ⊕ columns ⊕ comments ⊕ comparison ⊕ compatibility ⊕ compression ⊕ conditional ⊕ content ⊕ contentmanagement ⊕ controls ⊕ conversion ⊕ converter ⊕ create ⊕ criticism ⊕ crockford ⊕ cross-domain ⊕ crossbrowser ⊕ cs5 ⊕ css ⊕ css3 ⊕ curl ⊕ cursor ⊕ customer ⊕ data ⊕ datauri ⊕ debug ⊕ demo ⊕ demos ⊕ design ⊕ desktop ⊕ detection ⊕ development ⊕ documentation ⊕ dom ⊕ dropdown ⊕ drupal ⊕ ebook ⊕ ebooks ⊕ editing ⊕ editor ⊕ education ⊕ effects ⊕ elastic ⊕ element ⊕ email ⊕ emailmarketing ⊕ embedding ⊕ encoding ⊕ encryption ⊕ enhancement ⊕ enkoder ⊕ entities ⊕ entity ⊕ entrepreneurship ⊕ eot ⊕ events ⊕ extension ⊕ extensions ⊕ eyetracking ⊕ facebook ⊕ fade ⊕ favicon ⊕ feedback ⊕ filter ⊕ finance ⊕ firefox ⊕ fix ⊕ flash ⊕ float ⊕ fluid ⊕ fold ⊕ font ⊕ font-face ⊕ fonts ⊕ footer ⊕ form ⊕ forms ⊕ framework ⊕ frameworks ⊕ free ⊕ freelance ⊕ freeware ⊕ fun ⊕ gallery ⊕ game ⊕ games ⊕ generator ⊕ geo ⊕ geolocation ⊕ glossary ⊕ goldenratio ⊕ google ⊕ googlemaps ⊕ gradient ⊕ graph ⊕ graphics ⊕ grid ⊕ grids ⊕ gui ⊕ guide ⊕ guidelines ⊕ hack ⊕ hacks ⊕ haml ⊕ hashbangs ⊕ header ⊕ headers ⊕ hgroup ⊕ history ⊕ howto ⊕ href ⊕ htaccess ⊕ html ⊖ html5 ⊕ http ⊕ ia ⊕ icon ⊕ icons ⊕ ie ⊕ ie6 ⊕ ie7 ⊕ IE8 ⊕ illustration ⊕ illustrator ⊕ image ⊕ images ⊕ in ⊕ informationarchitecture ⊕ inline-block ⊕ innovation ⊕ input ⊕ inspiration ⊕ interactive ⊕ interface ⊕ internet ⊕ ipad ⊕ iphone ⊕ iphone4 ⊕ javascript ⊕ jquery ⊕ js ⊕ keyboard ⊕ language ⊕ launch ⊕ layout ⊕ lazy ⊕ lazyload ⊕ less ⊕ li ⊕ library ⊕ lightbox ⊕ link ⊕ links ⊕ lint ⊕ liquid ⊕ list ⊕ lists ⊕ load ⊕ loading ⊕ location ⊕ login ⊕ mac ⊕ macosx ⊕ mail ⊕ management ⊕ map ⊕ maps ⊕ marketing ⊕ markup ⊕ measure ⊕ media ⊕ menu ⊕ menus ⊕ metadata ⊕ mhtml ⊕ microdata ⊕ microformat ⊕ microformats ⊕ microsoft ⊕ mobile ⊕ mobileweb ⊕ mockup ⊕ mod-rewrite ⊕ mod.rewrite ⊕ mod_rewrite ⊕ mozilla ⊕ multiple ⊕ navigation ⊕ news ⊕ newsletter ⊕ nokia ⊕ not ⊕ online ⊕ oocss ⊕ oop ⊕ opensource ⊕ opera ⊕ optimization ⊕ orientation ⊕ osx ⊕ outline ⊕ outlook ⊕ page ⊕ pagination ⊕ paper ⊕ password ⊕ patterns ⊕ peel ⊕ people ⊕ performance ⊕ phone ⊕ php ⊕ pixels ⊕ placeholder ⊕ player ⊕ plugin ⊕ plugins ⊕ png ⊕ preload ⊕ presentation ⊕ pricing ⊕ print ⊕ printing ⊕ privacy ⊕ process ⊕ productivity ⊕ programming ⊕ progressive ⊕ progressive-enhancement ⊕ project ⊕ proportions ⊕ prototype ⊕ prototyping ⊕ python ⊕ radio ⊕ rails ⊕ reader ⊕ reference ⊕ reflow ⊕ render ⊕ rendering ⊕ research ⊕ reset ⊕ resize ⊕ resolution ⊕ resources ⊕ responsive ⊕ retina ⊕ richsnippets ⊕ rss ⊕ ruby ⊕ safari ⊕ safari-reader ⊕ screenreader ⊕ script ⊕ scripts ⊕ scroll ⊕ scrolling ⊕ search ⊕ security ⊕ select ⊕ selector ⊕ selectors ⊕ semantic ⊕ semantics ⊕ semanticweb ⊕ seo ⊕ server ⊕ service ⊕ shadow ⊕ sidebar ⊕ simple ⊕ sitemap ⊕ slider ⊕ slideshow ⊕ snippets ⊕ social ⊕ socialmedia ⊕ socialnetworking ⊕ software ⊕ source ⊕ spam ⊕ speed ⊕ sprite ⊕ sprites ⊕ standards ⊕ static ⊕ storage ⊕ stylesheet ⊕ support ⊕ svg ⊕ svn ⊕ technology ⊕ template ⊕ templates ⊕ test ⊕ testing ⊕ text ⊕ textarea ⊕ theme ⊕ themes ⊕ tips ⊕ title ⊕ tool ⊕ tools ⊕ tooltips ⊕ touch ⊕ tracking ⊕ tree ⊕ trends ⊕ tutorial ⊕ tutorials ⊕ twitter ⊕ type ⊕ typeface ⊕ typography ⊕ ui ⊕ unicode ⊕ upload ⊕ uri ⊕ url ⊕ URLs ⊕ usability ⊕ useragent ⊕ ux ⊕ validation ⊕ video ⊕ visualization ⊕ w3c ⊕ wai-aria ⊕ wap ⊕ web ⊕ web2.0 ⊕ webdesign ⊕ webdev ⊕ webdevelopment ⊕ webkit ⊕ website ⊕ webstandards ⊕ windows ⊕ wireframe ⊕ wireframes ⊕ wireframing ⊕ wordpress ⊕ work ⊕ wysiwyg ⊕ xaml ⊕ xhtml ⊕ xml ⊕Copy this bookmark: