background preloader

LukeW

LukeW

http://www.lukew.com/

Front End Development Guidelines Accessibility What's Up, DOCTYPE? The absence of a DOCTYPE is a crime punishable by death. You may have relied on the following DOCTYPE in the past, but it's important to know that this is now being superseded by a leaner and meaner snippet. Ideally, the HTML5 DOCTYPE should be used. The ultimate guide to flat design It is easy to say that 2013 has so far been the year of flat design. Even Apple, the driver of the skeuomorphic design trend for many years, is trying some level of flat design when it releases iOS 7 later this year. So are you ready to try it out as well? Not sure how to get started?

» 8 Guidelines and 1 Rule for Responsive Images Cloud Four Blog I recently had the opportunity to work with a company that is moving to a responsive design and has over 800,000 images on their site. These images come from all over the world. I learned a lot about what it means to tackle images in a responsive design on a large scale. Tutoriel du serveur HTTP Apache : fichiers .htaccess Les fichiers .htaccess fournissent une méthode pour modifier la configuration du serveur au niveau de chaque répertoire. Fichiers .htaccess Les fichiers .htaccess ne doivent être utilisés que si vous n'avez pas accès au fichier de configuration du serveur principal. A Book Apart, Responsive Web Design foreword by Jeremy Keith Since its groundbreaking release in 2011, Responsive Web Design remains a fundamental resource for anyone working on the web. Learn how to think beyond the desktop, and craft designs that respond to your users’ needs.

Current Issue There’s one thing I’ve noticed in the 15+ years I’ve been practicing user-centered design and leading User Experience (UX) teams: one of the best ways to judge the experience of a User Experience practitioner is to assess the number and variety of the design solutions, or “tools,” they have available in their personal UX “tool belt.” Usability problems come in many shapes and sizes, and the solutions need to be equally varied – seasoned UX professionals don’t often fall into the trap of thinking just because they’ve mastered a standard set of design “hammers,” that every usability problem they see is a “nail.” This being said, most of us User Interface (UI) designers have spent our whole careers using visual tools to solve usability problems. Some of us have branched out to audio tools too, but the other human senses are rarely considered part of our practice. Haptic interfaces are nothing new. In fact, one of the first haptic interfaces was introduced in 1829 by Louis Braille.

PlaceIt by Breezi - Generate Product Screenshots in Realistic Environments How do I record my iOS app? Please click here for instructions on how to record your iOS app. How do I record my Android app? Please click here for instructions on how to record your Android app. What Is Web 2.0 by Tim O'Reilly 09/30/2005 Oct. 2009: Tim O'Reilly and John Battelle answer the question of "What's next for Web 2.0?" in Web Squared: Web 2.0 Five Years On. The bursting of the dot-com bubble in the fall of 2001 marked a turning point for the web. Many people concluded that the web was overhyped, when in fact bubbles and consequent shakeouts appear to be a common feature of all technological revolutions. Shakeouts typically mark the point at which an ascendant technology is ready to take its place at center stage.

Pompage.net : le web design puisé à la source A Whole Bunch of Amazing Stuff Pseudo Elements Can Do By Chris Coyier On June 13, 2011 It's pretty amazing what you can do with the pseudo elements ::before and ::after. For every element on the page, you get two more free ones that you can do just about anything another HTML element could do. Free textures for your next web project Nothing like a field of beautiful flowers. Download Download These lovely water-colorful dots will make your designs pop.

Meet the Pseudo Class Selectors Pseudo class selectors are CSS selectors with a colon preceding them. You are probably very familiar with a few of them. Like hover: a:hover { } They are immensely useful in a variety of situations. Some of them are CSS3, some CSS2… it depends on each particular one. When to base64 encode images (and when not to) Introduction Ever since Steve Souders started evangelizing web performance, it’s been pounded into our heads that extra HTTP requests add a lot of additional overhead, and that we should combine them if possible to dramatically decrease the load time of our web pages. The practical implication of this has been to combine our JavaScript and CSS files, which is relatively easy and straightforward, but the harder question has been what to do with images. Sprites Image sprites are a concept taken from video games: the idea is to cram a ton of image assets into one file, and rearrange a “viewport” of sorts to view only specific pieces of that file at a time.

Related:  Můj webWeb et Mobile