background preloader

Web Design 2

Facebook Twitter

30 web designs tendances pour Août 2015. Annual Report 2014. Jan 2014.

Annual Report 2014

Heart Kids New Zealand. History of Icons – a visual brief on icon history by FUTURAMO. Philippehong. Joseph a avoué, Maison de détail - Gabrielle Aries. Harbor Suites. Introduction - Camping in Grabouw Lake. Super Top Secret. Christmas Experiments. Bouncy Navigation. Unheap - A tidy repository of jQuery plugins. Casey Britt — Digital Art Director, Designer, Developer, Creative – New York, NY. 8 outils réservés aux webdesigners fûtés. Les 8 outils qui suivent vous feront gagner du temps et éviter des crises de nerfs.

8 outils réservés aux webdesigners fûtés

Ils vous permettront de partir du bon pied sur vos nouvelles créas et d’améliorer les précédentes. Ils vous aideront à mieux communiquer avec vos équipes et vos clients et à vous organiser plus efficacement. Si tout ça ne vous intéresse pas, surtout arrêtez de lire tout de suite. 10 ressources Javascript pour créer la bonne navigation en toute situation. La navigation de votre site web n'est pas à prendre à la légère.

10 ressources Javascript pour créer la bonne navigation en toute situation

Point central de l'ergonomie, elle pourra souvent faire la différente entre un simple visiteur et un lecteur/utilisateur régulier. Votre navigation se doit de s'adapter aux besoins spécifiques de votre contenu tout en restant la plus simple possible, pour rester dans la zone de confort de votre utilisateur et le pas le perdre. Face à ce genre d'enjeu, je vous propose une série de 10 ressources associées à divers exemples d'utilisation, qui vous permettront d'essayer et d'adopter des solutions certes par forcément originales, mais souvent testées et approuvées. La navigation principale de son site Les navigations les plus fréquentes sont évidemment les navigations principales, qui permettront à vos utilisateurs d'accéder aux différentes sections de votre site.

Des navigations contextuelles Quand on pense aux navigations contextuelles, on pense souvent aux menus contextuels, comme les clics droits, par exemple. Headhesive demo - Mark Goodyear. Headhesive.js creates an on-demand sticky header.

Headhesive demo - Mark Goodyear

Specify where you want your header to become fixed and the rest is magic. Scroll to see it in action. Ajax et WordPress : le guide. L’Ajax est un produit d’entretien … mais pas seulement.

Ajax et WordPress : le guide

C’est aussi une technique qui permet aux développeurs de concevoir des sites dynamiques. J’ai déjà abordé ce sujet au travers de plusieurs articles chez SeoMix et ailleurs, mais ceux-ci ne sont plus forcément à jour, la technique évoluant rapidement et sa prise en charge par les moteurs également. Il y a quelques semaines par exemple, Google a annoncé avoir arrêté le support de l’escaped_fragment, une méthode qu’il avait lui-même créé et incité à utiliser, pour permettre l’indexation de l’ajax. Alors quand Daniel m’a proposé de revenir parler de l’ajax, j’ai répondu présent. WebGL Fluid Experiment. Hello Play. Avoid Online Fraud. PussyWalk.

Beagle by Podio: Proposal Software. DJECO. Design & Illustration – Strasbourg. Coworking NamurEspace de Coworking Namur : Location de bureaux et de salles. Numéro10 - The Agency for Synchronised Communication - SyncBig! - numéro 10 - numero10. Muriel Delcorps - Infographiste Multimédia.

7 ressources Javascript pour manipuler la vidéo de manière originale. De plus en plus de sites se mettent en valeur grâce à diverses animations au survol, au scroll de la page ou tout simplement en continu.

7 ressources Javascript pour manipuler la vidéo de manière originale

Pour les réaliser, il est bien sûr possible de faire appel à des techniques comme canvas, ou des animations en SVG, mais la barrière technique est assez lourde : trop peu de ressources, et beaucoup trop de temps nécessaire pour obtenir un résultat satisfaisant. Et si la vidéo était une solution de secours . Que ce soit sous forme naturelle en HTML 5 ou transformés sous forme de Gif, elle pourrait bien remplacer certaines animations nécessaires à votre site ! 7 Ressources pour manipuler la vidéo de manière originale Gifshot Gifshot est une library Javascript vous permettant de transformer une vidéo, une pile d'images ou un flux (une webcam par exemple) en gif, que vous pourrez contrôler avec Gifplayer. Scroll video Ce petit pen vous propose un moyen de gérer la position de la vidéo avec le scroll de la page.

CoverVid. Why is it special?

CoverVid

For starters, it makes your HTML5 video behave like a background cover image, but other plugins also do that. CoverVid is very lightweight, with only 800 bytes of Javascripts. It is usable in native Javascript and jQuery. Its' logic is parent based, meaning the parent element can be any size (Not necessarily just a full-screen background). How do I use it?

Home - Claudio Cerri's Illustrator portfolio, children, young adults. Parallax - Ressources gratuites - tendance webdesign 2014. Vous voulez mettre des effets parallax sur votre site web?

Parallax - Ressources gratuites - tendance webdesign 2014

Voici une liste des meilleures ressources gratuites que vous pouvez utiliser: Tutos, framework,plugins, webdesign, sliders ! Comme vous le savez, cela fait quelques mois que le terme “parallax” a fait son apparition. Le terme Parallax s’applique lorsque divers éléments du site (background, contenu, etc.) bougent avec une vitesse différente, créant ainsi un effet de profondeur ou de décalage. Comme expliqué dans cet article sur les tendances en webdesign en 2014 (et sur plein d’autres sites spécialisés), le parallax design est une des tendances fortes pour le web en ce moment.

Ci dessous vous trouverez une sélection de ressources (frameworks, plugin Jquery, exemples de site et tuto) pour mettre en place un webdesign parallax. Parallax.js. Accueil - MaevArt.