Le temps est sans importance. Tout bon article de geek doit comporter une référence à Star Wars, en voici donc une : Georges Lucas a souhaité fonder Lucasfilm à l'origine non pas pour faire de l’argent (en tout cas pas uniquement), mais surtout pour être indépendant des grands studios. Il ne supportait pas de ne pas avoir le contrôle total sur ses films, notamment sur American Graffiti, et bien sûr sur Star Wars. Maintenant que cette référence est faite, entrons dans le vif du sujet : laissez-moi, en ce mois de Décembre, vous conter une histoire cocasse sur le temps.
Une confession et un contexte En tant que développeur front-end bossant dans une petite agence, je me considère comme un artisan. Mon vœu, mon motto, c'est de produire du sur mesure, du haut de gamme, de la qualité, appelez ça comme vous voulez. Naturellement, le mot « industrialisation » est synonyme pour moi de sites à la chaîne, d'uniformisation, de « travail stupide », etc. Un mot péjoratif au possible, exécrable. Un problème, des solutions Des conseils.
MapBox | Fast and beautiful maps. CSS Checkbox | Cross Browser CSS Checkbox Generator | Free Checkbox CSS. Hack Your Maps. Web maps have come a long way. Improved data, cleaner design, better performance, and more intuitive controls have made web maps a ubiquitous and critical component of many apps.
They’ve also become one of the mobile space’s most successful transplants as more and more apps are powered by location-aware devices. The core web map UI paradigm itself—a continuous, pannable, zoomable surface—has even spread beyond mapping to interfaces everywhere. Article Continues Below Despite all this, we’ve barely begun to work web maps into our design practice. We create icon fonts, responsive grids, CSS frameworks, progressive enhancement strategies, and even new design processes. Have you ever taken apart a map? This article is a long overdue companion to Paul’s piece. Opinionated about open#section1 Paul makes a strong case for why you might want to use open mapping tools instead of the established incumbent. There is nothing mysterious about web maps.
Starting out#section2 A tale of places#section3. Transitional Interfaces — Design/UX. Designers love to sweat the details. Much time is spent pixel-fucking buttons, form styles, setting type, & getting those icons as sharp as a tack. A+, great job, don't stop you guys. ...but there's little consideration about how it all fits together outside of a static comp. You tap a button and the form just ...appears? You swipe to delete an item and it just vanishes? Oh, ok sweet. How? Folks keep throwing around the word “delight” when referring to animation and cute interactions. Animation leverages an overlooked dimension — time! Let's take a look at some simple ideas: In traditional animation, a breakdown determines how a mass moves from Point A to Point B.
New cursors in CSS3. 10 of the best polyfills.
Web IDEs: the future of coding. Still using desktop code editors? Web integrated development environments (IDEs) are a new way to build your web projects directly in the browser, often saving development time and making collaboration easier. The humble browser used to just serve up simple HTML documents, but it’s often now your first stop for just about any task. Think about it — document editing, file sharing, image manipulation, server backups, 3D rendering, music production and just about any other work traditionally done in desktop software can now be handled by a web service. I’ve actually become reluctant to install anything anymore, as there’s usually a great web alternative that just requires a simple account signup to use it.
But even with all the great services on the web, web development itself has been one of the last frontiers for this trend, perhaps because of developers’ reluctance to work online. Coding offline is crazy Most developers build websites on their desktop before putting them online. Character Codes -- HTML Codes & HTML Names. HTML5 Video Bumpers. Video is a bigger part of the web experience than ever before. With native browser support for HTML5 video elements freeing us from the tyranny of plugins, and the availability of faster internet connections to the workplace, home and mobile networks, it’s now pretty straightforward to publish video in a way that can be consumed in all sorts of ways on all sorts of different web devices.
I recently worked on a project where the client had shot some dedicated video shorts to publish on their site. They also had some five-second motion graphics produced to top and tail the videos with context and branding. This pretty common requirement is a great idea on the web, where a user might land at your video having followed a link and be viewing a page without much context. Known as bumpers, these short introduction clips help brand a video and make it look a lot more professional. Adding bumpers to a video What if the bumpers could be added dynamically? HTML5 bumpers Wrong So what can we do? 50 Free Tools and Apps for Web Designers and Developers. Over the past year or so I have bookmarked hundreds of various tools and resources covering all aspects of web & mobile development – There are tools that will improve your work-flow, resources that will clean and validate code, apps that will allow you to collaborate with any number of colleagues, bookmarklets that let you create mockups within your browser, productivity checklists, sites that will track and keep a watchful eye on your sites… and on … and on.
So, having all of these amazing bookmarks, I thought I would share my 50 favorites with you. I have split the article into the following sub-categories for easier browsing: General Web Development Tools, Web Typography Apps, Browser Tools, Web Site Analysis Apps and, finally, Productivity Apps & Tools. The apps also don’t include frameworks, Javascript plugins nor template tools, they are all strictly small tools that can help with your development productivity.
Web Development Tools ProCSSor – Advanced CSS Prettifier ScriptSrc.net. Créer un site web. SoFresh! - It makes your CSS yummy. LiveReload. Pens picked by the Editors of CodePen. Hote injoignable. 33 fantastic Chrome extensions. SVG Fallback, Vertical Rhythm, CSS Project Structure. Advertisement Howdy, folks! Welcome to more Smashing Magazine CSS Q&A. It works like this: you send in questions you have about CSS1, and at least once a month we’ll pick out the best questions and answer them so that everyone can benefit from the exchange. Your question could be about a very specific problem you’re having, or it could even be a question about a philosophical approach. We’ll take all kinds. If you’re interested in exploring more Q&A, there’s a bunch more in my author archive2. CSS Project Structure Stephen Beiler asks: “Could you please explain your strategy for building CSS?
These days I’m using Sass3 for all my projects. I use this feature heavily while organizing and structuring CSS for a project. On my recent redesign of CSS-Tricks, I ended up with 28 .scss files, most of which were modular bits only ever @imported into bigger style sheets. When To Use OOCSS Michael Winczewski asks: “Chris, what do you think of OOCSS? I think it’s fantastic. Ren Walker asks: Sure. If (! Initializr - Start an HTML5 Boilerplate project in 15 seconds! Free .htaccess Redirect Generator. Learn to code. Top 10 Programming Fonts. À quoi servent les balises META ? Les balises META c’est utile quand c’est utile; et quand c’est pas utile… eh bien c’est inutile. Vous l’aurez compris: ça dépend. Mais pour ne pas vous laisser avec cette simple vérité — et jolie tautologie —, nous vous proposons un petit point sur les balises META.
On y parlera de tapage de tête contre les murs, du meilleur moyen pour conserver sa santé, et de subtilités qui vont bien. Sommaire C’est quoi une balise META? Les balises META servent à placer des métadonnées (metadata) dans une page HTML. À qui sont destinées ces informations? Aux navigateurs web aux moteurs de recherche; plus largement, à tous les outils d’indexation, c’est-à-dire tous les outils qui analysent vos pages pour y identifier diverses informations. Anatomie d’une balise META Lorsque l’on parle de «balises META», on parle en réalité de l’élément meta en HTML (voir ce que dit la spécification HTML 4.01 pour cet élément et la spécification HTML5). La grande question: est-ce que c’est vraiment utile?
En HTML 5 :