background preloader

FlowTypeGo!

Smallpdf Perform various functions with PDF files. Offline.js What is Offline.js? Offline.js is a library to automatically alert your users when they've lost internet connectivity, like Gmail. It captures AJAX requests which were made while the connection was down, and remakes them when it's back up, so your app reacts perfectly. It has a number of beautiful themes and requires no configuration. Install The easiest way to add Offline to your site is with Eager. Click Install to see a live preview of Offline on your website. Download Offline.js Pick a Theme Indicator Themes Submit a theme! Documentation HubSpot

An Introduction To DOM Events Définir ses points de rupture Mettre en place une stratégie responsive sur son Web design implique des réflexions en amont qu’il ne faut pas négliger. Le responsive Web design est bien plus qu’une unité de pourcentage : c’est une réelle adaptation du contenant, et parfois, du contenu, en fonction du support de lecture afin de privilégier au maximum la lisibilité des informations. En s’appuyant sur un exemple concret et relativement standard, Nicolas Torres vous montre comment définir intelligemment les différents paliers d’adaptation, également appelés points de rupture. Le mythe des périphériques Selon une légende urbaine, les points de rupture sont égaux à la taille d’écran des périphériques (devices en anglais). Beaucoup d’appareils sont désormais viables pour naviguer sur le Web. Une histoire de contenu Je fais volontairement abstraction des marges dans les mesures données car elles sont négligeables et que leur absence n’empêche pas la compréhension. Le texte Les images Mes images font 312px de large. Pour résumer

Introducing Responsive Web Typography With FlowType.JS Advertisement It’s our great pleasure to support active members of the Web design and development community. Today, we’re proud to present FlowType.JS that allows a perfect character count per line at any screen width. This article is yet another special of our series of various tools, libraries and techniques that we’ve published here on Smashing Magazine: LiveStyle, PrefixFree, Foundation, Sisyphus.js, GuideGuide, Gridpak, JS Bin, CSSComb and Jelly Navigation Menu. — Ed. While working on an image-heavy site for Simple Focus, a couple of our designers, John Wilson and Casey Zumwalt, noticed how images always scaled perfectly. Pull the corner of the browser window and the images expand to fill the space. “Wouldn’t it be nice,” John asked, “if text worked more like images?” “In a fluid layout, browser width and typographic measure are linked: the wider the viewport, the more characters per line.” – Trent Walton Here’s the process of how we got there: Technically Speaking The Basic Math

Just Good CopyGo! UIkit Useful JavaScript Libraries and jQuery Plugins For Web Developers Advertisement If you have a problem and need a solution for it, chances are high that a JavaScript library or jQuery plugin exists that was created to solve this very problem. Such libraries are always great to have in your bookmarks or in your local folders, especially if you aren’t a big fan of cross-browser debugging. A JavaScript library isn’t always the best solution: it should never be a single point of failure for any website, and neither should a website rely on JavaScript making the content potentially inaccessible. Progressive enhancement is our friend; sometimes JavaScript won’t load properly, or won’t be supported — e.g. users of mobile devices might run into latency issues or performance issues with some JavaScript-libraries. Often large all-around JavaScript libraries such as jQuery might be an overkill, while tiny JavaScript micro-libraries could serve as good, “light” alternatives for a particular problem. Quick Overview: Web Forms and Input Validation Little Time-Savers

Le Marketing Emotionnel pour le B2B | Blogue k-eCommerce.com Les compagnies de type Business-to-Customer (B2C) semblent avoir la tâche facile en ce qui concerne le contenu marketing: les publicités et les promotions ciblent directement des personnes afin d’entrainer chez elles un puissant désir d’achat. Les propriétaires d’entreprises de type Business-to-Business (B2B) peuvent cependant voir cette tâche plus ardue puisqu’ils présentent leur produit ou service à des entreprises, et non pas à un particulier. Ne vous laissez pas berner par cette croyance, une compagnie n’est jamais dépourvue d’humanité. Une personne est à l’origine de chaque décision, et cette personne vie incontestablement des émotions. Votre stratégie marketing doit donc inclure des techniques spécialement conçues pour plaire aux humains. Qu’est-ce que le marketing émotionnel et comment ça fonctionne? Comment adapter cette technique pour du B2B? Balancez-vous entre émotion et raison Votre clientèle de B2B est habituée de se faire inciter par la raison. Une technique à adopter

Simplenote The simplest way to keep notes. Light, clean, and free. Lena.JS pixel to pixel: grayscale sepia thresholding-128 invert saturation red green blue edge/line detection: roberts sharpen sobel y sobel x highpass laplacian gaussian prewitt y prewitt x Drag and drop filters hereremove all filters Unheap - A tidy repository of jQuery plugins La citation du mois :

Related: