background preloader

Awwwards - Website Awards - Best Web Design Trends

Awwwards - Website Awards - Best Web Design Trends

https://www.awwwards.com/

Related:  n.aWeb creatifWebdesignInspirationWeb Dev

23 sites pour apprendre à coder en ligne Découvrez une liste de 23 sites proposant des cours pour apprendre à coder en ligne de différentes façons. Ces sites proposent des formations de programmation de différents types : des articles de qualité, des tutoriels interactifs ou la mise en relation avec un développeur confirmé. Si vous souhaitez apprendre un nouveau langage ou les bases du code, vous trouverez de nombreuses informations, sur l’ensemble de ces sites, vous permettant de démarrer votre aventure pour devenir développeur. Doit-on justifier le texte sur un site internet ? Quel alignement donner aux textes de mon site ? Cette question semble réellement faire débat et occasionner un flot de pixels. Étant régulièrement sollicité à ce sujet, je profite de mon expérience combinée ‘print’ & ‘web’ pour émettre un avis, et vous (si vous le voulez bien) à la source de ce qu’est la composition de texte. À vous de vous forger votre intime conviction…Et de nous en faire part : vos remarques en bas de page sont les bienvenues. L’héritage de Gutenberg

Comparatif des hébergeurs PHP gratuits Voici un comparatif des meilleurs hébergeurs gratuits acceptant le langage PHP. Vous pouvez réagir ici : 239 commentaires Article lu 65164 fois. Webou▲ Version de PHP : 5.3.8 (phpinfo). Espace : 50 Mo ; Traffic mensuel : 3000 Mo ; Base de données : 1 base MySQL v5.5 ; Mails : 5 comptes POP; Mise à jour : 1 accès FTP ; Vitesse : n/a ; Publicité : non ; Fonctions PHP bridées : supporte GD(), mail(), mais avec de "strictes limitations" ; Outils : statistiques (Awstats) ; Assistance : forum (entraide par les autres hébergés et le Staff Webou) ; Restrictions : examen de votre demande de compte par le staff.

22 expériences et ressources WebGL Aujourd’hui plus que jamais, le WebGL s’impose comme la technologie web propre aux expériences originales et immersives. J’ai grandi dans le milieu du web en étant littéralement fasciné par les magnifiques sites Flash de l’époque. Certes issues d’un technologie propriétaire, ils étaient parmi les seuls à nous faire vivre des expériences web poussées et interactives. C’est cette sensibilité qui me pousse à suivre de près les évolutions des technologies d’aujourd’hui comme le WebGL. Souvenez-vous, cette technologie peut, entre autre, gérer des éléments graphiques complexes en 3D, directement dans le navigateur. Depuis son déploiement massif sur le web, nous avons vu naître un nombre impressionnant de concepts et même d’expériences web concrètes au service des marques.

Les générateurs de sites statiques Pour réaliser un site, on ne pense souvent qu'à deux solutions : adopter un CMS, avec ou sans base de données, ou écrire manuellement des fichiers HTML, en ajoutant peut-être un langage de script, exécuté sur le serveur, afin d'insérer le contenu des pages dans un template prédéfini (ou gabarit) pour produire la page finale, ce qui évite de dupliquer plusieurs fois les mêmes portions de code. C'est ce que l'on rencontre le plus souvent et le schéma ci-dessous illustre ce principe : La mise en ligne correspond ici simplement à la copie des fichiers sources — contenant des scripts PHP, Python ou encore Ruby — créés sur l'ordinateur du webmaster sur le serveur. Celui-ci, au cours de la génération , les interprète et peut faire appel à une base de données pour produire les pages HTML qui seront accessibles au visiteur, tout comme les fichiers CSS et les images. Qu'est-ce ?

Créer et héberger son blog avec WordPress : Introduction L'un des nombreux thèmes disponibles via WordpressLa création d’un blog ne demande pas de compétences particulières en informatique ou en développement. L'ouverture d'un tel espace, que ce soit via Skyrock, Typepad, Blogspot, ou autre, ne nécessite généralement que quelques clics de souris et l'opération peut se faire en moins de 5 minutes, montre en main. Il existe néanmoins quelques petits points délicats, qui peuvent compliquer la chose pour les plus néophytes, en particulier pour ceux qui souhaitent héberger et créer de A à Z leur propre blog, sans passer par une plate-forme de blog existante. Des blogs 100 % personnalisables

La fonction calc() en CSS calc() est une fonction CSS3 offrant la possibilité de réaliser des opérations mathématiques en CSS (addition, soustraction, division et multiplication). Compatibilité La compatibilité de cette fonction est encore un peu limitée aux navigateurs récents. Les gros écueils étant les versions Internet Explorer antérieures à IE9, et les anciens Android (avant 4.4). Et ma calculatrice ? Mon Préprocesseur ? Planifier une sauvegarde automatique sous WordPress (FTP + MySQL) Planifier des sauvegardes intégrales sous WordPress tel est l’objectif de ce tutoriel. Nous utiliserons l’excellent plugin BackWPup pour sauvegarder votre base de données MySQL ainsi que votre serveur FTP qui stocke les thèmes, les plugins ou encore vos médias. Cette solution technique est relativement simple à mettre en œuvre, car il vaut mieux prévenir que guérir en cas de panne ou de piratage. Le principal intérêt d’un plugin comme BackWPup est sa capacité à automatiser le processus de maintenance : de la création du fichier compressé à son rapatriement sur un serveur FTP, tout peut être automatisé.

Le référencement de son site web - HTML / CSS Si vous êtes là, c'est que vous comptez améliorer le référencement votre (futur) site web. Cela tombe bien c'est ce que nous allons voir tout au long du tutoriel. Dans ce tutoriel, nous verrons ce qu'il faut faire et ne pas faire en matière de référencement. Nous parlerons beaucoup de Google, puisque c'est le principal moteur de recherche en France loin devant Bing et les autres. J'apporterai des petites précisions quand les choses seront différentes pour d'autres moteurs.

Les microformats et microdata apportés par HTML5 Microformats, microdata, nouvelle sémantique, nouveaux éléments HTML… Tant de nouveautés qui perturbent les intégrateurs web soucieux de se mettre à jour dans leurs compétences ou curieux de savoir ce dont ils peuvent déjà faire usage dans leurs intégrations. Bien que les microformats existent depuis 5 ou 6 ans, ce n’est qu’avec l’arrivée de HTML5 que la profession et les outils sont suffisamment mûres pour commencer à les exploiter réellement. Nous allons essayer de nous concentrer sur les microformats et, surtout, les microdata apportées par HTML5. Cet article a été rédigé par Geoffrey Crofte, intégrateur et designer web chez Alsacréations et pour son petit studio Creative Juiz. Également auteur de son propre blog Creative Juiz et de nombreux articles pour la communauté Alsacréations, Geoffrey apprécie les expérimentations sur CSS3 et nous les fait partager sur TryToTry, son laboratoire.

Tutoriel WordPress : 65 tutoriels WordPress gratuits Des tutoriels WordPress ? En quelques années, WordPress.org s’est imposé comme l’un des logiciels libres de référence pour procéder à l’installation et à la gestion d’un blog au quotidien. En parallèle, la plateforme gratuite de création et d’hébergement de blogs WordPress.com connaît un grand succès. Pour les EPN (espaces publics numériques), le grand public, les associations, les commerçants, les artisans, les TPE et les PME et les personnes ayant un projet de blog, WordPress.com est d’une grande souplesse.

Modernisez vos jeux HTML5 canvas partie 1: mise à l’échelle matérielle & CSS3 - David Rousset Les dernières versions des navigateurs commencent à implémenter des versions stables de certaines spécifications HTML5 particulièrement intéressantes comme Offline APIs, Drag’n’drop & File APIs. Ces nouvelles fonctionnalités offrent aux développeurs web de nouveaux scénarios de jeux et nous mène vers une nouvelle ère d’applications web. De notre côté, IE10 les implémente toutes et les mêmes fonctionnalités sont présentes également au sein des applications Windows 8 HTML5 au style Metro. D’un point de vue graphique, le moteur d’IE10 offre une couche d’accélération matérielle pouvant être bien utile pour gérer la mise à l’échelle vers différentes résolutions ainsi que pour jouer des animations de manière fluide. Nous nous concentrerons d’ailleurs en premier lieu sur la partie graphique dans cet article en utilisant CSS3 Grid, CSS3 Transition, CSS3 3D Transform. Gérer la mise à l’échelle sur tous les périphériques

Openweb.eu.org CNQ et COQ sur le Web : qui va gagner ? L’article précédent a présenté les CNQ, ou Coûts de Non-Qualité, ce deuxième article vous invite à les mettre en face de leur opposé : les COQ, ou Coûts d’Obtention de la Qualité. Que le combat commence… Le coût de la non-qualité sur le Web Dans la suite directe de la dette technique en exemple, Nicolas Hoffmann et Élie Sloim explorent pour vous la problématique de non-qualité sur les sites Web dans un double article. En voici le premier, consacré aux Coûts de Non-Qualité.

Related:  Ressourcestechnologieleopoldofrtendances web 2012WebdesignsitesWebDesigninspirationsfrepamTendances WebGRAPHIQUEblogscreation blogExcellents WebsiteswebmarketingNETinter actuapres prt.IIrimkaDESIGNVeille techniqueBLOG / ACTU / VEILLEInfographie