background preloader

CSS3 Create - Démos, tutoriels et expériences CSS : menus, galerie photos, interfaces web.

CSS3 Create - Démos, tutoriels et expériences CSS : menus, galerie photos, interfaces web.
Démos Toutes les démos Page 1 / 9 Livre CSS3 Le design web moderne Plus d'infos sur le site officiel

http://www.css3create.com/

Related:  Veille technologique PhpCSS3chantaldecrocqCSSHTML/CSS

PHP 7.0.0 officiellement disponible Après près de deux ans de développement, 13 préversions et quelques reports, PHP 7.0.0 est enfin disponible. L'annonce officielle de sa disponibilité a en effet été faite hier par l'équipe chargée de son développement. Conformément à ce qui avait été annoncé sur le site de PHP lors de la dernière préversion, la version finale de PHP 7.0.0 est identique à la 8e release candidate à quelques corrections de bogues près. Comme dans les branches précédentes, PHP 7 apporte de nombreuses nouveautés : fonctionnalités, fonctions, classes et interfaces, constantes globales. Il faut aussi noter des modifications en ce qui concerne certaines fonctions et la suppression de quelques fonctionnalités obsolètes. Mais ce qu'il faut retenir dans cette nouvelle version majeure de PHP, c'est l'amélioration de la performance avec un moteur Zend Engine jusqu'à deux fois plus rapide que dans la version 5.6.

Les transitions et animations CSS Introduction Depuis toujours, les concepteurs web ont tenté de styler et de dynamiser des pages HTML terriblement monotones. À la fin des années 90, un simple effet de survol ne peut pas être réalisé facilement : l’utilisation de JavaScript est inévitable, mais impose de connaître la programmation. L’arrivée des pseudo-classes dynamiques au sein de CSS (:hover, :focus, :active…) a alors facilité l’opération et permis de s’affranchir de scripts souvent lourds. fr:Accueil Languages: English • العربية • Български • Čeština • Deutsch • Español • suomi • Français • עברית • Magyar • Bahasa Indonesia • Italiano • 日本語 • ქართული • 한국어 • ລາວ • myanmar • Nederlands • Polski • Português • Português do Brasil • Русский • Română • Slovenčina • Slovenščina • Shqip • Svenska • ไทย • Türkçe • Tiếng Việt • 中文(繁體) • (Add your language) Bienvenue sur le portail francophone du Codex WordPress la documentation officielle de WordPress en français, écrite et maintenue par des utilisateurs tels que vous. L'équipe de documentation travaille d'arrache-pied afin de traduire, adapter, créer, organiser et structurer les contenus de ce site. Vous pouvez également nous donner un coup de main ! Mais avant de contribuer, veuillez vous familiariser avec les règles d'un Wiki en lisant l'Introduction. Ensuite n'hésitez pas à participer à l'Effort de traduction.

Parallaxe (sans JavaScript) Retour des tutoriels CSS avec quelque chose d’un peu original pour cet article : un effet parallaxe uniquement en CSS3. C’est à la suite de l’article de Simon Kern sur Alsacréations que m’est venue l’envie de tenter d’utiliser CSS pour reproduire cet effet initialement conçu avec JavaScript. L’article zoom sur l’effet parallaxe de Simon est bien conçu, je vous invite à le lire si vous préférez l’utilisation de jQuery, ou si vous souhaitez découvrir une alternative ou un complément à ce tutoriel. J’en profite pour remercier Simon qui m’a autorisé à reprendre son design ainsi que la base du code qu’il a conçu pour l’article sur Alsacréations. Démonstration Place à l’explication !

CSS3 – Créer un slideshow automatique et contrôlable Si vous suivez le compte @NoupeMag sur Twitter (ça marche aussi pour mon compte), vous avez certainement vu passer mon slideshow en CSS3 datant de l’an dernier. Ce n’était pas ma première tentative de slideshow comme le présentent ces premier et second travaux datant de mai 2010. Ce tutoriel ne s’adresse pas aux débutants, il vous faudra un minimum de connaissances techniques pour vous y retrouver dans les tronçons de code qui vont suivre. Cependant, le code commenté reste – je l’espère – accessible. Avant propos

Association Française des utilisateurs de PHP L'AFUP, Association Française des Utilisateurs de PHP est une association loi 1901, dont le principal but est de promouvoir le langage PHP auprès des professionnels et de participer à son développement. L'AFUP a été créée pour répondre à un besoin croissant des entreprises, celui d'avoir un interlocuteur unique pour répondre à leurs questions sur PHP. Par ailleurs, l'AFUP offre un cadre de rencontre et de ressources techniques pour les développeurs qui souhaitent faire avancer le langage PHP lui même. Assistez à l'un des workshops du PHP Tour Clermont-Ferrand 2016 : inscriptions ouvertes Visiteurs du PHP Tour Clermont-Ferrand 2016, prenez votre place pour l'un des ateliers de 3h programmés durant le cycle de conférences. Méthode Daisy : les CSS feuille à feuille Bienvenue chez vous ! C’est le bazar, n’est-ce pas, dans votre code CSS ? Le CSS ? C’est une vraie galère dès qu’on doit y revenir, dès qu’on repasse derrière quelqu’un d’autre et même quand on doit replonger dans son propre code après longtemps... et ce n’est vraiment pas aisé de coder à plusieurs mains, en équipe.

Créer un menu sticky avec JavaScript et CSS J’ai bossé récemment sur plusieurs sites web, et la requête d’un menu sticky était quasiment systématique. 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. Concept du menu sticky Timing des animations et des transitions en CSS3 L'arrivée de CSS3 il y a quelques années a pour plusieurs d'entre nous grandement révolutionné la manière dont nous intégrions un site Web. D'abord, ce furent les propriétés purement graphiques (coins arrondis, ombres portées) qui frayèrent leur chemin jusqu'en mode production. Ces propriétés étaient les mieux supportées des différents navigateurs, et elles étaient facilement imitables sur les plus anciens grâce aux outils à notre disposition (Par exemple: Css3Pie, Selectivizr, Modernizr, etc). Même la tâche redondante consistant à préfixer nos propriétés CSS3 est aujourd'hui facilitée avec Prefixr et PrefixFree. Aujourd'hui, l'étendue des possibilités auxquelles a accès un intégrateur est assez impressionnante.

CSS3 – Effet de feuilles superposées Il y a quelques jours de cela je répondais à un petit tweet d’un confrère pour donner une astuce sur la création d’un effet graphique de feuilles superposées en CSS3. Le défi était de ne pas multiplier les éléments HTML pour réaliser cet effet. C’est chose faite. Jetons un œil sur la technique utilisée. Tweet et réponse L’idée me semblait intéressante, voici ma proposition visible sur dabblet et correspondant au mieux à l’image fournie par Daniel :Effet de feuilles superposées PHP 7 : la nouvelle version de PHP au crible Quelles sont les principales évolutions de la nouvelle version du langage de script serveur ? Quel apport en termes de performance ? Le dossier de la rédaction sur PHP 7. La version finale de PHP 7 est sortie en décembre 2015 (lire l'annonce officielle sur php.net). Elle est livrée avec une nouvelle version du Zend Engine.

Créer une grille CSS responsive Les grilles CSS, à quoi ça sert ? La plupart des sites Internet ont un gabarit « générique ». Par exemple, un blog va avoir un corps et une barre latérale. Une grille CSS va vous permettre de gérer ce gabarit très facilement. L’idée c’est de partager votre site en un nombre défini de colonnes. 14 Light box pour mettre vos images en avant Je vous propose aujourd'hui de découvrir une collection de ressources sur la création d'une part importante de tout folio : les Light box. Même si le nom ne vous parle pas, je suis sûr que vous avez déjà utilisé un light box sans le savoir : avez-vous déjà cliqué sur une image pour la voir s'ouvrir miraculeusement sur la même fenêtre, au-dessus du reste du contenu ? C'est cela, une light box ! Les light box font partie de ces petits éléments de web design qui peuvent détruire complètement la navigation d'un folio ou le rendre inoubliable si elles sont bien employées.

6 Effets de Rollover avec jQuery et CSS3 » Le blog de Fredods Quelques Effets de Rollover avec jQuery et CSS3 Aujourd’hui je vais vous montrez quelques effets de « mouse over » intéressants utilisant jQuery et CSS3. Les effets de « mouse over », rollover, pour peu qu’il soit bien géré sont très attirant pour vos visiteurs qui prendront plaisir à la navigation sur votre site, l’expérience utilisateur en sera bien meilleur.

Related:  3560 - animer avec html et cssTutorielsCSSCSSLEARN to: CODE/CSS/CREATE..tutos sitefafournoux thiéfainelogicielsSites tutorielsCSSTutoriauxCSS