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
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
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
Google+: "a quiz"
october 2011 by soypunk
Hixie brainbuster for what happens with various HTML markup incantations when they are represented through the DOM. Notable for the comment thread. Also the "It's amazing that the pile of shit that is the Web platform survives." comment. So true.
html5
html
dom
webarch
history
october 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
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
SexpCode for the Masses
june 2010 by soypunk
"SexpCode is a specialised mark-up language designed to replace BBCode and, to a lesser extent, user-generated HTML in general. It is not as yet intended as a general-purpose mark-up language, or to replace HTML for general web design."
wordpress
html
text
markup
from delicious
june 2010 by soypunk
HTML Lint
may 2010 by soypunk
karlpro: html lint is a html checker service written in python/django http://lint.brihten.com/html/ #openweb
web
html
html5
validator
from delicious
may 2010 by soypunk
jsocol's bleach at master - GitHub
february 2010 by soypunk
"An easy, HTML5, whitelisting HTML sanitizer"
python
html
django
from delicious
february 2010 by soypunk
Index of /playground/demos/http/002
february 2010 by soypunk
ahh, gimmicky test cases are fun. this kinda thing is a real problem though.
security
html
from delicious
february 2010 by soypunk
http://philip.html5.org/docs/quirks.txt
december 2009 by soypunk
"Approximate IE6/IE7 quirks detection logic"
ie
web
javascript
html
from delicious
december 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
Automatic XML Namespaces
november 2009 by soypunk
"The XML community has lived with XML namespaces for a decade. They are useful to the point of seeming indispensable, they are ubiquitous, and yet they are at the same time unwieldy and flawed. "
xml
html
from delicious
november 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
Live DOM Viewer
may 2009 by soypunk
Safari sets the nodeName for <groß> to GROSS in the DOM. So document.getElementsByTagName("groß") works but document.getElementsByTagName("GROSS") doesn't. This would seemingly be because Unicode says that the uppercase value for ß is "SS". (Opera 10 uses unicode lowercasing. Firefox 3 does unicode uppercasing, but preserves the eszett.)
javascript
html
dom
may 2009 by soypunk
Live DOM Viewer - nesting keygen in an select
april 2009 by soypunk
Good example from Henri Sivonent of how gnarly forms parsing can get
web
browsers
html
w3c
whatwg
html5
testing
april 2009 by soypunk
rev=canonical: url shortening that doesn't hurt the internet
april 2009 by soypunk
"RevCanonical is url shortening with a twist. Instead of creating its own super short versions of links, it checks to see if the link owner has published a shortened version of the given page using HTML link element. If not, we just return the original URL. And you should bug the link owner about providing a better alternative."
url
web
architecture
html
rev
april 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
Is Facebook Markup Language (FBML) HTML, XML or some homemade demon spawn of the two? - O'Reilly Broadcast
march 2009 by soypunk
I agree that, as of right now, FBML is a scary, under-specified, bag of hurt. I wish I could find myself surprised that the Facebook developer base is happily using it, but... I can't.
facebook
html
xml
data
formats
markup
standards
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
OpenID Pitfalls?! » Armin Ronacher
march 2009 by soypunk
Not an OpenID pitfall, but shoddy HTML parsing.
html
openid
march 2009 by soypunk
Cross-Domain Comms via IFrame Demo
march 2009 by soypunk
Another example of an x-domain iFrame messenger that is "broken" in Safari 4 and Opera 10 but works in Firefox 3.1.
html
iframe
march 2009 by soypunk
30-Year Summary of Revenue Sharing Payments
march 2009 by soypunk
Bizarre HTML (Doctype claims HTML 3.2) table that uses <br> inside of <td> to fake table rows. Cute.
web
html
testing
march 2009 by soypunk
Re: Use and abuse of @summary from Leif Halvard Silli on 2009-02-19 (public-html@w3.org from February 2009)
february 2009 by soypunk
A little analysis of @summary usage on data tables found in the wild.
w3c
whatwg
html5
html
accessibility
february 2009 by soypunk
mnot’s Web log: Stop it with the X- Already!
february 2009 by soypunk
Indeed, this is getting nuts. Palm's x-mojo-nonsense is pure madness. There's some further "humor" in the comments... see Julian Reschke's comment in particular. Mark also has a nice comment concerning "exceptions to the rule."
web
http
html
extensibility
february 2009 by soypunk
An alternate take on HTML5 - mozilla.dev.platform | Google Groups
february 2009 by soypunk
Mozilla Bug 478665 discussion was moved here... The short of it seems to be that Mozilla is preparing for the possibility that the HTML 5 spec becomes logjammed in the W3C process circus. Think of this as HTML 4.1: a ton of errata covering the error handling for rendering and parsing, DOM consistency, plus adoption of mature features like <canvas>. That audio and video is missing from this draft is odd given Mozilla's significant work on those new elements+apis. To be fair it seems to be more of an _idea_ than say a "working draft".
html5
html
w3c
whatwg
mozilla
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
Deprecated <i> still available via Markup > Font Style - BBEdit Talk | Google Groups
february 2009 by soypunk
Great, even the bbedit mailing list is immune to non-sense emails about <em> and <i>
bbedit
html
february 2009 by soypunk
Re: HTML and XML from Elliotte Rusty Harold on 2009-02-11 (www-tag@w3.org from February 2009)
february 2009 by soypunk
"On this point, I have to call B.S. again. That a document is served as text/html does not make it HTML. Much less does it make it not XML. If a document satisfies the BNF grammar and the various well-formedness constraints, it is XML, whatever you call it. It may also be HTML, and perhaps other things as well."
html
xml
http
w3c
standards
february 2009 by soypunk
Bespin » Code in the Cloud
february 2009 by soypunk
"Bespin is a Mozilla Labs experiment on how to build an extensible Web code editor using HTML 5 technology."
mozilla
html
html5
february 2009 by soypunk
Crowbar - SIMILE
january 2009 by soypunk
"Crowbar is a web scraping environment based on the use of a server-side headless mozilla-based browser. Its purpose is to allow running javascript scrapers against a DOM to automate web sites scraping but avoiding all the syntax normalization issues."
mozilla
gecko
html
dom
parsing
screenscraping
data
january 2009 by soypunk
Timing and Synchronization in JavaScript - Opera Developer Community
january 2009 by soypunk
"Timing issues are the source of some of the most devious bugs in JavaScript applications. Problems that never show up during development might surface when the application is used by an end-user on a slow computer or with low bandwidth. Such issues may also be intermittent and difficult to reproduce."
dom
html
javascript
january 2009 by soypunk
Sam Ruby: That’s Not Write
january 2009 by soypunk
Ahh, my favorite subject... document.write. This is an oldie that I had to reference this evening.
web
browser
dom
html
javascript
january 2009 by soypunk
Ned Batchelder: Accidental HTML entities in URLs
december 2008 by soypunk
"In this case, the ampersand ends up in the string as a plain ampersand. But when the time comes to set the document location, IE applies another entity replacement, while other browsers don't. In IE 6, this code results in a visit to a URL with a copyright symbol in it."
microsoft
javascript
html
uri
ie
december 2008 by soypunk
Browser Security Handbook - Google
december 2008 by soypunk
"This document is meant to provide web application developers, browser engineers, and information security researchers with a one-stop reference to key security properties of contemporary web browsers. Insufficient understanding of these often poorly-documented characteristics is a major contributing factor to the prevalence of several classes of security vulnerabilities."
google
web
html
javascript
browser
security
mozilla
firefox
opera
chrome
webkit
ie
december 2008 by soypunk
HTML-Ipsum
december 2008 by soypunk
Greeked text and HTML markup generator. Handy!
web
design
ui
html
december 2008 by soypunk
related tags
@alt ⊕ @rel ⊕ @role ⊕ a11y ⊕ accessibility ⊕ adobe ⊕ ajax ⊕ android ⊕ api ⊕ apple ⊕ arabic ⊕ architecture ⊕ aria ⊕ bbedit ⊕ blackberry ⊕ blog ⊕ book ⊕ browser ⊕ browsers ⊕ bug ⊕ business ⊕ calendar ⊕ canvas ⊕ career ⊕ character ⊕ cheetah ⊕ chrome ⊕ cms ⊕ css ⊕ css3 ⊕ data ⊕ database ⊕ debug ⊕ design ⊕ development ⊕ django ⊕ dom ⊕ drupal ⊕ dtd ⊕ editor ⊕ email ⊕ encoding ⊕ extensibility ⊕ extension ⊕ facebook ⊕ fbml ⊕ firefox ⊕ flash ⊕ flickr ⊕ for-oris ⊕ form ⊕ formats ⊕ forms ⊕ for_ldc_graff ⊕ framework ⊕ frameworks ⊕ front-end ⊕ geck ⊕ gecko ⊕ google ⊕ graphviz ⊕ harvesting ⊕ hcard ⊕ health ⊕ hebrew ⊕ hiring ⊕ history ⊕ html ⊖ html5 ⊕ http ⊕ humor ⊕ i18n ⊕ ie ⊕ iframe ⊕ images ⊕ iphone ⊕ javascript ⊕ jquery ⊕ js ⊕ json ⊕ less ⊕ libxml ⊕ mac ⊕ markdown ⊕ markup ⊕ media ⊕ mediawiki ⊕ microformat ⊕ microformats ⊕ microsoft ⊕ mobile ⊕ mozilla ⊕ music ⊕ mysql ⊕ namespaces ⊕ office ⊕ open-source ⊕ openid ⊕ opera ⊕ osx ⊕ outlook ⊕ parser ⊕ parsing ⊕ pattern ⊕ perl ⊕ php ⊕ platform ⊕ plugin ⊕ politics ⊕ presentation ⊕ profile ⊕ prototyping ⊕ public-html-issues ⊕ python ⊕ q-element ⊕ qt ⊕ rdf ⊕ rdfa ⊕ reference ⊕ research ⊕ responsive-design ⊕ rev ⊕ rss ⊕ safari ⊕ sass ⊕ science ⊕ screenreaders ⊕ screenscrape ⊕ screenscraping ⊕ sdk ⊕ search ⊕ security ⊕ sharepoint ⊕ software ⊕ specification ⊕ sql ⊕ standards ⊕ surveys ⊕ svg ⊕ technology ⊕ template ⊕ testing ⊕ text ⊕ theme ⊕ to:buy ⊕ to:read ⊕ tools ⊕ typography ⊕ ui ⊕ unicode ⊕ uri ⊕ url ⊕ usability ⊕ UX ⊕ validation ⊕ validator ⊕ visualization ⊕ w3 ⊕ w3c ⊕ wcag ⊕ web ⊕ webarch ⊕ webkit ⊕ what ⊕ whatwg ⊕ widget ⊕ wiki ⊕ wikia ⊕ windows ⊕ word ⊕ wordpress ⊕ wysiwyg ⊕ xforms ⊕ xhtml ⊕ xhtml2 ⊕ xml ⊕ xpath ⊕ xsl ⊕ xul ⊕ yahoo ⊕ yui ⊕Copy this bookmark: