public marks

PUBLIC MARKS with search element

This month

15 Great Examples of Websites using jQuery Masonry | Web Resources | WebAppers

by sbrothier
jQuery Masonry is a dynamic grid layout plugin for jQuery. Think of it as the flip-side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically, positioning each element in the next open spot in the grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

January 2012

jQuery HTML5 Uploader

by srcmax
jQuery HTML5 Uploader is a lightweight jQuery plugin that lets you to quickly add an upload system a-la-Gmail into your web app. You only need to create a dropbox element (i.e. a div) and jQuery HTML5 Uploader will do the rest. Then you can drag & drop one or more files on the element and the files will be uploaded. It also works with the multiple input file element. The upload function is divided into two asynchronous operations: client side, the file is loaded in the browser memory with a FileReader object. Useful if you want, for example, to show the image preview while uploading a picture. The server side operation consists in sending the binary file string to the postUrl (see settings).

Fabric.js Javascript Canvas Library

by rvuong & 1 other
Fabric.js is a framework that makes it easy to work with HTML5 canvas element. It is an interactive object model on top of canvas element. It is also an SVG-to-canvas parser.

Fabric.js Javascript Canvas Library

by Spone & 1 other
Fabric.js is a framework that makes it easy to work with HTML5 canvas element. It is an interactive object model on top of canvas element. It is also an SVG-to-canvas parser.

December 2011

Arc's Soy Machine: NodeTree 0.2 Released

by karlcow

I just shipped NodeTree 0.2. This version will not parse an XML stream. All it contains are some basic types representing XML nodes such as Comment, Document, and Element. As promised, text is also handled as a node but uses standard Python strings (UTF-8 strings/bytes and unicode). These should all be fairly intuitive to use.

NodeTree 0.2 : Python Package Index

by karlcow

With NodeTree we seek a hybrid of these two techniques. Callbacks can be set for virtually every stage of processing, but what is returned is the (possibly incomplete) object being processed. Nodes which have been fully processed can be removed from the tree in processing to save memory and the user can even specify an alternative class to create child nodes of an element. The goal is a clean, Pythonic API usable for the most basic to the most advanced XML processing.

November 2011

HUSH "Twin" at New Image Art - my love for you is a stampede of horses.

by karlcow

UK based artist HUSH returns to LA with his show Twin opening this weekend at New Image Art. Continuing to explore graffiti, tagging and street art within this latest group HUSH adds an element of duality - examining and playing with the idea of polarity.

Made by Hand

by karlcow

Writer turned knife maker Joel Bukiewicz of Cut Brooklyn talks about the human element of craft, and the potential for a skill to mature into an art. And in sharing his story, he alights on the real meaning of handmade—a movement whose riches are measured in people, not cash.

CSS Background: There’s More To Know Than You Think | Van SEO Design

by Monique
Did you know you can control where in the background an image is painted or that you can even specify which part of an element is the background?

iScroll 4

by srcmax & 1 other
iScroll 4 is a complete rewrite of the original iScroll code. The script development began because mobile webkit (on iPhone, iPad, Android) does not provide a native way to scroll content inside a fixed width/height element. This unfortunate situation prevents any web-app to have a position:absolute header and/or footer and a scrolling central area for contents.

October 2011

jamescryer.github.com/grumble.js/

by Xavier Lacot & 2 others
grumble.js provides rounded tooltips which can be rotated around a given element at any angle, all 360 degrees. Very useful for building interactive tooltips / user help.

Basic styling of `button` elements — result

by Spone
Well, button elements have historically been tricky to style, and though the situation is quite better now there are still a few quirks that need fixing. Here’s some boilerplate code that resets the browsers’ default styles for this element.

How Browsers Work – Part 1 – Architecture » Vineet Gupta

by Rik
As the Parser goes over the Content Tree, it may see an element referring an external resource (image, CSS, JS, font, etc), which needs to be loaded. This loading happens as follows:

September 2011

Image Color Summarizer

by karlcow

colour summarizer will produce descriptive colour statistics for an image. Reported will be the average, median or mode, minimum and maximum of each RGB and HSV triplet element.

display-table.htc — emulation of {display: table/table-row/table-cell} for Internet Explorer 6/7 (IE6, IE7)

by srcmax
display-table.htc library is intended to emulate CSS properties of display: table* family in Internet Explorer 6 and 7 since they do not have its native support. The library is intended solely for IE6/IE7 and disables itself automatically in IE8 and higher. The emulation is implemented in JavaScript and works by generating real HTML table, which automatically replaces source element intended to behave as table.

August 2011

jQuery.fracs · larsjung.de

by srcmax
jQuery.fracs determines the fraction of an HTML element that is currently in the viewport, as well as the fraction it takes of the complete viewport and the fraction of the area that might possibly be visible. It also provides the coordinates of the visible rectangle in document, element and viewport space. See the demo to get an impression of some of the features.

vintageJS

by Xavier Lacot & 1 other
A js library which helps adding retro and vintage effects to images using the HTML5 canvas element

CSS pointer-events to allow clicks on underlying elements - Robert's talk

by srcmax (via)
Ever placed an element on top of another element, but wanted the one under to be clickable? Now it’s doable, with CSS pointer-events!

July 2011

text-overflow - MDN Docs

by srcmax (via)
The text-overflow CSS property determines whether an ellipsis ("…") displays when text content has overflowed its given layout area. To force overflow to occur and ellipses to be applied, the author must apply some additional properties on the element. See example below.

June 2011

FitText - A plugin for inflating web type

by jpcaruana & 5 others (via)
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.

Native style momentum scrolling to arrive in iOS 5 · Johan Brook

by srcmax
One of the biggest gripes of web apps in Mobile Safari comes to an end. In iOS 5 Beta 2, you are able to do this on an element with CSS: overflow: scroll; -webkit-overflow-scrolling: touch; And the content inside that element should get native style momentum scroll. Just like any other app in iOS.

Active users

sbrothier
last mark : 02/02/2012 08:15

srcmax
last mark : 09/01/2012 10:47

rvuong
last mark : 04/01/2012 13:46

Spone
last mark : 03/01/2012 00:36

karlcow
last mark : 08/12/2011 17:20

neotrix
last mark : 01/12/2011 17:44

Monique
last mark : 14/11/2011 16:56

Xavier Lacot
last mark : 31/10/2011 15:44

Rik
last mark : 11/10/2011 18:27

ronpish
last mark : 19/09/2011 16:18

ikan
last mark : 26/08/2011 15:01

jpcaruana
last mark : 28/06/2011 08:40