background preloader

Website Awards - Sites of the day

Website Awards - Sites of the day

http://www.awwwards.com/awards-of-the-day

Related:  site d inspirationdesign web

Ombres avancées avec CSS3 et box-shadow CSS3 c’est pour l’aspect vendeur du nom, car au final on va aussi et surtout bénéficier du service de pseudo éléments (:after et :before) qui sont prévus depuis CSS2.1. Les visuels que vous voyez sur la page de démonstration ne sont composés qu’avec des propriétés CSS sur une seule et unique <div> (pour chaque bloc). Chez moi le meilleur rendu est sous Firefox, notamment pour la dernière ombre qui est un peu osée (au passage il semblerait que la propriété opacity ne fonctionne pas sur les pseudo-éléments). Dans cette démonstration nous allons utiliser des propriétés avancées de CSS2.1 (:before et :after) qui sont des pseudo-éléments. Des pseudo-éléments permettent de construire un élément dans la structure de votre document (DOM) sans vraiment en construire un… ok, ça commence bien pour l’explication.

Bureau auto-alimenté par Pedal Power Voici un concept assez original qui allie travail et remise en forme, inventé par les new-yorkais de « Pedal Power ». Le principe est simple, vous pédalez et vous créez votre propre électricité qui alimente votre ordinateur et de nombreuses autres machines. Un concept qui est commercialisé (2000$) et qui sensibilise les personnes à l’effort physique.

Plugins et scripts JS pour des slideshows responsive - JavaScript / jQuery Après vous avoir proposé cette sélection de slideshow il y a maintenant deux ans, celle que je vous propose aujourd’hui vient compléter un nouveau besoin réel : le responsive et la prise en charge des actions au touch. Je vais vous présenter 3 outils qui se ressemblent et qui proposent tous leurs particularités. C’est devenu un vrai besoin si vous concevez des sites web modernes pour vos clients. Aujourd’hui il est difficile de passer à côté du slideshow dans la demande qui accompagne un site web, et même si le slideshow n’est pas toujours indispensable, lorsque vous aurez besoin de le faire, autant vous armer des bons outils.

16 portfolios créatifs pour votre inspiration Présenter ses créations en ligne n’est pas toujours une mince affaire… Dois-je utiliser une plate-forme ou créer ma propre vitrine ? Nous allons parler ici des designers qui ont choisi la seconde option avec 16 portfolios créatifs pour votre inspiration. « Un designer est souvent son pire client » : Cette phrase résonne souvent sur les réseaux sociaux ou dans les conversations de webdesigners telle une vielle rengaine. Réaliser son portfolio demande du temps, de la réflexion et de l’énergie.

Top 77 des packaging insolites, design et carrément géniaux Dans notre série des objets du quotidien au design original, voici les packaging de produits les plus fous. Certains sont en vente, d'autres sont restés à l'état de projets, mais ils ont tous en point commun : une bonne dose de créativité et de talent ! Réinviter le quotidien de si belle manière, on ne s'en lasse pas... (MAJ janvier 2014) Sympa non ? Sources : Bored Panda, Dzine blog 360, Demliked, Oddee, Onextrapixel et packaging of the world

Un site web dynamique avec jQuery ! Bien le bonjour à vous ! JavaScript est un langage devenu incontournable en l'espace de quelques années, principalement dans le paysage du web. Et pour cause ! 25 portfolios de créatifs Vous êtes à la recherche d’un graphiste, vous souhaitez trouver des portfolios de professionnels pour votre projet de création graphique et de webdesign ? Aujourd’hui je vous propose une sélection de 25 graphistes à découvrir absolument! Olyos Webdesigner Freelance à Nantes Site : www.olyos.fr Profil : www.folioway.com/?profil=olyos-freelance-webdesigner-nantes Blog : Olybop.info 5 talentueux Webdesigners et Designers d’interface #2 Faites le plein d’inspiration et suivez les dernières tendances en matière de design d’interfaces : web, applications, mobile ou icônes. Voici 5 nouveaux talentueux designers d’interfaces. 1. Kim Roar Dag Steen Trollsås Derrère ce nom un peu long se cache un talentueux webdesigner norvégien. Ses designs épurés, souvent basés sur des grilles sont d’une efficacité redoutable et jouent presque toujours avec l’emploi de belles photographies.

Vos premiers pas avec jQuery ! Pour commencer à travailler avec jQuery sur votre site web, il va falloir tout naturellement l'inclure dans vos pages. Voyons ici comment l'on va procéder. Deux méthodes pour inclure jQuery dans vos pages web 100 packaging ultra design pour l’inspiration Rédigé par :: Grégory Catégorie :: dossier,Médias marketing Parce que l’on mange aussi avec les yeux, le packaging est notre premier contact avec le produit. Véritable argument de vente, les agences et créatifs du monde entier rivalisent d’originalité pour présenter le produit de la manière la plus séduisante possible.

Se lancer dans Sass Qui a encore peur aujourd'hui de Sass et des préprocesseurs en général ? David Demaree nous montre dans cette introduction claire et complète la simplicité et l'utilité de Sass. Indispensable, vraiment. Par David Demaree La simplicité de CSS est depuis toujours l’une de ses caractéristiques les plus agréables. Les feuilles de style CSS ne sont au fond que de longues listes de règles, chacune consistant en un sélecteur et quelques styles à appliquer.

Related:  Web Designraimoldovanweb design