background preloader

Webdesign

Facebook Twitter

Tryit Editor v3.5. Connexion. La coopérative des acteurs de la médiation numérique. CSS Grid Layout, guide complet. Flexbox Froggy - A game for learning CSS flexbox. One UI Kit for Bootstrap 4. Leafee UI Kit. One UI Kit for Bootstrap 4. Flat UI - Free Bootstrap Framework and Theme. Header 3The Vatican transitions to a.

Flat UI - Free Bootstrap Framework and Theme

Creative Juiz. Créer un menu sticky avec JavaScript et CSS - CSS / CSS3. J’ai bossé récemment sur plusieurs sites web, et la requête d’un menu sticky était quasiment systématique.

Créer un menu sticky avec JavaScript et CSS - CSS / CSS3

Parfois elle était justifiée, parfois je me rapprochais du contre-exemple ergonomique stéréotypé. (Dois-je utiliser un sticky menu ?) Mais quand même ! Je vous propose de voir ensemble comment on peut faire ça. Modèle - Calculer la performance de sa prospection commerciale. Pourquoi créer un site web avec Photoshop n’est pas efficace ? Pourquoi créer un site web avec Photoshop n’est pas efficace ?

Pourquoi créer un site web avec Photoshop n’est pas efficace ?

Par David Leuliette le Certaines personnes adorent Photoshop —j’en fait parti. Cet article ne parle pas de se désintéresser de ce logiciel. Category:France in XXI Century (fiction) Pays Basque Demain – Les initiatives positives. Free WordPress Themes For a Better Web - Modern Themes. Pricing and Account Types. 110 CSS Menu. Collection of HTML and CSS menu with little JavaScript: accordion, circular, dropdown, fullscreen, horizontal, mobile, off-canvas, side, toggle and sliding.

110 CSS Menu

110 CSS Menu. [Ressources] : Téléchargez gratuitement 110 menus CSS. Le site Freefrontend.com propose en téléchargement gratuit depuis quelques jours 110 menus CSS.

[Ressources] : Téléchargez gratuitement 110 menus CSS

Que vous recherchiez un menu accordéon, vertical, horizontal, ou encore circulaire, vous allez pouvoir trouver votre bonheur sur ce site, et vous allez surtout pouvoir télécharger le ZIP qui va avec. Découvrir les 110 menus CSS. The Web Font Blender - Find neat web font combinations. Fonts In Use – Type at work in the real world. The Web Font Blender - Find neat web font combinations. How to Center in CSS. Plunker. Tutoriel Vidéo HTML-CSS Foundation 6. Foundation vient de mettre en ligne la version 6 de son Framework front-end.

Tutoriel Vidéo HTML-CSS Foundation 6

Easy FPO and Dummy Images for Any Project. GCompris. GCompris est un logiciel libre éducatif qui contient des jeux et des activités pour les enfants de 2 ans et plus.

GCompris

Grâce à ce logiciel, l'enfant peut, tout en s'amusant, apprendre à utiliser l'ordinateur (la souris, le clavier, etc.), à dessiner, à lire, à écrire, à compter, les couleurs, la géographie, les langues vivantes, les mathématiques, la physique, des jeux de réflexion (échecs, awalé...), de mémorisation, de logique (tours de Hanoï, taquin...), de rapidité, etc. Il fait partie du projet GNU et est sous la licence libre GPL. Instant Logo Search. Resizer - Google Design. Drupal 8 Theming Fundamentals, Part 1. Drupal 8 Theming Fundamentals, Part 1. Drupal 8 Theming Fundamentals, Part 1. Créer les maquettes de son site web. La réalisation des maquettes est une étape déterminante dans la création d’un site internet.

Créer les maquettes de son site web

Pour que votre site web soit agréable, il faut naturellement soigner le design de l’interface graphique, mais surtout, pour que votre site internet soit efficace, il faut construire une mise en page intelligente et adaptée à vos objectifs et vos contenus. La réalisation des maquettes doit passer par plusieurs étapes, du design fonctionnel en noir et blanc, au design graphique intégrant votre identité et vos couleurs. Dans cet article, nous allons vous donner toutes les clés pour réussir cette étape fondamentale dans tout projet de création de site web. Que ce soit votre agence web ou vous-même qui réalisiez les maquettes, il est utile d’avoir les idées claires pour appréhender la phase de réalisation des maquettes de votre site web. La réalisation des maquettes, une étape clé dans la création de votre site internet. HTML5 Web Messaging.

Sommet - Hexagone. Web Fonts in the Wild → Typewolf. BDConf. BDConf. Rendre les images de WordPress responsive - Le Guide WordPress Le Guide WordPress: tutoriel, astuces, plugins et hébergement. UX Deliverable Dictionary. 10 Lightweight Alternatives To Bootstrap & Foundation - Hongkiat. Choosing the right framework that is the perfect fit for your projects could be a little bit overwhelming – there are a lot to choose from.

10 Lightweight Alternatives To Bootstrap & Foundation - Hongkiat

Perhaps, you want to go with popular choices like Bootstrap or Foundation, but if your website is going to be a fairly simple one, you won’t be needing most of the building blocks and materials included in the default package. The good news is that there are a handful of alternatives that are much leaner than Bootstrap or Foundation. Most of these frameworks ship with just the right amount of styles and components to help you get started, while allowing you to be able to extend them in the direction you want for your project. Here are 10 lightweight alternatives to Bootstrap and Foundation that you should use for building smaller-scale websites. More on Hongkiat.com: 1. Skeleton has finally gotten a facelift. Pin it 2. CardinalCSS is a CSS framework built with a focus on performance, readability and most importantly maintainability. 30 Must-See HTML5 Tutorials To Wow Your Audience.

Wordpress Types De Contenu Taxonomies Metaboxes Partie 2. WordPress, les Custom Post Types par l'Exemple. Les Custom Post Types, qui pourrait se traduire par Types de Billet Personnalisé, sont une notion qui a été introduite avec la version 3 de WordPress.

WordPress, les Custom Post Types par l'Exemple

Il s’agit de créer une interface de gestion et de présentation de votre contenu qui corresponde à 100% de vos besoins. La présentation d’une équipe peut se reposer, par exemple, sur un Custom Post Type, vous permettant de gérer de façon centralisée cette page. Mais avant de parler de type de contenu personnalisé, il faut savoir que WordPress se base sur 5 formats de contenus majeurs : Les billets – PostLes pages – PageLes médias – AttachmentLes révisions d’articles – Article revisionLes menus de navigation – Nav menus Pour connaitre la liste complète, n’hésitez pas à lire la page du codex.

Tous les types de contenu sont stockés dans la table wp_posts, au nom de colonnes commençant par post_type. Voila pour la présentation très généraliste des types de contenu sous WordPress. WordPress Themes - InkHive.com. 4 Ways to Loop with WordPress. Réaliser un système de zone membre dans WordPress - wabeo. Vous avez peut-être déjà eu besoin de créer une zone membre sur votre site WordPress ?

Il y a des plugins qui font ça, comme s2members ou wp member, mais ceux-ci ont de nombreuses options, sont parfois complexe à paramétrer et sont susceptible de ne pas s’adapter parfaitement à votre projet. Ce tutoriel explique comment mettre en place un tel système de A à Z, sans utiliser de plugins particuliers. Le but est de comprendre comment une zone privée fonctionne. Après, vous êtes libre de déléguer certaines fonctionnalités à des extensions, ou bien de copier/coller simplement ces codes, je ne vous en voudrais pas tongue. Réaliser un système de zone membre dans WordPress - wabeo. 12 Éléments indispensables pour optimiser la Page d’accueil [Infographie] #SEO. Bonjour, bonjour ! En effectuant ma veille informationnelle de ce matin, mon outil de veille technologique m’a rapatriée une superbe infographie qui indique 12 éléments indispensables à mettre en place sur une page d’accueil.

Souvent, j’ai remarqué que les pages d’accueil sont pratiquement vides ! Pas de textes, pas de titres, que des images et des liens. Cela n’est pas très bon pour le référencement de cette dernière. Webdesign : les tendances graphiques pour 2015. Les fins et débuts d’années coïncident souvent avec les prédictions pour l’année à venir ou qui commence. Nous n’allons pas déroger à la règle, mais il ne faut pas prendre cette liste de tendances webdesign à la lettre. Certaines d’entre elles ont déjà été accaparées par des marques (les précurseurs), d’autres encore n’attendront pas la fin d’année pour s’orienter dans ce sens. Guide 2015 de la taille des images sur les réseaux sociaux. EDIT : le guide 2016 est disponible ! Nous vous conseillons de le consulter pour accéder à des informations à jour. Toutes les tailles seront mises à jour régulièrement sur ce nouveau guide.

> Accéder au guide 2016 de la taille des images sur les réseaux sociaux. Free vector icons - SVG, PSD, PNG, EPS & Icon Font - Thousands of Free Icons. Créer une image optimisée pour les réseaux sociaux avec Canva. Les images sont aujourd’hui très importantes sur les médias sociaux. Certains services sont même spécialisés dans le partage d’images et de photos : Instagram, Pinterest, Flickr… La place des photos dans les réseaux sociaux plus traditionnel est également à souligner : les images génèrent beaucoup d’engagement sur Twitter et sur Facebook.

Les community managers qui souhaitent animer leurs présences jonglent souvent entre les dimensions des images sur les réseaux sociaux pour optimiser leurs créations, mais celles-ci changent souvent. Pour créer facilement des images adaptées à Facebook, Twitter et les autres, nous vous conseillons d’utiliser un outil très pratique : Canva. Pour commencer, il suffit de choisir le design de sa création (taille optimisée).

Vous pouvez créer une image adaptée à Facebook (publication, couverture, publicité, application), Instagram, Twitter (tweet, couverture), Google+ (couverture) et Pinterest. L’avantage de Canva est qu’il est très simple à utiliser. Browse Palettes. Tous les thèmes. Une fenêtre de confirmation à la suppression des lignes de vos tableaux avec jquery ! - Ludovic ROLAND - Le blog. Je vous propose aujourd’hui de mettre en place une fenêtre de confirmation avant la suppression d’une ligne dans un tableau d’une application web grâce au composant Dialog de JQuery UI.

Voici ce qu’on obtiendra à la fin de cet article : Motivation Bien évidemment, on pourrait se contenter d’utiliser la fonction confirm() que propose le langage Javascript, mais dans mon cas, j’avais besoin d’une fenêtre un peu plus esthétique et JQuery est une référence en la matière. Si je fais cet article, c’est que j’ai un peu galéré à obtenir le résultat que je voulais pour la simple et bonne raison que c’était la toute première fois que je touchais à JQuery. Topic-2-71065-1-Probleme fenetre modale. The Bootstrap Playground. The Bootstrap Playground. Imbalance — Wpshower. AngularJS BootStrap 3 Modal Dialogs. GenerateWP - User friendly tools for WordPress developers.

Bootstrap form builder HTML. Font Awesome Examples. Font Awesome, the iconic font and CSS toolkit. Slider Revolution 4.0 - Post based Slider. PLEASE-READ-MANUAL.pdf. TriLivingIt › Social links. Comment créer un modèle de page WordPress sur mesure. Le framework Genesis respecte la hiérarchie des thèmes classique WordPress. Dans cette partie nous verrons comment créer simplement un modèle de page. Création d’un modèle de page Comme tout modèle de page, il suffit d’ajouter en haut de son fichier en commentaire PHP la phrase suivante: Glyphicons images du framework Bootstrap Twitter. Tutoriel : Bootstrap de Twitter : un kit CSS et plus ! Version en ligne. WordPress : récupération avancée des images d’un article. Orange Super Pouvoirs - découvrez vos super pouvoirs. Boucles personnalisées avec Query posts et WP Query. WP_Query.

Si vous voulez afficher sur votre index.php, single.php ou un autre fichier un contenu différent de ce que fait la boucle WordPress de base, il suffit d’utiliser WP_Query. Affichage des valeurs de nouveaux champs (post meta) dans WordPress. WordPress, les Custom Post Types par l'Exemple. 15 Great Twitter Bootstrap Resources.

Frameworks CSS — Blueprint vs 960 Grid System. A few words about this place. La macrotypographie de la page Web. Tutorial - Prendre en main un Framework CSS. #1 960 Grid System. La validation des formulaires avec jQuery Validate. Frameworks CSS — Blueprint vs 960 Grid System. Frameworks CSS — Blueprint vs 960 Grid System.