public marks

PUBLIC MARKS from Spone

September 2014

Volt - Home

Volt is a framework for building data rich web applications shockingly fast.

GitHub's CSS · @mdo

(via)
I’m always interested in the development details of other products, particularly their styleguides and approach to CSS. Given my penchant for the otherwise inane CSS details, I decided to write a bit about GitHub’s CSS.

CSS at Lonely Planet - Ian Feather

Inspired by Mark Otto's post Github's CSS I thought I would quickly jot down how Lonely Planet’s CSS is structured. I thought it was interesting to read some of the parallels and it’s good to share how we work.

Toolstrap - A CSS framework for Groupon Internal Tools // Speaker Deck

(via)
An overview of Groupon's CSS framework for internal tools.

Styleguide Driven Development - We build Envato

Styleguide Driven Development (SDD) is a practice that encourages the separation of UX, Design & Frontend from Backend concerns. This is achieved by developing the UI separately in a styleguide.

Introducing Praxis

Build APIs the way you always wanted.

August 2014

User Onboarding | A frequently-updated compendium of web app first-run experiences

by 1 other
User Onboarding is the process of increasing the likelihood that new users become successful when adopting your product. Learn some lessons from how popular web apps do it!

Introducing Http::Exceptions by @smathieu - Rainforest QA Blog

If you’re using a library such as the excellent HTTParty, you still have to deal with various types of exceptions. In an ideal world, the return code of the HTTP request would be the sole indicator of failures, but HTTP libraries can raise a large number of exceptions (such as SocketError or Net::ReadTimeout) that you need to handle. Http::Exceptions provides an easy way to rescue exceptions that get thrown by your HTTP library and a way to raise exceptions on unexpected HTTP status codes.

Introduction | Nick's Playbook to Build Apps with PhoneGap and Famo.us

Instead of writing with Java, Obj-C, or C#, you'll write in Javascript, using the Famo.us framework for your display code using very little HTML. We'll use the Cordova toolchain, and PhoneGap Build, to wrap the code and produce native binaries for iOS and Android. Hopefully Windows soon too. Through my experience building PhoneGap apps, I've encountered many unknowns/bugs/features, and if you've tried building a PhoneGap app, you likely have as well. From handling the Back button on Android and incorporating it into your routing, to having consistent and beautiful transitions across every page, the scope and challenges of building an end-to-end PhoneGap app can expand quickly. This guide is a series of patterns that can be used to augment existing knowledge, or as a reference resource.

Beautiful, Automated Marketing Reports | Measureful

Beautiful, customizable marketing reports for agencies, freelancers and marketers. Automate your process of data collection, analysis and report presentation with Measureful.

Transactional HTML Email Templates

by 1 other
Styling HTML email is painful. Tables, inline CSS, unsupported CSS, desktop clients, web clients, mobile clients, various devices, various providers. All these things have to be thought about and tested. It’s no surprise developers don’t want to deal with this when there is a backlog of more important priorities. We’ve tried to remove some of the pain for you and open-sourced a collection of common templates for transactional email.

Quand les régions françaises s’arrachent les jeunes diplômés

by 1 other
Diplômé de l'école des Gobelins à Paris, Hans Lemuet, 24 ans, a ainsi eu la chance d'intégrer, en 2011, une résidence d'entrepreneur à Clermont-Ferrand. « C'est le même principe qu'une résidence d'artiste », précise-t-il. « Pour nous permettre de concrétiser notre idée d'activité, on nous offre une formation administrative et juridique de trois mois, un salaire de 1000€ nets mensuels pendant six mois, plus une enveloppe de 3000€ pour couvrir les frais de déplacement et d'installation. » Résultat : quand sa société Etamin Studio a officiellement été lancée en 2012, la réussite a été immédiate. 100000€ de bénéfices engrangés dès la première année et une première récompense aux Favourite Website Awards.

Kraken Image Optimizer · Kraken.io

Kraken is a robust, ultra-fast image optimizer and compressor with best-in-class algorithms. We'll save you bandwidth and storage space and will dramatically improve your website’s load times.

JPEGmini - Your Photos on a Diet!

by 1 other
Reduce photo file size by up to 5x, without compromising quality

MapPLZ

an easy geo data system across languages and databases

Dev.Opera — Responsive Images: Use Cases and Documented Code Snippets to Get You Started

Finally, true responsive images are becoming a reality on the web — in pure HTML, without convoluted hacks. The picture element and a couple of new attributes for the img element are behind a flag in Chromium 37 and shipping in Chromium 38 (so coming soon in Opera), in Firefox Nightly and are being implemented in WebKit (although it remains to be seen if Apple will ship it in the next version of Safari). The new picture element can be verbose and confusing, because it solves a range of use cases. To help you match your requirements to the responsive image syntax, we’ve prepared this article full of examples.

July 2014

Inkbrush | A web application to quickly build bulletproof HTML emails.

Build Bulletproof Email Faster Than Ever! Quickly create customized HTML email from any creative mockup, that works on any device and in every inbox.

Cockpit

by 2 others
An API-driven CMS without forcing you to make compromises in how you implement your site.

Beautiful web type — the best typefaces from the Google web fonts directory

There are over 600 typefaces in the Google web fonts directory. Many of them are awful. But there are also high-quality typefaces that deserve a closer look. Below are examples of these typefaces in action. Click the examples to get the typeface from the Google web fonts directory.

Better Specs { rspec guidelines with ruby }

RSpec is a great tool in the behavior-driven development (BDD) process of writing human readable specifications that direct and validate the development of your application. On the web there are many resources that give complete overview of _what_ you can do with RSpec. But there are fewer resources devoted to how to create a great RSpec test suite. Better Specs tries to fill this gap by collecting most of the "best practices" that other developers learn through years of experience.

Use Google Spreadsheets as your CMS | Brace Data

by 2 others
Display your spreadsheet data however you like right on your static site.

Spone's TAGS

search:

limit:50 100 200

@font-face   agence   ajax   animation   api   art   astuces   best practices   blog   boutique   canvas   cms   code   communauté   css   css3   database   design   design pattern   développement   données   email   firefox   flash   flickr   font   form   forms   framework   galerie   geolocalisation   git   générateur   google   graphics   grid   guide   guidelines   hacks   howto   html   html5   icônes   ie   image   inspiration   javascript   jQuery   library   liste   map   maps   mobile   navigateurs   opensource   outil   outils   performance   photo   photoshop   php   plugin   portfolio   projet   prototype   rails   responsive design   ressources   référence   ruby   script   scroll   search   security   showcase   social   software   standards   statistiques   styleguides   svg   teeshirt   test   tool   tutorial   typographie   ui   url   utile   ux   video   web app   web2.0   webdesign   widget   windows   wordpress   wysiwyg   xhtml   xml