The Day's Color. Grid Based – Curated Showcase of Grid Based Design. Design By Grid.
Introduction - Material Design - Google design guidelines. Off-Canvas Menu Effects - Top Side. Responsive. Maps Engine. CSS3.0 Generator. Animated Checkboxes and Radio Buttons with SVG. Creative Button Styles. 15+ Free Super Subtle Background Textures. Keeping your designs clean, subtle and elegant is one of the core principles of effective design, it is often hard to add depth and visual flare to your work without compromising the overall design.
With this in mind I decided to bring together a collection of 15+ super subtle background textures that are free to download and use in both your personal and commercial works – these textures are really subtle and are a great way to add a little extra background depth to your designs. Take a look and see what you think, I know I will use some in my future projects!
10 Dark Subtle Patterns (.PAT) WordPress: créer un thème « enfant » Indispensable pour personnaliser wordpress!!
Reprise de la page du codex wordpress: fr:Thèmes Enfant « Un thème WordPress enfant est un thème qui hérite des fonctionnalités d’un autre thème, appelé parent et vous permet de modifier et/ou d’ajouter des fonctionnalités au thème parent … … Ainsi, lorsque le thème parent est mis à jour, vos modifications sont conservées. C’est pour cette raison que les thèmes enfants sont recommandés pour modifier un thème« 1) Structure du répertoire: 2) Le fichier style.css obligatoire. WordPress: créer un thème « enfant » Photoshop Etiquette.
30 webdesign tendances pour Septembre 2014. 7 webdesigns à connaître pour 2014. Sur la même lancée que les tendances digitales et social media pour 2014, nous allons voir 7 webdesigns à connaître en cette fin d’année et pour 2014. #1 Interface « type application » Basé sur le principe que les utilisateurs ne veulent pas « voir et lire », mais plutôt « voir et faire », le webdesign type application répond à cet insight.
Le webdesign des réseaux sociaux comme Facebook ou LinkedIn sont construits sur ce principe. #2 Collapse content Ce webdesign permet aux utilisateurs d’afficher le menu de navigation lorsqu’ils en ont besoin. . #3 Contenus segmentés Que ce soit les visuels ou les textes, ils sont clairement segmentés. . #4 L’interface « actions » Ce webdesign suit les attentes de l’utilisateur dès le premier plan pour satisfaire ses besoins que ce soit une recherche, une inscription, un achat, … Où trouver de l'inspiration pour du design mobile. Faire de la veille, trouver de l'inspiration et se tenir au courant de ce qui se fait dans le domaine du web fait partie de notre quotidien.
Il n'est pas toujours facile de trouver rapidement ce que l'on cherche, surtout dans le monde du design mobile. Installer toutes les applications d'un store n'est pas non plus forcément une solution pratique. Je vous propose donc pour l'été une petite liste de sites bien sympathiques où trouver de l'inspiration en matière de mobilité. Je les affectionne tout particulièrement car ils proposent un classement par patterns. Entendez par là que vous pourrez donc chercher un élément de design en particulier comme une navigation, une popup ou encore une liste sur mobile.
Bonne inspiration :) Android Ces trois sites proposent des captures d'écran d'applications Android Androidux.com Androidpttrns.com Android-app-patterns.com. Créer des GIFs animés de présentation d'UI/UX Design. Réaliser une petite animation pour présenter son site web ou son application mobile est un bon moyen de faire une démonstration de celle-ci.
En effet, il devient beaucoup plus facile de s'imaginer soit même l'utiliser. Pourtant, réaliser une animation nécessite souvent des compétences en logiciels vidéos tels qu'After Effects, et prennent beaucoup de temps à réaliser. Je vais vous proposer une méthode qui fonctionne plutôt efficacement, et qui n’est pas très compliquée à mettre en place. Il doit exister bien d’autres moyens d’arriver à un tel résultat, mais celui-ci me parait être un des plus faciles. Cet article a été publié initialement sur le blog personnel de l'auteur, edenpulse à la date du Vendredi 26 Septembre 2014. Magazine Webdesign, Inspiration et tutoriels.
Créer un layout responsive. Tout d’abord quelques liens pour théoriser: Et des exemples par millier: mediaqueri.es Spécial Navigation: bradfrostweb.com/blog/web/responsive-nav-patterns/
Préparer un document .PSD pour une intégration confortable. Alsacréations : Actualités et tutoriels HTML, HTML5, CSS, CSS3, standards du web. BP Eminet, Développement et formation Drupal, formation SPIP, plate-forme collaborative Claroline, Drupal, ergonomie, accessibilité, multilinguisme. Cet article est paru sur le site www.marketing-internet.com.
Il a été complété par la suite. La réflexion concernant l’utilisation d’une typographie adaptée est une partie trop souvent oubliée dans une bonne démarche « ergonomique ». Cinq siècles de typographie et de texte imprimé ont modelé notre approche de la lecture. Trop souvent une direction de communication en entreprise pense qu’un écran web n’est que la translation de l’information papier (impression). Cette attitude est d’autant plus confortable qu’il s’agit d’un univers bien connu et bien maîtrisé. Après tout que représentent 30 ans d’informatique éditoriale en comparaison avec 500 ans de tradition d’imprimerie ?
L’objectif de cet article est de soumettre quelques bons principes pour savoir ce qui fonctionne ou pas, et surtout être capable de l’expliquer au client ou au donneur d’ordre. Avoir des réflexions sur la typographie, permet de se rapprocher de ce qui fait la différence entre un beau produit et un bon produit... Et : Web Design Sketchbook - Web Design Sketchbook. Size Matters: Balancing Line Length And Font Size In Responsive Web Design. Advertisement As we refine our methods of responsive web design, we’ve increasingly focused on measure (another word for “line length”) and its relationship to how people read.
The popularization of the “ideal measure” has led to advice such as “Increase font size for large screens and reduce font size for small screens.” While a good measure does improve the reading experience, it’s only one rule for good typography.