background preloader

Unheap - A tidy repository of jQuery plugins

Unheap - A tidy repository of jQuery plugins

http://www.unheap.com/

Related:  Web Design 2CSS Designpartage ~ communication ~ outilsWebdesign

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. 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. Mais si vous faites partie des webdesigners fûtés qui veulent optimiser leur temps et améliorer leur production, vous devriez y trouver votre compte. 1.

7 Thèmes Wordpress pour votre Portfolio (Graphistes, Illustrateurs, Développeurs, etc) Vous le savez bien, WordPress n’est pas uniquement un outil de création de blog. Dans cet article je vais vous présenter une série de 7 thèmes pour créer votre portfolio sous WordPress. Que vous soyez designer, développeur ou autre sachez que vous pouvez rapidement mettre en place votre portfolio en ligne avec WordPress et un thème qui va bien. Freelance, graphiste, illustrateur ou développeur, vous trouverez des design de tous les goûts pour votre site professionnel qui mettrons en avant vos réalisations. 1 – Visia : Magnifique Portfolio WordPress en Une Page Visia est mon préféré de la série (non non, je ne cherche pas à vous influencer ^^).

Outils de capture d'écran d'une page d'un site en entier et envoi sur Pinterest - Stéphanie Walter : Design web et mobile, UX et UI design J’ai souvent besoin de faire des captures d’écran d’une page d’un site en entier pour envoyer des retours à un client, pour faire des images pour mon portfolio ou pour envoyer sur Pinterest pour alimenter mes galeries d’inspiration. Avant ma technique se résumait à faire une capture de ce qui est dans le navigateur, scroller, faire une capture, scroller, puis faire un puzzle sur Photoshop. Oui, c’était très archaïque comme technique. Fort heureusement il existe plusieurs plugins et outils en ligne qui permettent de faire très rapidement en quelques cliques. Je ne pense pas être la seule avec ce genre de besoins, je vous partage donc dans cet article “pense bête” mes 3 trouvailles préférées. Superbe capture d’écran – extension Chrome

20 ans de design web – L’évolution et les grandes tendances Détail Formation a travaillé avec Tommy Ferlatte et son équipe en 2008 pour la refonte de son site Web. Reconnu entre autres pour son expertise en design Web, Tommy a récemment rédigé un article sur cette évolution et les tendances 2012. Le design web a connu une évolution marquante depuis le premier site lancé par Tim Berners-Lee, il y a plus de 20 ans. Contrairement aux autres catégories de design, le web design doit son évolution, parfois forcée, à la technologie. Parfois contraignante à la créativité et d’autres fois plus propice.

10 exemples incroyables d’effets de survol en jQuery / CSS3 Accueil > Inspiration Design > jQuery / CSS3 / HTML > 10 exemples incroyables d’effets de survol en jQuery / CSS3 mercredi 2 avril 2014, par Wonka Trouvez ici toute la puissance de jQuery couplé avec CSS3 pour la création d’animation et d’effets de survol pour le webdesigns. Le développement de site internet notamment du front end passe aujourd’hui exclusivement via l’élaboration d’une expérience utilisateur adaptée et optimisée. Pour rendre cette expérience toujours plus dynamique et attractive le JS et notamment ces frameworks comme jQuery sont apparu. 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. 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.

Une superbe "liquid progress-bar" en CSS Rafael González un amoureux de CSS et de HTML vient de sortir sur sa page Codepen tout une série de choses entièrement faites à l’aide de CSS sans un seul morceau de JavaScript. Celui que je préfère c’est la barre de progression transparente « liquid progress-bar » que je trouve vraiment bien réalisé et que j’utiliserai peut-être d’une façon un peu différente dans un de mes futurs projets. Evernote : 15 astuces à connaître pour bien l'utiliser Les fonctionnalités et outils proposés ici sont accessibles aussi bien aux utilisateurs de comptes Evernote gratuits qu’à ceux qui ont opté pour un compte Premium. 1. Transformer des pages web en notes Parce qu’on trouve un tas de choses intéressantes sur Internet, la conversion de pages web en notes Evernote est bien entendu possible.

Les propriétés CSS :nth-child et :first-child Afin de styliser en CSS une liste d’éléments, que ce soit pour la navigation de votre site web ou pour une liste dans vos contenus, vous pouvez utiliser un « ID » différent pour chacun de vos items. Cependant, cela aura comme inconvénient de vous créer plusieurs lignes de codes qui auraient pu être évitées à l’aide de différentes propriétés telles que :nth-child, :nth-of-type, :first-child et :last-child. Ces propriétés sont également très utiles lorsque vous avez une liste avec énormément d’éléments. Voici un article illustrant à merveille l’utilisation de chacune de ces propriétés CSS dans différents contextes afin d’avoir un contrôle absolu sur vos listes HTML. L’article suivant a été écrit par Chris Coyier du site web CSS-Tricks.com Sélectionner seulement le 5e élément

Related:  JavascriptJSJQueryWeb Design & archijquery pluginsFrontend, JSJqueryJavascript