AGENCES. TUTORIELS. FONTS. PROTOTYPAGE. GRAPHICS. COLORS. TINY PNG/JPG. SIZMEK. 14 Mockup Templates for Easy Website Hero Images. 365 awesome designers. Design Tips, Tutorials and Inspiration - Page 2. Indieground | Indieground Graphic Design Resources & Blog. 500+ Free Mockup Templates PSD Designs » Css Author. Beautiful Maps. Tintins. 15 nouvelles expériences WebGL / HTML5. Le WebGL est en passe de devenir un standard incontournables pour créer des sites immersifs et à l’expérience poussée. Pour en prendre plein la vue, j’ai sélectionné pour vous 15 nouvelles expériences originales ! Si vous suivez le blog régulièrement, vous savez probablement que je vous propose une veille régulière sur les expériences HTML5 et WebGL.
Petit rappel, comme le dit si bien Wikipédia : « le WebGL est un langage de programmation qui permet d’afficher, de créer et de gérer dynamiquement des éléments graphiques complexes en 3D dans la fenêtre du navigateur web ». C’est à partir de là que tout devient possible… Petit retour dans le passé Peu après la naissance du web, ce type d’expériences voient le jour de manière ponctuelles, notamment grâce à Flash.
Hélas, cette solution est lourde, propriétaire et nécessite donc l’installation d’un plugin. WebGL = le web de demain d’aujourd’hui Share The Force Wipeout Une expérience qui ravira les fan de Playstation 1 et son mythique jeu Wipeout. Z. Join the 3D Revolution. Les Gifs animés en boucle de Mathew Lucas vont vous hypnotiser ! Le designer anglais Mathew Lucas semble avoir maîtrisé l’art d’hypnotiser les gens à l’aide d’images animées en boucle. Ses petites animations en gifs sont incroyablement originales et efficaces !
Loin de l’illustration classique et à mi-chemin avec le motion design, le terrain d’expression qu’il a choisi est original et prouve qu’il peut être aussi créatif que ceux précédemment cités. Ses animations sont variées : quelque fois il s’agit de simple animations géométriques abstraites, quelque fois de petites scènes modélisées en low poly, quelque fois encore de petits personnages et même des véhicules du vieux jeu vidéo Wipeout qui m’ont fait retomber en enfance. Le choix de couleurs souvent acidulées et son sens du rythme rendent ses gifs animés ensorcelants. Personnellement, je n’ai pas vu passer le temps en parcourant sa galerie… et elle est longue ! Portfolio de Mathew Lucas Pas de vilain spam, c’est promis ! Auteur: Gaétan Weltzer, comme toujours en fait. 1K+inPartager0.
Web Design Ledger - By Web Designers For Web Designers. BeTheme. FontForge Open Source Font Editor. SVG PORN — 500+ high quality svg logos. Vérifiez en 5 minutes chrono si votre référencement naturel est bon... ou à chier ! Est-ce que le référencement naturel de mon site internet est bon ou pas ? Cette question, on me la pose quasiment tous les jours… C’est pourquoi dans cet article, je vais vous donner une astuce simple et rapide pour vérifier en 5 minutes chrono si votre site est bien référencé, en particulier face à vos principaux concurrents. En effet, depuis que Google masque dans Google Analytics les mots clés à l’origine du trafic sur votre site Web, il est difficile de deviner sur quels mots clés vous êtes bien référencé, mal référencé… voir totalement absent !
Pour cela nous allons utiliser SEMrush (essai gratuit sur CE LIEN). Même si vous ne connaissez rien en référencement naturel, si vous n’avez pas de connaissance en informatique… vous allez avoir une bonne image de votre situation. La base est de savoir si pour les mots clés qui attirent des prospects vous êtes bon ou pas… Si on le représente de manière graphique, vous avez : Partie 1 – Analysez votre référencement naturel comme le voit Google ! All – PSD Repo. FontReach. Prototypo - New UI. Rawcode. Joomeo - Stockage de photos et partage de photos HD en réseaux privés. Pixel Map Generator | amCharts.
Img2css | Convert any image to pure CSS. Inspiration pour les intégrateurs #57 : Calendriers. La création de calendrier en HTML et Javascript, ce n'est pas simple ! Compacts pour afficher le maximum d'informations dans le minimum d'espaces tout en restant clair et exhaustif, suffisamment souple pour s'adapter à tous les supports malgré des besoins légèrement différents pour chaque format, les pri-requis d'un bon calendrier sont nombreux. Pour vous aider à créer votre propre calendrier remplissant tous ces critères, je vous propose de découvrir cette liste d'une dizaine de calendriers en HTML/CSS/JS. Mention spéciale au premier de la liste, qui se paye le luxe de ne pas utiliser de Javascript pour cette démo. En bonus, découvrez aussi cette date et heure en binaire, qui n'est certes pas un calendrier et ne mérite donc pas de figurer dans la liste, mais qui vaut vraiment le coup d'oeil tout de même. Note : comme vous pouvez le voir, Codepen propose maintenant d'insérer les pens en mode preview, pour éviter de tuer les ordinateurs affichant un page un peu chargé.
FontBase — a blazing fast, beautiful and free font manager for Windows. Le Mugs - Flagrant délit de gourmandise. Screen on Behance. The Best Designs - Web Design Inspiration. 50 Inspirational Web & UI Styleguides of Popular Brands. A UI web style guide, as defined in Wikipedia, ensures consistency and cohesiveness in different web pages as well as enforces best practice in usage.
Beyond that, however, style guides can inspire and encourage other creatives and create an enjoyable experience for users. 1.Twitter Twitter, the micro-blogging and social networking site we have all come to love, takes pride in the tweets composed of not more than 140 characters, @username, and timestamp. Check out the UI style and web guidelines of Twitter and find out how to properly use its bird trademark logo and other graphic elements in whatever project you are planning to work on.
Twitter is more than just 140 characters 2. Adobe Corporate Brand Adobe Systems Incorporated is an American multinational computer software company that has been reputed for its award-winning products. Adobe is primarily represented by its logo and colors; thus, they are so strict about how to use them properly. 3. Mozilla has one of the best style guides 4. Typement. Our Brand Is Crisis – Official Movie Site – In theaters October 30, 2015. HOME | SEHSUCHT.
Blog. Knife teaser - A great use of Element 3D Andrew Kramer has recently published on his blog a video made by the team of Knife Film , making very good use of the plugin 3D Element in a teaser that is worth... Shave It: nature takes power back in a colorful short film After hundreds of thousands of views on vimeo, few of you should have missed Shave it, the colorful short film from the argentinian studio 3dar . But when Jorge Teres... Dans cet article : 3dar Cineware makes Cinema 4D part of the upcoming after effects Maxon and Adobe hits hard with the release of this new effect : Cineware.
After Effects Next : All the new features of the upcoming version At the occasion of NAB 2013, starting this week-end in Las Vegas, Adobe will unveil its next generation of video products. Adobe unveils the future of rotoscoping in After Effects Adobe recently released a video showing the evolution of rotoscoping techniques in After Effects. New website - Ready for 2013 Morgan Villette The Mill, McBess Back soon Buck. 7 ressources Javascript pour manipuler des cartes de manière intéressante. Aujourd'hui, le BlogDuWebdesign vous apprend à lire dans les cartes grâce à 7 ressources Javascript ! Mention spéciale à la ressource/tutoriel créée par Lucas Bebber pour Codrops, qui donne des idées pour tout ce qui est compte-rendu de voyages ou souvenir de vacances !
Kartograph Kartograph est en réalité un set de deux outils qui vous permettront de créer des cartes sans passer par l'outil de Google ! Le premier outil, en Python, vous permettra de générer vos cartes en SVG (compatible illustrator !) , et un second outil en Javascript vous permettra d'afficher vos cartes en SVG dans un navigateur et les rendre dynamiques. Clickable maps Clickable maps est un jeu de plusieurs cartes cliquables entièrement en CSS (customisables et fonctionnant partout). Attention, certains fonds de cartes sont payants malheureusement (5 euros pour la carte des nouvelles régions de France par exemple).
StorytellingMap ClassyMap Besoin d'intégrer une google Map, mais aucun développeur sous la main ? jQuery Mapael. Voxygen | Voxygen.