public marks

PUBLIC MARKS from Spone

October 2014

Enduring CSS: writing style sheets for rapidly changing, long-lived projects - Author and responsive web developer Ben Frain

When architecting CSS for a large scale project it’s a common aim to abstract visual patterns for re-use, DRY out code and normalise our designs as much as possible. However, for rapidly changing projects, I’m no longer convinced those principles should necessarily be followed to the nth degree, nor that they offer the biggest wins. This post describes what I consider the most advantageous practices and approaches when authoring CSS for a rapidly changing, large scale web project.

How to integrate Sidekiq with ActiveJob - Ruby Journal

One of the hot thing in Rails 4.2 is the brand new ActiveJob gem, this gem consolidate the API for background job gems on the market such as DelayedJob, Resque, etc. Today I am going to guide you through how to integrate Sidekiq with ActiveJob

Strip - A Less Intrusive Responsive Lightbox

by 2 others
Strip is a Lightbox that only partially covers the page. This makes it less intrusive and leaves room to interact with the page on larger screens while giving smaller mobile devices the classic Lightbox experience.

September 2014

Sonic Pi

by 1 other
A free sound synthesiser for live coding designed to support computing and music lessons within schools. Use code to compose and perform in classical and contemporary styles ranging from Canons to Dubstep.

Mobile Web App Checklist

by 1 other
This is a list of guidelines we've been compiling over the last couple years while building high-performance mobile frontends, as well as building the open source library impulse. Some of these are broadly applicable to any mobile website, some are specifically for people building apps.

TTY • Toolbox for developing CLI clients in Ruby

The Ruby toolbox that you can use for building CLI projects

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.

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   data visualization   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   teeshirt   test   tool   tutorial   typographie   ui   url   utile   ux   video   web app   web2.0   webdesign   widget   windows   wordpress   wysiwyg   xhtml   xml