background preloader

CreativeJuiz, Webdesign et développement autour de HTML5, CSS3, WordPress, PHP et jQuery.

CreativeJuiz, Webdesign et développement autour de HTML5, CSS3, WordPress, PHP et jQuery.
Le Pacte Des Mondes – Roman illustré « Dans un futur proche, notre Terre, dévastée par l’Holocauste, abrite une humanité en pleine reconstruction. Celle-ci cohabite avec les elfes, les nains et les autres races du Petit Peuple, sous le joug de l’Industrie : une puissante organisation ayant la main-mise sur les villes les plus importantes du continent et leurs ressources. » Lire la suite Générer un back-end complet depuis une base MySQL avec CRUD Admin Generator Vous restez bloqués quand vous voyez l’interface d’un PHPmyAdmin ?

http://www.creativejuiz.fr/blog/

Related:  création site dreamweaverSUPERS BLOGSCSS

14 templates HTML5 gratuits Nouvelle fournée de ressources sur le blog : au programme du jour, 14 templates HTML5 à télécharger gratuitement. Pratiques lorsqu’on souhaite mettre rapidement un projet en ligne, certains templates peuvent littéralement vous sauvez la vie ou du moins vous faire économiser un bon nombre d’heures de travail. D’après moi, il sont à utiliser avec modération et si vraiment nécessaire. Un template fera très bien l’affaire pour un petit projet personnel par exemple, alors que pour les projets professionnels et personnalisés, mieux vaut se baser sur un bootstrap par exemple.

Défi minimaliste en 30 jours Rester zen - 28 jan 2015 - 27 commentaires Je suis tombée il y a quelques jours sur le 30-day Minimalisme Challenge. Et comme en ce moment, j’ai grand besoin de repères et de bonnes nouvelles habitudes, j’ai décidé d’y participer, et de le partager avec vous ! Ce challenge minimaliste semble particulièrement adapté aux citadin-es stressé-es, accros à leur smartphone et qui ont du mal à se retrouver. Les règles sont simples : un mini-défi par jour, dans l’ordre que tu veux, et pas d’impasse. J’ai traduit pour vous (de façon très libre) les intitulés des 30 mini-défis et leurs explications :

Les Media Queries CSS3 La spécification CSS3 Media Queries définit les techniques pour l'application de feuilles de styles en fonction des périphériques de consultation utilisés pour du HTML. On nomme également cette pratique Responsive Web Design, pour dénoter qu'il s'agit d'adapter dynamiquement le design à l'aide de CSS. Ces bonnes pratiques permettent d'exploiter encore plus les avantages de la séparation du contenu et de la présentation : l'intérêt est de pouvoir satisfaire des contraintes de dimensions, de résolutions et d'autres critères variés pour améliorer l'apparence graphique et la lisibilité (voire l'utilisabilité) d'un site web. Les plateformes exotiques sont concernées en premier lieu : navigateurs mobiles et tablettes, écrans à faibles résolutions, impression, tv, synthèses vocales, plages braille, etc. Approche historique Avec CSS2 et HTML4, il était déjà possible de spécifier un média de destination pour l'application d'une ou plusieurs feuilles de style.

Display inline-block, une valeur trop peu utilisée Floatera, floatera pas… mais pourquoi ne pas utiliser la valeur inline-block de la propriété display en CSS ? Vous connaissez certainement les valeurs block ou inline, mais moins celle de inline-block et pourtant elle peut vous servir dans bien des cas. Voyons dans quelles conditions nous pouvons l'utiliser (de manière non exhaustive) dans un premier temps, puis dans un second temps quelques difficultés dans son utilisation. Cette astuce a été publiée initialement sur le blog personnel de l'auteur, creativejuiz.fr à la date du Jeudi 17 mars 2011. Utiliser display: inline-block Par défaut les éléments input ont comme valeur de display celle de inline-block.

Responsive Webdesign – présent et futur de l’adaptation mobile Après plusieurs mois de recherche sur le sujet, j'ai enfin publié mon article sur Smashing Magazine qui s'intitule "The State Of Responsive Web Design". Ce qui suit en est la traduction. Avertissement avant la lecture : Je n'ai pas la prétention de changer le monde, d'avoir la vérité absolue. Dans cet article – qui est long, je le sais – je souhaitais juste rendre attentif le lecteur au reste de ce gigantesque iceberg dont les Media Queries n'en sont que la surface. Le responsive webdesign reste une technique et une infime partie de ce qui est aujourd'hui appelé "Adaptive Webdesign".

Tutoriels HTML5, CSS3, Accessibilité, JavaScript, AJAX, jQuery Proposez votre tutoriel Niveaux : Débutant Confirmé Expert Langages hypertexte (HTML, HTML5, XHTML), balises, structure des pages web et validation W3C Design Spartan : Art digital, digital painting, webdesign, ressources, tutoriels et inspiration… Il était grand temps que Guangjian Huang figure sur le blog Design Spartan ! Etant un des digital painters les plus talentueux et les plus respectés au monde, il devait y figurer en bonne place. Ses digital paintings transpirent la maîtrise à tous les niveaux : composition, valeurs, lumière, couleurs, texture et bien sûr à son niveau de détail hallucinant.

Initiation au positionnement CSS (partie 2) Le positionnement des éléments en CSS est sans aucun doute l'un des aspects les plus intéressants de cette technologie, mais également l'un des plus ardus. Positions, flux et autres flottants sont pourtant des notions essentielles à une bonne maîtrise de la mise en page. Si de plus en plus d'intégrateurs semblent aujourd'hui acquérir les bases du comportement de ces propriétés, les choix des techniques demeurent couramment discutables, tout au plus hasardeux. Voyons ces méthodes de positionnement en détails afin de ne plus se laisser aller à des choix arbitraires incohérents.

Une extension bien pratique pour éditer des pages HTML directement depuis Chrome Voilà une extension qui devrait plaire aux Webdesigners ! Imaginez : vous êtes sur Chrome, vous avez déjà un modèle de page Web existant ou vous voulez vous inspirer d’un site Internet déjà existant, et vous aimeriez bien pouvoir éditer la page directement depuis votre navigateur pour la modifier à votre convenance et voir tout de suite les modifications. C’est maintenant possible d’une façon très simple et intuitive 10 ressources JavaScript et jQuery - ressources-javascript Aujourd'hui sur le Blog Du Webdesign découvrez 10 ressources Javascript pour vos projets. FitText FitText est une library permettant de rendre vos polices "responsive" : Elles s'adapteront à la taille de leur contenant. List.js List.js, une excellente library pour créer, gérer et trier les listes

50 Templates HTML5 de qualité à télécharger gratuitement Dernièrement la qualité des templates HTML5 gratuits à télécharger a augmenté drastiquement et leur nombre s’est multiplié. C’est une bonne chose pour vous qui êtes friands de ces ressources, que ce soit pour des projets rapides, pour apprendre ou pour avoir une base qui vous fera gagner du temps pour vos designs de sites. En général il n’est pas facile pour un webdesigner de trouver un template qui soit à la fois beau, intéressant et gratuit. La qualité de ces templates en HTML5 et CSS3 est assez impressionnante si on prend en compte le fait qu’ils soient téléchargeables gratuitement.

Sous viaduc du pont Saint-Ange : l'antichambre de Calais Notre projet de Promenade Urbaine entre Barbès et Stalingrad progresse, si ce n'est dans les faits au moins dans les esprits et notre association va tout faire pour que cela continue. Mais, avant une quelconque progression, nous ne pouvons ignorer la situation actuelle des migrants en attente d'un voyage compliqué vers l'Angleterre ou plus loin, outre-atlantique. Situation très préoccupante, tant du point de vue humain que du point de vue sanitaire. Notre projet d'un espace continu de promenade se heurte à leur présence. Humainement, nous ne pouvons faire comme s'ils n'existaient pas et demander à ce que le "problème" soit traité... Il faut considérer les hommes et non l'occupation illicite et leur statut de clandestins.

Related:  tutos sitehourmatallahsite webjorylapprendresite de ressourceRESSOURCESTutoriels