public marks

PUBLIC MARKS from Spone

This month

The Hack Day Manifesto

(via)
So you’re organising a hack day or hackathon? Here are some basic requirements to make your event a success, and avoid the common pitfalls that could otherwise ruin it. If you cannot provide any of the following, make it clear to guests before registration. Attendees are generally forgiving when clear communication is given. These are only guidelines, but exist to help you run a hack day in the easiest possible way.

Sharrre - A plugin for sharing buttons

by 5 others
Sharrre is a jQuery plugin that allows you to create nice widgets sharing for Facebook, Twitter, Google Plus (with PHP script) and more.

Gmvault: gmail backup

Backup and restore your gmail account at will. Liberate your emails and never lose that part of your life.

oli.jp style guide ❧ Oli.jp (@boblet)

by 1 other
This is a personal style guide for oli.jp. I’m publishing it to share and for feedback, and also because I strongly believe you should build a style guide for every site you make. Hopefully this one will give you a head start.

How To Safely Store A Password | codahale.com

by 2 others
Use bcrypt. Use bcrypt. Use bcrypt. Use bcrypt. Use bcrypt. Use bcrypt. Use bcrypt. Use bcrypt. Use bcrypt.

April 2012

Adactio: Journal—Conditional CSS

Just to recap, I was looking for a way of detecting from JavaScript whether media queries have been executed in CSS without duplicating my breakpoints. That bit is important: I’m not looking for MatchMedia, which involves making media queries in JavaScript. Instead I’m looking for some otherwise-useless CSS property that I can use to pass information to JavaScript.

Home — The Plant List

by 1 other (via)
The Plant List is a working list of all known plant species. Version 1 aims to be comprehensive for species of Vascular plant (flowering plants, conifers, ferns and their allies) and of Bryophytes (mosses and liverworts).

Layer Styles

just like your favorite graphics editor but in your browser. And it creates CSS.

How Not To Sort By Average Rating

You are a web programmer. You have users. Your users rate stuff on your site. You want to put the highest-rated stuff at the top and lowest-rated at the bottom. You need some sort of "score" to sort by.

Fico | a font with icons, by Lensco.be

by 1 other (via)
Fico is a font with 52* simple, commonly used icons and glyphs, served on the web via @font-face.

March 2012

Responsive Navigation Patterns | Brad Frost Web

by 5 others
Here’s some of the more popular techniques for handling navigation in responsive designs

StateFace

A font you can use in your web apps when you want tiny state shapes as a design element. It's designed to be used at small sizes, and the shapes have been highly simplified to make for a really small font. All 50 states plus D.C. and a wee continental U.S. map fit in about 22k, and they look great on Retina displays.

Overthrow

A tiny, no-frills, framework-independent, targeted overflow: auto polyfill for use in responsive design.

Flipcards sur les Bonnes Pratiques du Web Mobile (MWBP)

Ces flipcards sur les Bonnes Pratiques du Web Mobile résument le standard W3C Mobile Web Best Practices 1.0. Les flipcards sont conçues comme un pense-bête ludique des soixantes bonnes pratiques définies plus en détails dans la spécification.

About normalize.css – Nicolas Gallagher

Normalize.css is a small CSS file that provides better cross-browser consistency in the default styling of HTML elements. It’s a modern, HTML5-ready, alternative to the traditional CSS reset.

Programming Languages - Hyperpolyglot

commonly used features in a side-by-side format

February 2012

How to Approach a Responsive Design | Upstatement

by 3 others
Here at Upstatement, we experimented with how to solve design and layout problems within a responsive framework. We learned a helluva lot as we went, like how to choose the right design software, strategies for thinking through breakpoints, and some best practices for designing in the browser.

Spone's TAGS

search:

limit:50 100 200

@font-face   agence   ajax   animation   api   archive   art   astuces   blog   boutique   canvas   cms   code   communauté   compatibilité   css   css3   database   design   design pattern   développement   données   download   email   Environnement   firefox   flash   flickr   font   form   forms   framework   fun   galerie   geolocalisation   générateur   google   graphics   grid   guide   hacks   howto   html   html5   icônes   ie   image   inspiration   iphone   javascript   jQuery   library   liste   magazine   management   map   maps   mobile   mozilla   mysql   navigateurs   opensource   outil   outils   partage   pdf   photo   photoshop   php   plugin   portfolio   projet   prototype   ressources   référence   script   scripts   search   showcase   social   software   standards   teeshirt   test   tutorial   twitter   typographie   url   utile   video   web app   web2.0   webdesign   widget   windows   wordpress   wysiwyg   xhtml   xml   zend framework