Veille #37

Le meilleur de mes flux RSS au jour le jour.

Les sujets palpitants du jour sont : Le guide pour apprendre à utiliser Sass; Dix choses à ne pas faire lors de l’intégration d’un email; Le top 100 des blogs de design à suivre en 2013; et bien d’autres encore (30).

En bref, les catégories des articles retenus aujourd’hui.

CSS

Code a Spinning Circular Menu With CSS

Description : Créez un menu rotatif

http://designshack.net/articles/css/code-a-spinning-circular-menu-with-css/

Mots-clés : #design, #css, #menu

Understanding the css clip property

Description : Un article qui explique la propriété clip par l’exemple

http://tympanus.net/codrops/2013/01/16/understanding-the-css-clip-property/

Mots-clés : #css, #propriété, #clip, #exemple

10 Useful Fallback Methods For CSS And Javascript

Description : 10 méthodes pour améliorer sa productivité avec CSS et javascript

http://www.hongkiat.com/blog/css-javascript-fallback-methods/

Mots-clés : #css, #javascript, #aide, #methode, #productivité

W3C ‘Media Queries’ Proposal Boosts Responsive Web Design

Description : Un article qui explique la propriété clip par l’exemple

http://www.developerdrive.com/2012/07/w3c-media-queries-proposal-boosts-responsive-web-design/

Mots-clés : #css, #responsive, #querie, #media, #productivité

The Absolute Beginner’s Guide to Sass

Description : Un article qui explique ce qu’est Sass

http://blog.teamtreehouse.com/the-absolute-beginners-guide-to-sass

Mots-clés : #css, #sass, #productivité

The Absolute Beginner’s Guide to Sass

Description : Un article qui explique ce qu’est Sass

http://learn.shayhowe.com/advanced-html-css/

Mots-clés : #css, #html, #lecon, #elearning, #apprendre, #guide

Business Card

Tips in Designing Business Card for Photography

Description : Des conseils pour créer des cartes de visites pour photographe

http://naldzgraphics.net/tips/business-card-for-photography/

Mots-clés : #conseil, #tips, #photographe, #carte, #visite

PSD

Sliding Tags

Description : Des mots clés avec effet de slide au rollover

http://365psd.com/day/3-239/

Mots-clés : #element, #psd, #tag

Best Free UI PSDs of 2012

Description : Une collection d’UI en PSD

http://webdesignledger.com/freebies/best-free-ui-psds-of-2012

Mots-clés : #element, #psd

Simple To-Do

Description : Une collection d’UI en PSD

http://365psd.com/day/3-237/

Mots-clés : #todo, #psd

Font

9 Fresh Free Fonts

Description : 9 polices de texte gratuite

http://webdesignledger.com/freebies/9-fresh-free-fonts

Mots-clés : #police, #font, #gratuit, #free

Technologie

Graph Search, le moteur de recherche made by Facebook

Description : A la découverte du moteur de recherche facebook « Graph Search »

http://www.abondance.com/actualites/20130116-12195-graph-search-le-moteur-de-recherche-made-facebook.html

Mots-clés : #recherche, #moteur, #facebook

Webdesign

10 don’ts when designing for email

Description : Dix choses à ne pas faire lors de l’intégration d’un email

http://www.webdesignerdepot.com/2013/01/10-donts-when-designing-for-email/

Mots-clés : #design, #email, #conseil

16 beautiful minimal portfolio website template

Description : Dix choses à ne pas faire lors de l’intégration d’un email

http://ibrandstudio.com/inspiration/minimal-portfolio-website-templates

Mots-clés : #design, #minimal, #portfolio, #template

Myspace lance son nouveau web design

Description : Le nouveau design du site Myspace

http://www.blogduwebdesign.com/webdesign-inspiration/myspace-lance-son-nouveau-web-design/868

Mots-clés : #design, #myspace

Web Design Critique #94: HealthyHearing

Description : Le nouveau design du site Myspace

http://designshack.net/articles/critique-articles/web-design-critique-94-healthyhearing/

Mots-clés : #webdesign, #critique, #analyse

Spectacular New Web Design Inspiration – 32 Creative Sites

Description : Une collection de 32 sites spectaculaire pour votre inspiration

http://www.designyourway.net/blog/inspiration/spectacular-new-web-design-inspiration-32-creative-sites/

Mots-clés : #inspiration, #webdesign

Creativity With Skill: Showcase of Hand-Drawn Elements in Web Design

Description : Une collection de design reprenant des illustrations dessinées à la main

http://www.noupe.com/showcases/creativity-with-skill-showcase-hand-drawn-elements-web-design.html

Mots-clés : #inspiration, #webdesign, #dessin, #main

Modern Design Trends for Landing Pages

Description : Une collection de design reprenant des illustrations dessinées à la main

http://webdesignledger.com/tips/modern-design-trends-for-landing-pages

Mots-clés : #inspiration, #webdesign, #tendance, #landing

Interface Concepts for Modern eCommerce Web Design

Description : Des concepts moderne pour vos sites e-commerce

http://speckyboy.com/2013/01/16/modern-ecommerce-web-design/

Mots-clés : #inspiration, #webdesign, #tendance, #ecommerce, #concept

Why did infinite scroll fail at Etsy?

Description : Une étude de cas menée sur le site e-commerce Etsy sur le scroll

http://danwin.com/2013/01/infinite-scroll-fail-etsy/

Mots-clés : #analyse, #test, #scroll

50 Best Parallax Scrolling Examples for Web Designers

Description : 50 exemples de site web utilisant le scroll parallax

http://www.designzzz.com/parallax-scrolling/

Mots-clés : #design, #html5, #parallax

A look back mailchimp 2012

Description : Le résumé de mailchimp pour l’année 2012 présenter d’une très belle façon

http://mailchimp.com/2012/

Mots-clés : #design, #html5, #mailchimp, #presentation

Infographie

Top 100 Design Blogs To Follow In 2013 [Infographic]

Description : Une liste de 100 sites de design classés par nombre de follow

http://www.coalesceideas.com/top-100-design-blogs-follow-2013-infographic/

Mots-clés : #infographie, #design, #blog, #rss, #follow ,#veille

Outil

Using Web Workers to Speed-Up Your JavaScript Applications

Description : Web Workers un outil pour améliorer vos applications javascript

http://blog.teamtreehouse.com/using-web-workers-to-speed-up-your-javascript-applications

Mots-clés : #javascript, #html5, #application #performance, #organisation

Flatsies

Description : Un outil pour que les designers partagent leur travaux avec leurs clients

http://flatsi.es/

Mots-clés : #javascript, #html5, #application #performance, #organisation

Vidéo

Cascada Film

Description : Un film qui nous montre des cascades en Kayak, très bien filmé

http://www.fubiz.net/2013/01/16/cascada-film/

Mots-clés : #video, #cascade, #eau, #image

Tutoriel

Design a Mini vCard in Photoshop [Tutorial]

Description : Un tutoriel pour créer une mini vCard sous photoshop

http://bloomwebdesign.net/myblog/2013/01/design-a-cute-mini-vcard-in-photoshop-tutorial/

Mots-clés : #tutoriel, #vcard, #photoshop

HTML5, web-workers : le monde parallèle du javascript

Description : Comprendre les web-workers pour exécuter du code en parallèle

http://www.siteduzero.com/informatique/tutoriels/html5-web-workers-le-monde-parallele-du-javascript

Mots-clés : #html5, #web, #workers, #parallele, #code

Article/Presse

Facebook fait de la « recherche sociale » un de ses nouveaux piliers

Description : Un article sur le nouveau moteur de recherche de facebook

http://www.lemonde.fr/technologies/article/2013/01/16/facebook-devoile-son-moteur-de-recherche-social_1817569_651865.html

Mots-clés : #facebook, #recherche, #social

Les idées folles des salariés de Facebook

Description : Un article énumérant les idées folles proposées par les salariés facebook en 2012

http://www.journaldunet.com/ebusiness/le-net/projets-fous-facebook-hackathon/

Mots-clés : #facebook, #idée, #folle, #salarié, #hackatons

Flash chute, JQuery monte en puissance, et Apache se replie

Description : Dossier sur les langages de programmation en vogue ces temps ci

http://www.journaldunet.com/developpeur/algo-methodes/les-technologies-web-les-plus-utilisees/

Mots-clés : #dossier, #langage, #programmation, #tendance

Photo

The Secrets of Photoshop’s Retouching Tools (Part 2)

Description : Une vidéo expliquant comment se servir des outils de retouche

http://psd.tutsplus.com/tutorials/tools-tips/retouching-tools-part-2/

Mots-clés : #photo, #retouche, #photoshop

Ergonomie

iNoobs: Why Usability Testing Is Important

Description : Un article qui explique pourquoi les tests d’utilisabilité sont important

http://inspiredm.com/inoobs-why-usability-testing-is-important/

Mots-clés : #utilisabilité, #test

Javascript

20 Useful jQuery Modal Plugins

Description : Un article qui explique pourquoi les tests d’utilisabilité sont important

http://inspiredm.com/inoobs-why-usability-testing-is-important/

Mots-clés : #javascript, #jquery, #plugins

Photoshop

How to Make Instagram Filters in Photoshop: Earlybird

Description : Tutoriel pour reproduire un des effets d’instagram

http://photodoto.com/how-to-make-instagram-filters-photoshop-earlybird/

Mots-clés : #tutoriel, #effet, #instagram

Icone

Fi iconography

Description : Les magnifiques icones réalisées par l’agence fantasy interactive

http://www.f-i.com/fi/icons/

Mots-clés : #icone, #agence, #portfolio

Ce contenu a été publié dans Veille Technologique. Vous pouvez le mettre en favoris avec ce permalien.