Stubbornella » Blog Archive » Don’t Style Headings Using HTML5 Sections
6 weeks ago by soypunk
Thoughtful overview of HTML5's <section> element (and the changes to the Document Outline algorithm) along with the impacts to CSS.
css
html
html5
for-oris
6 weeks ago by soypunk
Foundation: Rapid Prototyping and Building Framework from ZURB
6 weeks ago by soypunk
"An easy to use, powerful, and flexible framework for building prototypes and production code on any kind of device."
framework
prototyping
html
css
javascript
for-oris
6 weeks ago by soypunk
A Baseline for Front-End Developers
front-end
css
javascript
html
development
career
for-oris
from instapaper
7 weeks ago by soypunk
here’s a new set of baseline skills required in order to be successful as a front-end developer, and developers who don’t meet this baseline are going to start feeling more and more left behind as those who are sharing their knowledge start to assume that certain things go without saying.
7 weeks ago by soypunk
Dashboard
february 2012 by soypunk
"A D3.js, Backbone.js based Graphite Dashboard Toolkit."
backbone
dashboard
javascript
css
d3
for-oris
february 2012 by soypunk
Prefix free: Break free from CSS vendor prefix hell!
february 2012 by soypunk
-prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed.
css
javascript
jquery
for-oris
february 2012 by soypunk
slabText – a jQuery plugin for creating big, bold & responsive headlines
february 2012 by soypunk
SlabText is a jQuery plugin for producing bih, bold and responsive headlines http://t.co/E6MZCGz1
css
javascript
jquery
plugin
typography
for-oris
from instapaper
february 2012 by soypunk
Bear CSS - Helping you build a solid stylesheet foundation based on your markup
february 2012 by soypunk
"Bear CSS is a handy little tool for web designers. It generates a CSS template containing all the HTML elements, classes & IDs defined in your markup"
css
tools
php
html
markup
for-oris
february 2012 by soypunk
24 ways: Subliminal User Experience
december 2011 by soypunk
A couple of minor interaction design tweaks to common web UI elements
for-oris
css
ux
december 2011 by soypunk
closure-stylesheets - Closure Stylesheets - Google Project Hosting
november 2011 by soypunk
"Closure Stylesheets is an extension to CSS that adds variables, functions, conditionals, and mixins to standard CSS. The tool also supports minification, linting, RTL flipping, and CSS class renaming."
css
development
for-oris
november 2011 by soypunk
InstaCSS | Instant CSS Documentation Search
november 2011 by soypunk
Auto-complete search of a bunch of CSS specs.
css
reference
documentation
for-oris
november 2011 by soypunk
Smiley Slider
november 2011 by soypunk
A canvas-based horizontal slider that would almost sway me from thinking thumbs up, thumbs down is the best rating UI mechanism.
web
css
javascript
html
html5
canvas
ui
form
widget
for-oris
november 2011 by soypunk
jQuery Masonry
november 2011 by soypunk
A dynamic layout plugin for jQuery
The flip-side of CSS floats
webdev
css
design
layout
via:deusx
jquery
for-oris
The flip-side of CSS floats
november 2011 by soypunk
holmes.css - CSS Markup Detective
may 2011 by soypunk
"Holmes is stand-alone diagnostic CSS stylesheet that can highlight potentially invalid, inaccessible or erroneous HTML(5) markup by adding one class."
css
development
markup
web
html
may 2011 by soypunk
cjohansen/juicer - GitHub
march 2011 by soypunk
"A command line tool for JavaScript and CSS developers "
css
javascript
performance
cli
software
march 2011 by soypunk
CarveMe tries to simulate an inset... | simurai
march 2011 by soypunk
"simulate an inset text-shadow with CSS3"
css
css3
march 2011 by soypunk
less boilerplate — Gist
march 2011 by soypunk
was asked for my less.js shortcuts, so here they are.
css
lesscss
march 2011 by soypunk
d3.js
march 2011 by soypunk
"D3 allows you to bind arbitrary data to a Document Object Model (DOM), and then apply data-driven transformations to the document. As a trivial example, you can use D3 to generate a basic HTML table from an array of numbers. Or, use the same data to create an interactive SVG bar chart with smooth transitions and interaction."
javascript
data
visualization
canvas
html
html5
css
svg
for-oris
march 2011 by soypunk
sanand0 / csslibs / source – Bitbucket
february 2011 by soypunk
Great use of LESS. Some of these font-family stacks seem a bit overdone. The likelihood some of the typefaces would ever be picked up are incredibly slim and I'd go so far as to say zero-chance in some cases. Alas, it is a better starting point for defaults than most people use.
css
web
typography
lesscss
february 2011 by soypunk
MOTHER EFFING TEXT-SHADOW
october 2010 by soypunk
Makes border-radius.com look like a punk.
css
singleservingsite
october 2010 by soypunk
Alloy UI - A project of Liferay
june 2010 by soypunk
"Alloy is a UI metaframework that provides a consistent and simple API for building web applications across all three levels of the browser: structure, style and behavior."
javascript
css
html5
web
framework
june 2010 by soypunk
aristus's sweet-justice at master - GitHub
may 2010 by soypunk
"Some pithy Javascript for beautiful justified text"
javascript
css
typography
from delicious
may 2010 by soypunk
CSS Border Radius
march 2010 by soypunk
Stupdily useful. I really need to just break down and write a bbedit action to handle this for me
css
from delicious
march 2010 by soypunk
shutup.css
february 2010 by soypunk
"shutup.css is a custom user stylesheet that can be applied to your browser to hide comments on many popular web sites without user intervention"
css
web
community
social
from delicious
february 2010 by soypunk
minify - Project Hosting on Google Code
january 2010 by soypunk
"Minify is a PHP5 app that helps you follow several of Yahoo!'s Rules for High Performance Web Sites. It combines multiple CSS or Javascript files, removes unnecessary whitespace and comments, and serves them with gzip encoding and optimal client-side cache headers."
php
web
http
css
javascript
from delicious
january 2010 by soypunk
ionfish's designate at master - GitHub
december 2009 by soypunk
WordPress plugin allowing per-post stylesheets
wordpress
plugin
css
from delicious
december 2009 by soypunk
Major IE8 flaw makes 'safe' sites unsafe - The Register
november 2009 by soypunk
It was only a matter of time...
ie8
microsoft
security
css
from delicious
november 2009 by soypunk
W3C cheatsheet
november 2009 by soypunk
potentially useful.
w3c
web
css
html
svg
a11y
i18n
typography
xpath
from delicious
november 2009 by soypunk
Dinky pocketbooks with WebKit transforms | Natalie Downe
may 2009 by soypunk
Ahh, probably my favorite mashup to date. Geolocation+CSS+CSS Transforms (as proposed by WebKit)+printing. Sweeeet!
geolocation
mapping
css
webkit
may 2009 by soypunk
Mozilla Labs Jetpack | Exploring new ways to extend and personalize the Web
may 2009 by soypunk
Ahh, so this leaves Safari as the only major browser without any built-in HTML/CSS/JS widget mechanism. (Dashboard != built-in)
firefox
html
css
javascript
web
platform
widget
may 2009 by soypunk
Hixie's Natural Log: The mystery of why only four properties apply to table columns
march 2009 by soypunk
I was trying to remember why IE6 made styles on <col> also apply to <td> cells that were technically in that referenced by the <col> but not child nodes of the <col>... Hixie explains all.
css
html
march 2009 by soypunk
Windows Internet Explorer Testing Center
march 2009 by soypunk
"The links below include tests for three W3C specifications in various stages of development. These include CSS 2.1, HTML5, and ARIA."
microsoft
html5
ie8
css
wai-aria
testing
w3c
march 2009 by soypunk
Collection: WebFormElements.com
march 2009 by soypunk
"Research into how Web browsers apply CSS properties/values onto form elements."
web
browser
css
html
forms
flickr
march 2009 by soypunk
en-US FAQ · Microformats Wiki
february 2009 by soypunk
This FAQ was the only positive result from this rather insane thread on www-style: http://lists.w3.org/Archives/Public/www-style/2009Feb/0475.html
css
w3c
humor
february 2009 by soypunk
NitobiBug - Browser based debugger
february 2009 by soypunk
"It's a browser-based JavaScript object logger and inspection tool - similar to Firebug. NitobiBug runs across different browsers (IE6+, Safari, Opera, Firefox) to provide a consistent and powerful tool for developing rich Ajax applications."
browser
html
javascript
css
testing
debug
february 2009 by soypunk
http://philip.html5.org/data/non-ascii-class-values.txt
february 2009 by soypunk
A collection of HTML pages containing non-ascii strings in the class attribute.
css
testing
february 2009 by soypunk
related tags
a11y ⊕ accessibility ⊕ adobe ⊕ ajax ⊕ arabic ⊕ backbone ⊕ bbedit ⊕ blog ⊕ blueprint ⊕ blueprint-css ⊕ browser ⊕ bug ⊕ business ⊕ canvas ⊕ career ⊕ cli ⊕ coda ⊕ code ⊕ community ⊕ compression ⊕ css ⊖ css3 ⊕ d3 ⊕ dashboard ⊕ data ⊕ debug ⊕ demo ⊕ design ⊕ development ⊕ documentation ⊕ drupal ⊕ encoding ⊕ firefox ⊕ flickr ⊕ font ⊕ fonts ⊕ for-oris ⊕ form ⊕ forms ⊕ framework ⊕ frameworks ⊕ free ⊕ front-end ⊕ gecko ⊕ geolocation ⊕ google ⊕ graphics ⊕ graphing ⊕ grid ⊕ hacks ⊕ hiring ⊕ html ⊕ html5 ⊕ http ⊕ humor ⊕ i18n ⊕ ie ⊕ ie8 ⊕ images ⊕ intranet ⊕ iphone ⊕ java ⊕ javascript ⊕ jquery ⊕ js ⊕ layout ⊕ less ⊕ lesscss ⊕ mac ⊕ mapnik ⊕ mapping ⊕ markdown ⊕ markup ⊕ microsoft ⊕ mobile ⊕ mozilla ⊕ navigation ⊕ opensource ⊕ osx ⊕ pattern ⊕ pdf ⊕ performance ⊕ perl ⊕ php ⊕ platform ⊕ plugin ⊕ presentation ⊕ printing ⊕ programming ⊕ prototyping ⊕ rdf ⊕ reader ⊕ reference ⊕ research ⊕ responsive-design ⊕ ruby ⊕ safari ⊕ sass ⊕ security ⊕ sharepoint ⊕ singleservingsite ⊕ social ⊕ software ⊕ specification ⊕ standards ⊕ svg ⊕ template ⊕ testing ⊕ theme ⊕ tools ⊕ tutorial ⊕ typography ⊕ ui ⊕ utilities ⊕ ux ⊕ via:deusx ⊕ visualization ⊕ w3 ⊕ w3c ⊕ wai-aria ⊕ wasp ⊕ web ⊕ webdev ⊕ webkit ⊕ widget ⊕ wordpress ⊕ xhr ⊕ xhtml ⊕ xml ⊕ xpath ⊕ yahoo ⊕ yui ⊕Copy this bookmark: