background preloader

The Most Advanced Responsive Front-end Framework from ZURB

The Most Advanced Responsive Front-end Framework from ZURB

https://foundation.zurb.com/

Related:  JavaScript

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. 5 outils Web 2.0 pour créer un site pédagogique Skoden, portail de la Formation ouverte à distance en Région Bretagne, propose un dossier à destination des formateurs qui fait le point sur 5 sites Web 2.0 pouvant être utilisés pour ouvrir et alimenter un espace pédagogique sur Internet : Yola, Lifeyo, Jimdo, Weebly et Wix. La présentation de Skoden indique des liens vers des tutoriels en ligne pour favoriser la prise en main de ces outils qui peuvent revêtir un aspect pédagogique dans une utilisation spécifique. Des exemples de réalisations en mode apprentissage sont mis en avant afin de montrer concrètement le potentiel des 5 solutions en ligne Web 2.0 sélectionnées. En préambule, Skoden s’intéresse à une méthodologie de structure et d’édition de site pédagogique dans ses aspects formels. Ce type d’outils Web 2.0 peuvent être mis en place pour des dispositifs d’apprentissage en espace public numérique. Licence :

Tutoriel Wordpress: mettre un mot de passe sur son blog - dubuzz.com Il peut parfois être utile de bloquer l’accès à son blog WordPress par un mot de passe. vous travaillez sur une nouvelle version de votre blog, et il est préférable de le cacher aux yeux de Google – et de tout le monde – tant qu’il n’est pas terminé à 100%vous vous servez d’un blog comme d’un logiciel de gestion de projet – ce qui est une excellente idée que j’utilise souvent – et vous devez gérer l’accès et les droits de publication de plusieurs personnes concernées par le projetvous avez un blog que vous avez envie de réserver à vos amis, vos proches, vos clients, et vous n’avez aucune envie que ses contenus puissent être vus ou indexés par Google. Une sorte d’anti-Facebook en somme… 1-Trouver et installer le plug-in WordPress « Members ». Je présume que vous savez déjà comment installer un plug-in depuis WordPress. 2-Effectuer les réglages de base du plug-in « Members »

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. Retrouvez Geoffrey sur Twitter : @geoffrey_crofte ou sur son portail perso.

5 ressources incontournables pour tester et améliorer un blog « SEO, temps de chargement, référencement, testes ». Si tous ces mots ne vous sont pas indifférents, alors ce qui suit va vous plaire ! En effet, chaque Webmaster se doit d’améliorer son blog de la meilleure manière qu’il soit. définir largeur police en css ? Bonjour, Je reviens sur ce poste qui m'intéresse. Bon je n'ai pas trouvé de solution au problème et font-stretch ne semble toujours pas accepté par les différents navigateurs. Je me demande comment fait l'Equipe journal. 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.

Résolution, tablettes & smartphones Avec une troisième génération d’iPad, Apple a semé le trouble dans les résolutions d’écrans. En effet l’iPad 3 présente un nombre plus élevé de pixels que la majorité des PC avec une taille d’écran divisé par deux. Je propose donc un petit tableau pour essayer de faire le point sur le parc des résolutions d’écrans. Les smartphones convergent vers une taille physique de l’écran de 3,5 pouces. Cela correspond simplement à la taille d’un objet que peut saisir la main d’un adulte. 2 effets CSS3 assez saisissants Je vais aujourd’hui vous montrer comment réaliser deux effets assez intéressants en CSS3. Le premier est une sorte de fade in / fade out et le deuxième est une lueur externe avec l’attribut box-shadow À ce jour, les transitions en css ne sont pas encore au point sur la plupart des navigateurs mais le fait d’utiliser ces effets ne perturbera en aucun cas la navigation dans votre site. Et pour les navigateurs sur lesquels elles marchent (Safari et Chrome) la navigation sera encore plus agréable. Donc pour voir les effets dans de meilleures conditions, utilisez Chrome ou Safari. Voici les démos :

[Meetup] HTML5, CSS3 et pizzas : Quatrième édition - www.kanithael.net Comme annoncé hier, voici la quatrième édition du meetup HTML 5. On ne change pas une équipe qui gagne, avec John Karp et Sylvain Weber aux commandes. Nous étions encore plus de 100 personnes pour cette édition, et chose amusante, plus de la moitié de la salle venait pour la première fois ! Comme quoi la communauté HTML5 est active, et ça intéresse du monde (surtout quand on voit le programme de la semaine à Paris…). Quoi de neuf sur la planète HTML5 ? Sylvain Weber, CEO et co-fondateur de Kontest, ancien Googler.Chaque mois, Sylvain explore le web et l’univers HTML5 à la recherche des dernières pépites et démos sorties récemment.

Responsive webdesign : adapter un site à toutes les résolutions Le Responsive webdesign (conception adaptative ou réactive en français) représente un ensemble de méthodes et techniques permettant d’universaliser un site Web. Qu’il soit consulté sur ordinateur, tablette, e-reader ou mobile, le site ainsi conçu s’adapte automatiquement à la taille de l’écran. Cette évolution très séduisante du Web pose néanmoins certaines questions d’ergonomie et oblige à repenser la conception des sites. Nous abordons dans cet article les objectifs du responsive design, les critères qui doivent décider à le mettre en œuvre, les recommandations de conception et les considérations techniques. Objectifs du responsive webdesign Pour commencer, rien de tel qu’une démonstration.

Les filtres CSS3 appliqués sur des images Dans cet article, nous allons nous intéresser à une excellente nouvelle fonctionnalité de CSS3 : les filtres. C'est une fonctionnalité qui peut être utilisée à la fois sur des éléments HTML et des images, mais qui a plus d'intérêt à être utilisée sur des images comme pour la création d'une galerie par exemple. En utilisant uniquement le CSS vous allez être capable de créer tous les effets suivants :

8 étapes cruciales à implanter après l’installation de WordPress Après avoir installé WordPress, il vous reste encore bien du chemin à parcourir avant d’arriver au sommet ! Même si tous les blogueurs vous diront que “WordPress est une plateforme géniale”, elle demande toutefois quelques petites attentions particulières. Vous avez installé WordPress et être prêt à démarrer ? Vérifiez ces 8 étapes cruciales à implanter après l’installation de WordPress… 1. Modifier la structure des permaliens

Related:  PhoneGapMobileFirstrobinkhatriLibsFrameworks responsiveTechOutilsresponsive designResponsive WebdesignframeworksjQueryresponsivemarkohjframeworks tools librariesframeworks and gridsresourcesStyleframworkTemplateWeb DevelopmentFrameworksResponsive Web DesignbruniercFoundation