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 Related:  Web Dev Loading Bay

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é.

Welcome To Web Design Degree Center - Web Design Degree Center Responsive & Adaptive Web Design If you work in or with the web and make even a modicum of effort to remain buzzword compliant, you're probably uber-familiar with the term "responsive web design." Perhaps you've also heard of "adaptive web design" and "progressive enhancement"? If you're like me, you may have found yourself wondering what exactly these words mean, what the differences are, and why everyone seems so giddy to use them in a sentence. Humble Beginnings Let's start by acknowledging that the web, by its very nature, began as a rather "responsive" thing. Designers Are Control Freaks As the web evolved into something that more and more businesses were using, more and more designers could get paid to work on making websites instead of brochures, annual reports, business cards and the like (not that there's anything wrong with those). Tiny Screens & Slow Internet to the Rescue! And then there were iPads A responsive response Fluid GridsFlexible ImagesMedia Queries An adaptive response But, isn't it all so responsive?

13 Excellent jQuery Animation Techniques | Tutorials Only a few years ago, if something was animated on a website it was automatically assumed to be Flash. However, this is not the case today. With the growing popularity and wide spread use of JavaScript frameworks, sometimes you have to take a closer look to find out what is powering all of those smooth animations. With several JavaScript frameworks available, jQuery is quickly becoming a favorite. Building an Animated Cartoon Robot with jQuery Animate a hover with jQuery How To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery CSS Sprites2 – It’s JavaScript Time Build An Incredible Login Form With jQuery Learning jQuery: Revealing Photo Slider Learning jQuery: Fading Menu – Replacing Content Using jQuery for Background Image Animations Animated Menus Using jQuery Create a Cool Animated Navigation with CSS and jQuery Animated Drop Down Menu with jQuery jQuery Tutorials for Designers How to Load In and Animate Content with jQuery About the Author Related Posts

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 »…

JavaScript 101, Beginner's Guide to Learning Block / Inline JavaScript JavaScript is a programming language that web browsers understand. You can use it to make your web pages interactive by: Responding to user actions and changes on the pageManipulating the web page’s contents and behaviourCommunicating with the user directly You can do just about anything you want with a web page, using JavaScript. In this introductory tutorial and the series to follow, I’ll introduce the JavaScript language and how to write it, through a series of practical worked examples. Example 1: Hello World! “Hello World!” What we want to do When the user clicks a button, show the message, “Hello World!”. Step 1: Create a button Our web page needs a button to click: Let’s explain the various bits of the HTML: Try clicking the button… Did anything happen? This is exactly right, because we haven’t told the page that anything should happen when the button is clicked. Making something happen with inline JavaScript The easiest way is to write what we want to happen into the button tag itself.

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.

Future of Web Design Conference 2011 – Day 2 Review Posted on 15'11 Nov Posted on November 15, 2011 along with 7 JUST™ Creative Comments The 2011 Future of Web Design Conference was recently held in NYC and I was fortunate enough to attend the two days of talks. Below is the summary of Day 2. The Day 1 FOWD summary can be found here. As a disclaimer, these notes were quickly jotted down & summarised and may not be understood out of context but I’ve done what I could from my notes. Below are the summarised keynotes which you can click to jump to. Pith, Passion & Productivity – Cameron Moll How can you make a name for yourself? “If you don’t write, you don’t know how you think.” – Jeffrey Zeldman“The details are not details, they make the product.” – Charles EamesWords with pith, convey knowledge & personality.Good writing not only comes from grammar & sentence structure, but practice.Start writing, don’t just convey information but write with authenticity, passion & pith. Recommended reading: Editing tips for designers Who’s A-Game Pithy? 1.

Trend alert: 20 animated website designs In order to be a great designer, you need to be on top of the trend before it becomes a trend. Being able to have this sense of what’s going to take off is key in creating a wonderful product. You’re recognized for being one of the ‘firsts’ and you’re also given props for your innovation and new approach to common problems. All this is great and desired. With advances in technology, I think it’s safe to say one of the trends to look forward to are animated web designs. Le Singe Fume Sa Cigarette This website is odd and creative. Adventure World There are many theme parks that have websites that normally just tell you about attractions and how to go about purchasing tickets. Pragmatic Mates Pragmatic Mates is a creative studio that focuses in app development and creation. This is another simple project or experiment that illustrates music in real time. blacknegative Blacknegative is one of my most favorite sites. Copywriters of Distinction Denise Chandler Blue Acorn Games We Played

Related:  accessibility