background preloader

Design web

Facebook Twitter

Concevoir un portfolio responsive avec filtre via Isotope.js sous WordPress. Un thème premium qui se respecte comporte des modèles de pages de type portfolio, très utile pour mettre en valeur vos créations artistiques notamment.

Concevoir un portfolio responsive avec filtre via Isotope.js sous WordPress

La plupart d'entre eux sont dotés d'un système de filtre basé sur les termes d'une taxonomie spécialement créée pour l'occasion et le redimensionnement de la fenêtre réajuste automatiquement les éléments avec une transition en CSS3. App - Icon Font, SVG, PDF & PNG Generator. Material icons - Material Design. 9 astuces pour réussir votre intégration responsive. Introduction Le Responsive Web Design (ou Responsive Design) désigne la faculté d’un site/application web à s’adapter et à réorganiser l’affichage de son contenu en fonction des spécificités d’un terminal (résolution, navigateur, dimensions, OS, etc.).

9 astuces pour réussir votre intégration responsive

Il répond à l’ensemble de ces problématiques en changeant dynamiquement l’affichage de la page en fonction de la zone d’affichage. Bootstrap · The world's most popular mobile-first and responsive front-end framework. Script de lecture de flux tous formats en PHP.

Ce script PHP contient une seule fonction qui est capable d'afficher tout flux de syndication en tous formats.

Script de lecture de flux tous formats en PHP

L'URL du fichier peut être locale, de la forme rss.xml, ou distante sous la forme Le script est compatible avec: Atom 1.0 RSS 2.0 RSS 0.91, 0.92, 0.94 RSS RDF 1.0 L'interface L'interface comprend une seule fonction: Common_Display(url, taille, canal-option, desc-option, date-option) L'interface requiert un argument obligatoire, l'url, et reconnaît quatre arguments optionnels: url: l'adresse du fichier XML sur le net. Comment n'afficher que le lien sur le site Pour n'afficher que les liens sur les articles, remplacer dans la fonction Common_Display cette ligne: $recents = array_slice($Common_Content, 0, $size); par: $recents = array_slice($Common_Content, 1, $size); 7 ressources Javascript pour créer un site full-page ou parallax. Aujourd'hui sur le Blog du Webdesign, découvrez 7 ressources javascript et jQuery pour créer des sites fullpage ou parallax.

7 ressources Javascript pour créer un site full-page ou parallax

Une des grosses difficultés à gérer sur les sites de type full page, ou en construction au scroll est que tous les utilisateurs n'ont pas tous la même résolution d'écran. Comment, dans ces conditions-là, faire en sorte que les sections de pages ressemblent toutes exactement à la maquette, fournis dans une seule taille, évidemment ? Se lancer dans Sass. Qui a encore peur aujourd'hui de Sass et des préprocesseurs en général ?

Se lancer dans Sass

David Demaree nous montre dans cette introduction claire et complète la simplicité et l'utilité de Sass. Indispensable, vraiment. Par David Demaree La simplicité de CSS est depuis toujours l’une de ses caractéristiques les plus agréables. Les feuilles de style CSS ne sont au fond que de longues listes de règles, chacune consistant en un sélecteur et quelques styles à appliquer. Il y a eu des propositions pour améliorer CSS – l’ajout de constantes ou de variables par exemple – mais aucune n’a été mise en oeuvre par les principaux navigateurs. Heureusement, il y a quelques années les développeurs Hampton Catlin et Nathan Weizenbaum ont proposé une meilleure façon de gérer des feuilles de style complexes. La nouvelle syntaxe de feuilles de style s’appelle Sass, pour “syntactically awesome style sheets” (feuilles de styles syntactiquement super).

UXPin. Brackets - A modern, open source code editor that understands web design. Concevoir un portfolio responsive avec filtre via Isotope.js sous WordPress.

Sprites

Vos premiers pas avec jQuery ! Pour commencer à travailler avec jQuery sur votre site web, il va falloir tout naturellement l'inclure dans vos pages.

Vos premiers pas avec jQuery !

Voyons ici comment l'on va procéder. Deux méthodes pour inclure jQuery dans vos pages web Vous devez savoir qu'il existe deux méthodes pour inclure jQuery dans vos pages. Les deux marchent et sont tout à fait valables, mais l'une est plutôt déconseillée alors que l'autre est au contraire vraiment très conseillée. Un site web dynamique avec jQuery ! Bien le bonjour à vous !

Un site web dynamique avec jQuery !

JavaScript est un langage devenu incontournable en l'espace de quelques années, principalement dans le paysage du web. Et pour cause ! C'est une technologie complète, qui regroupe un nombre impressionnant d'outils permettant de dynamiser vos pages web et de leur donner une toute autre dimension. Comme toutes les grandes technologies, JavaScript a une grande communauté. Et comme toutes les grandes communautés, celle de JavaScript a vite ressenti le besoin d'améliorer les possibilités du langage, notamment par des frameworks. jQuery est l'un d'eux. jQuery, écrivez moins, faites plus. La devise de jQuery résume à elle seule l'impact que cet outil, que vous apprendrez aujourd'hui, aura sur votre manière de coder de demain. jQuery est le framework JavaScript le plus utilisé de tous : même le Site du Zéro en fait usage ! jQuery.

Best Free full screen WordPress Themes 2015.

3d (web)

Lorempixel - placeholder images for every case. Le magazine des passionnés du web. Un site web dynamique avec jQuery ! Website Awards - Sites of the day. Ombres avancées avec CSS3 et box-shadow. CSS3 c’est pour l’aspect vendeur du nom, car au final on va aussi et surtout bénéficier du service de pseudo éléments (:after et :before) qui sont prévus depuis CSS2.1.

Ombres avancées avec CSS3 et box-shadow

Svg. How to host a website with Google Drive. Plugins et scripts JS pour des slideshows responsive - JavaScript / jQuery. Après vous avoir proposé cette sélection de slideshow il y a maintenant deux ans, celle que je vous propose aujourd’hui vient compléter un nouveau besoin réel : le responsive et la prise en charge des actions au touch.

Plugins et scripts JS pour des slideshows responsive - JavaScript / jQuery

Je vais vous présenter 3 outils qui se ressemblent et qui proposent tous leurs particularités. C’est devenu un vrai besoin si vous concevez des sites web modernes pour vos clients. Aujourd’hui il est difficile de passer à côté du slideshow dans la demande qui accompagne un site web, et même si le slideshow n’est pas toujours indispensable, lorsque vous aurez besoin de le faire, autant vous armer des bons outils.

Webmastering

SPA. Inspiration. Animation. CMS.