background preloader

Programmation

Facebook Twitter

Simple CSS - Créez vos feuilles de style sans rien connaitre aux CSS. Vous devez réaliser une feuille de style pour votre site, mais vous n’avez pas le temps d’apprendre le CSS ?

Simple CSS - Créez vos feuilles de style sans rien connaitre aux CSS

Pas de panique, j’ai la solution ! Avec Simple CSS, vous allez pouvoir créer la feuille de style basique de vos rêve, en mode click’o’drome. Disponible sous Linux ou Windows, ce soft est gratuit et permet d’exporter des fichiers CSS propres, que vous pourrez bien évidemment compléter ensuite à la main, avec des choses un peu plus travaillées. Je me suis dit que ça pourrait vous intéresser ;-) Developpez.com, le club des développeurs et IT Pro. Informatique : les femmes se mettent au code. Rentrée oblige, c’est l’occasion de se lancer dans de nouveaux projets : monter sa boîte, suivre une formation… Focus sur une tendance qui fait son petit bout de chemin dans un univers encore très masculin : l’apprentissage du langage informatique, « le code » pour les intimes, chez les femmes.

Informatique : les femmes se mettent au code

Google vient d’investir cet été 50 millions de dollars dans plusieurs programmes, dont Made With Code, pour apprendre aux jeunes filles les secrets du code. Le but étant de réduire le gender gap dans un secteur tech dominé par les hommes. En France les femmes représentent en moyenne 32,5% de l’emploi du secteur informatique. Elles sont encore minoritaires dans les filières informatiques et techniques, que ça soit dans les formations diplômantes courtes (IUT) ou d’excellence (6,8% dans les Grandes Ecoles d’ingénieur) alors qu’elles sont nombreuses à être impliquées dans le web 2.0 et les réseaux sociaux (bloggueuse, community manager…). Credit photo : Hors Serie Mode ELLE, Sept 2014. Resizer. Tester si un site est responsive. Resizer est un nouvel outil lancé par Google pour vous permettre de vérifier si votre site ou blog est bien responsive et s’il saura s’adapter à tous les écrans.

Resizer. Tester si un site est responsive

Vous le savez Google attache une grande importance à l’« expérience utilisateur » et demande aux webmasters de tout faire pour améliorer leurs sites en permanence afin qu’ils soient optimisés pour être consultés sur tous les supports fixes ou mobiles. Google a même lancé une nouvelle norme pour les sites mobiles qui accélère l’affichage des pages sur un smartphone ou une tablette. On en reparlera. Resizer, lancé par Google, permet très simplement de vérifier si un site est responsive en offrant une pré visualisation de votre site sur des écrans de toute sorte. Ordinateurs de bureau, portables, tablettes et smartphones. Il suffit de renseigner l’URL du site que vous souhaitez tester et aussitôt ce dernier s’affiche sur les différents écrans. Lien : Resizer. HTML (HyperText Markup Language)

HTML, l'acronyme de « HyperText Markup Language » (Langage de Balises pour l'« Hypertexte »), est utilisé pour créer et représenter visuellement une page web.

HTML (HyperText Markup Language)

C'est ce qui détermine le contenu et la présentation de base d'une page web mais pas ses fonctionnalités. Animate.css. JavaScript Éloquent. Lorsque les premiers ordinateurs personnels sont apparus, la plupart d’entre eux étaient fournis avec un langage de programmation simple, généralement une variante de BASIC.

JavaScript Éloquent

Les interactions avec l’ordinateur étaient fortement liées à ce langage, et tout utilisateur d’un ordinateur devait dès lors y goûter, qu’il le veuille ou non. À présent que les ordinateurs sont devenus nombreux et bon marché, les utilisateurs moyens se contentent la plupart du temps de ce qu’ils peuvent faire en cliquant avec la souris. Pour nombre d’entre eux, cela fonctionne très bien. Mais pour ceux d’entre nous qui ont une inclination naturelle au bricolage technique, la disparition de la programmation dans l’usage quotidien d’un ordinateur représente une forme de barrière.

Heureusement, avec l’évolution du World Wide Web, il se trouve que chaque ordinateur équipé d’un navigateur web moderne a également un environnement pour programmer en JavaScript. C’est ce que ce livre (ou hyper-livre) essaie de faire. Rejoignez le plus grand cours en ligne de l'Histoire, 7 au 13 déc, 2015. Apprendre la programmation en s'amusant. 22 Essential CSS Recipes.

Hey there!

22 Essential CSS Recipes

Today we are going to talk about some useful tricks in CSS. Let's begin with... Blend Modes Not so far Firefox and Safari started to support blend modes right as Photoshop does. It also works in Chrome and Opera but with flags. Try CSS blend modes and filters playground! Gradient Borders Novadays you can use gradients even in borders. All examples you can find here. Transition for z-index You may didn't know but z-index supports transitions too! CurrentColor We can use it to detect the current color so we don't have to define it lots of times.

It can be useful when working with SVG icons which change their color depending on their parents. But let's do it with currentColor: Another code with pseudoelements: Object Fit Do you remember this moment when you wanted to set background-size for image because it will solve a lot of problems? Animate.css.