background preloader

A Dao of Web Design

A Dao of Web Design
What Zen was to the 70’s (most famously with motorcycle maintenance), the Tao Te Ching was to the 90’s. From Piglet and Pooh to Physics and back, many have sought sense in applying the Tao Te Ching to something (the Tao of Physics), or something to the Tao Te Ching (the Tao of Pooh). It can be a cheap trick, but lately it has struck me that there is more than a little to be understood about web design by looking through the prism of the Tao. Article Continues Below Daoism is a philosophy, like Buddhism, a way of living, of being in the world, which stems from a text of great antiquity, the Tao Te Ching, whose 81 “chapters” enigmatically sweep across human experience, but with a strong common theme, that of harmony. For the last couple of years, for better or worse, my life has revolved more than a little around style sheets. What I sense is a real tension between the web as we know it, and the web as it would be. Same old new medium? Controlling web pages#section2 [The Sage] The Way#section5

Marquee element An example of an HTML marquee displaying the text "Wikipedia" Usability problems[edit] Marquee can be distracting.[1] The human eye is attracted to movement,[2] and marquee text is constantly moving. As with the blink element, because the marquee tagged images or text are not always completely visible, it can make printing such webpages to a paper hard-copy an impossible and inefficient task where the specific printed pages where the messages on screen scroll or blink have to be printed multiple times to capture all the pieces of text that could be displayed at any one given moment in time. Because marquee text moves, links within it are more difficult to click than those in static text, depending on the speed and length of the scrolling. Users only get one chance every time it scrolls past. Attributes[edit] Unlike its blinking counterpart, the marquee element has several attributes that can be used to control and adjust the appearance of the marquee. Align Behavior Bgcolor Direction Width Loop

Tendances Web design 2017 : smartphones et contenus La devise « Mobile First » ne s’applique pas uniquement à l’affichage et à la visualisation de contenu Web sans perte sur différents périphériques. La popularisation des appareils mobiles a une influence de plus en plus grande sur le contenu Web. Et l’une des évolutions dans ce contexte est le passage du clic au défilement (scrolling). Le concept du site Web avec une navigation en scroll est ancien, cependant les concepts de design comme les effets Infinite scrolling, long scrolling et Parallax continuent de gagner en popularité et vont rester une tendance importante en 2018. Infinite Scrolling : les tendances Web design 2018 comptent parmi elles une méthode bien connue : le défilement infini (infinite scrolling en anglais), qui permet aux internautes d’accéder à de nouveaux contenus en faisant défiler leurs souris (ou doigt) au lieu de cliquer. Lorsqu’un champ d’informations arrive à sa fin, le suivant est immédiatement chargé. Sass vs. LESS vs. Stylus: Preprocessor Shootout Wielding the true power of a CSS preprocessor is an adventure. There are countless languages, syntaxes, and features, all ready for use right now. In this article, we will be covering the various features and benefits of using three different preprocessors—Sass, LESS, and Stylus. Preprocessors produce CSS that works in all browsers. CSS3 preprocessors are languages written for the sole purpose of adding cool, inventive features to CSS without breaking browser compatibility. The most important part of writing code in a CSS preprocessor is understanding the syntax. Sass and LESS both use the standard CSS syntax. As you may have noticed, this is just regular CSS, which compiles perfectly in both Sass and LESS. It's important to note that Sass also has an older syntax, which omits semicolons and curly brackets. The syntax for Stylus is much more verbose. Using different variations in the same stylesheet is also valid, so the following will compile without errors.

Quels sont les termes les plus utilisés dans les noms de domaine en .fr ? Nous nous sommes livrés à des investigations dans la base .fr pour identifier les termes les plus employés par les titulaires. Nous révèlent-ils quelque chose sur les motivations à déposer des .fr ? Tout d’abord, le constat que le premier terme est « paris », ce qui est très encourageant pour le .paris. Mais au-delà de cette ville emblématique, nous trouvons 4 termes liés à l’économie ou au e-commerce : « service », « conseil », « services » et « shop », 4 termes liés au tourisme et aux loisirs : « sport », « hotel », « restaurant » et « photo » et 3 au secteur immobilier : « maison », « immobilier » et « location ». Les autres termes sont plus difficiles à regrouper en catégories : « saint » (du fait du grand nombre de noms de communes contenant ce terme), « info », « tech », « club »…

13 Graphic Design Blogs to Follow in 2013 Whether you’ve dreamt of becoming a successful graphic designer your whole life or you simply enjoy perusing through delightful designs, graphic design blogs are a great source of education, conversation and inspiration. Some blogs are administered by industry pros who are eager to share their knowledge and experience with others. Some serve as a meeting place for design enthusiasts to interact and gather feedback from each other. Others exist for the sole purpose of exposing the work of designers to inspire others. So for designers of all experience levels, we compiled a list of 13 graphic design blogs you can’t afford to ignore this year. 1. Why follow? While its name may be a bit complicated, its mission is simple: To be an open channel to the design community, encouraging feedback from its followers. You can also follow Adbuzeedo on Facebook, Twitter, and Google+. 2. This blog aims to provide its followers with a daily dose of design tips and inspiration. 3. 4. 5. 6. 7. 8. 9. 10. 11.

html5shiv - HTML5 IE enabling script Dual licensed under the MIT or GPL Version 2 licenses Full original, uncompressed source available here: Source code adds new HTML5 elements (which is simple code), but also supports printing HTML5 elements and includes the default styles for HTML5 elements, like block on article and section. Getting it to work in the browser was easy, @jon_neal and afarkas made IE actually print HTML5 elements - these guys are to take all the credit. Please take a moment to thank them! To use this script, download the html5shiv and roll it in to your own code (ideally minified). Common question: what's the difference between the html5shim and the html5shiv?

MozCamp Warsaw: Design Principles Behind Firefox OS UX | Mozilla UX This is the presentation I gave at MozCamp Warsaw earlier this month. Many people have been asking for it, so it made sense to create a post about it, and give a bit more context the slides. It all started like a “skunks works” project, we had a few people working on many parts… I was contributing a few hours a week, and Josh Carpenter @joshcarpenter was tasked on penning the entire UX with the Visual Design in about a week for the MWC demo, which is a near impossible feat! Since both of our teams were small and had strengths in different areas it only made sense to partner up for v.1 of the OS. At this point (April 2012) with this new partnership I wanted to create a realignment of the visual design. Shapes which are Bold, Geometric but with hints of organic softness.UI that communicates a sense of handcrafted design.Design that is minimal, effective and intuitive but doesn’t feel soulless; has warmth. Common elements in every application: (Diagram thanks to Ian Barlow @ibarlow). YES!

When Editors Design: Controlling Presentation In Structured Content Advertisement Thanks to the skyrocketing popularity of mobile devices, a new generation of designers and CMS developers has found the religion of Structured Content. Once the domain of semantic markup purists and information architects, structured content models are at the heart of most multi-channel and multi-device Web projects. At Lullabot, we often work with media, publishing and enterprise clients. This challenging requirement — providing editors and writers with more control over the presentation of their content — is where many well-intentioned content models break down. The Easy (But Problematic) Answers Sadly, a common response in projects on a deadline is to give up on well-structured, reusable content. To avoid that chaos, some teams go to the opposite extreme. Both of these extremes can make cross-channel reuse more difficult because they all treat design-dependent information as an integral part of the content. Principles That Work Use Grouping and Priority, Not Manual Layout