PUBLIC   marks

PUBLIC MARKS with search element

Sponsorised links

This month

Why do we have an IMG element?

by marco & 1 other
Quite simply, because Marc Andreessen shipped one, and shipping code wins.

October 2009

Software is hard | Eventbug (alpha) Released

by srcmax

This extension brings a new Events panel that lists all of the event handlers on the page grouped by event type. The panel also nicely integrates with other Firebug panels and allows to quickly find out, which HTML element is associated with specific event listener or see the Javascript source code.

CSS Tools: Reset CSS

by mozkart & 1 other (via)
The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post, if you're interested. Reset styles quite often appear in CSS frameworks, and the original "meyerweb reset" found its way into Blueprint, among others. The reset styles given here are intentionally very generic. There isn't any default color or background set for the body element, for example. I don't particularly recommend that you just use this in its unaltered state in your own projects. It should be tweaked, edited, extended, and otherwise tuned to match your specific reset baseline. Fill in your preferred colors for the page, links, and so on. In other words, this is a starting point, not a self-contained black box of no-touchiness.

Video on the Web - Dive Into HTML5

by Spone
The definitive guide to video element in HTML5.

OpenURL ContextObject in SPAN (COinS) Use with LibX (Firefox extension that provides direct access to your library's resources).

by decembre & 3 others
To embed citation metadata into html in such a way that processing agents can discover, process and make use of the metadata. Since an important use of this metadata will be to allow processing agents to make OpenURL hyperlinks for users in libraries (latent OpenURL), the method must allow the metadata to be placed any where in HTML that a link might appear. In the absence of some metadata-aware agent, the embedded metadata must be invisible to the user and innocuous with respect to HTML markup. To meet these requirements, the span element was selected. The NISO OpenURL ContextObject is selected as the specific metadata package. The resulting specification is named "ContextObject in SPAN" or COinS for short. ..... A COinS Generator site is available - See : COinS Processors Alf Eaton's Greasemonkey script for processing COinSVirginia Tech's

Sponsorised links

September 2009

In the Woods – 15 CSS Tricks That Must be Learned

by dzc & 3 others (via)
1. Absolute positioning inside a relative positioned element. 2. Z-Index and positioning. 3. Margin Auto 4. Use Padding Carefully and Appropriately...

August 2009

JQuery Cycle Plugin

by mozkart & 9 others (via)
The jQuery Cycle Plugin is a lightweight slideshow plugin. Its implementation is based on the InnerFade Plugin by Torsten Baldes, the Slideshow Plugin by Matt Oakes, and the jqShuffle Plugin by Benjamin Sterling. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and many transition effects. It also supports, but does not require, the Metadata Plugin and the Easing Plugin. How it Works The plugin provides a method called cycle which is invoked on a container element. Each child element of the container becomes a "slide". Options control how and when the slides are transitioned.

Johnny Holland - It’s all about interaction » Blog Archive » The iPhone is Not Easy to Use: A New Direction for UX Design

by greut

For every job that must be done, there is an element of fun. You find the fun and SNAP! The job’s a game!

My grand-father was saying: life is a game

Re: Text not allowed in element script in this context. from Henri Sivonen on 2009-08-12 (www-validator@w3.org from August 2009)

by night.kame

HTML5 allows this, but the HTML5 validator doesn't, yet.

Si le gars qui est payé pour écrire le parseur et le validateur de référence de HTML 5 n'arrive pas à être à jour sur la partie la plus stable de la spéc : qui peut l'être ?

CodeProject - Create your own simple Button for Google Toolbar and link to add it in Googlebar

by decembre
To base64 encode an image for your button, determine or create your image. Then use this page to encode your image. Copy the result into the image element of your XML document. If you have an RSS or Atom feed, insert the URL of your feed into the feed element. Save your document with an .xml extension (we used updated_button.xml). Copy the XML file to the root of your website directory. It's ready to go! Now, just add the below link to your site, where ever you choose and when people click it, they will get your button added onto their Google toolbar: http://toolbar.google.com/buttons/add?url=http://www.yourwebsite.com/yourbuttonxmlfile.xml Replace the url= with the fully qualified public url to your xml file. If someone clicks the link and doesn't already have the correct version of Google Toolbar installed, they will be prompted to install the correct toolbar.

July 2009

Accessible form builder - Generate XHTML-compliant accessible forms quickly and easily | Accessify

by Spone
Accessify's quick form builder merges two older tools (form builder and form element generator) into one much slicker process. There are three steps: 1. Enter the fields that you want to capture in the form 2. Define what each field type is (text, password, textarea etc) 3. Choose some markup options (HTML, XHTML and so on) Seconds later you have a fully accessible and valid form. There's even some CSS to help you style the form.

The CSS Box Model | CSS-Tricks

by karlcow & 1 other

every element in web design is a rectangular box. This was my ah-ha moment that helped me really start to understand CSS-based web design and accomplish the layouts I wanted to accomplish.

Modernizr

by Krome & 2 others

Version 0.9 is the initial public release of Modernizr. It includes tests for a variety of CSS 3 features and an HTML 5 element styling enabler.

June 2009

Random Etc. - js-vector-maps on github

by karlcow

I've been experimenting with some javascript classes that mimic the structure of mapnik's Layer/Style/Rule classes and render OSM data (via GeoJSON) to a <canvas> element. I've also finally taken a look at how github works, so I've decided to share the initial code there in case people are interested. If you don't want to check the code out for yourself there's a demo page here (tested in Firefox and Safari only, so far).

May 2009

LIQUIDS & BUBBLES - a set on Flickr

by rickydrier & 1 other

Of all the subjects in my stream - this one fascinates me the most. I love capturing one-offs that depend upon the element of chance. Using liquids as a kind of photographic paint allows me to do that.

April 2009

jQuery.ifixpng - png transparency for windows ie versions below 6

by kobo & 8 others (via)
plugin designed to fix that problem by applying appropriate filters to user specified elements, while keeping all element tags intact. Plugin works well with both img elements within the DOM and css properties specified externally. • It is chainable. • Unlike some other png hack solutions, it does not replace/hide any of your html tags. • You can revert applied changes using .iunfixpng(). • Extremely easy to use! Known limitations (I don't have solutions for those listed below yet - CSS features that are lost when the fix applied) • Always defaults to "background-position:top left" and you cannot reposition it. • Unable to perform "background-repeat:repeat-y" or "background-repeat:repeat-x" on a target. • For the hack to work your item needs to be visible. Directions

LIQUIDS & BUBBLES - a set on Flickr

by Neewok & 1 other

Of all the subjects in my stream - this one fascinates me the most. I love capturing one-offs that depend upon the element of chance. Using liquids as a kind of photographic paint allows me to do that.

March 2009

jScrollPane

by kunix & 1 other
jScrollPane is a jquery plugin which allows you to replace the browsers default vertical scrollbars on any block level element with an overflow:auto style.

plists - Google Code

by jpcaruana
plists is a drop-in replacement for the Erlang module lists, making most list operations parallel. It can operate on each element in parallel, for IO-bound operations, on sublists in parallel, for taking advantage of multi-core machines with CPU-bound operations, and across erlang nodes, for parallizing inside a cluster. It handles errors and node failures. It can be configured, tuned, and tweaked to get optimal performance while minimizing overhead.

Coding Horror: HTML Validation: Does It Matter?

by karlcow

The interesting thing to do is to use Validation as a tool and not as a goal. Why my code is invalid? What is the source of errors? Which script, libraries, etc create invalid code?

So basically for me it helps me to create a better framework or script at the source. I don't want to validate every pages, but I want to be sure that the page which are produced are valid. That means I have to create "checking steps" in my code, or to use the appropriate tools. For example using an xml library to replace an element by another more than doing a regex, checking and sanitize the input of forms, etc. etc.

karl on March 7, 2009 07:08 AM

PUBLIC TAGS

ajax   apple   art   audio   blog   blogging   blogs   book   bookmarks   books   business   car   community   computer   css   culture   design   download   dvd   education   email   finance   firefox   flash   flickr   food   forum   free   fun   funny   game   games   google   guide   health   history   home   hosting   html   humor   image   images   information   internet   ipod   java   javascript   life   links   linux   mac   magazine   marketing   media   microsoft   mobile   money   movie   movies   mp3   music   news   online   phone   photo   photography   photos   photoshop   php   podcast   programming   radio   reference   rss   science   search   security   seo   service   shopping   site   social   software   sports   technology   tips   tool   tools   travel   tutorial   tv   video   videos   web   web2.0   webdesign   wiki   windows   wordpress   yahoo  

Sponsorised links