Découvrir le CSS et s'amuser avec le logiciel Silex, le CSS c’est facile

Posté par . Édité par Nÿco, Benoît Sibaud et Pierre Jarillon. Modéré par Yvan Munoz. Licence CC by-sa
14
5
juin
2016
Internet

Le CSS est l'un des 3 langages du web avec le HTML et le JavaScript. Le CSS permet de mettre en page, mettre en forme une page web ou document HTML, d'importer une police de caractères (font), de créer des effets sur des éléments de sa page internet et plein d'autres possibilités.

Le CSS et Silex : le combo magique. Silex est un logiciel libre qui permet de créer des sites web simplement et gratuitement. On crée son site en prenant des éléments comme des blocs de texte, des images, et autres éléments embarqués en les déposant en "cliqué-glissé-déposé" sur une scéne qui représente notre page web. Avec son éditeur de CSS, Silex permet de découvrir et de s'amuser avec ce langage. On peut ainsi appliquer des effets sur les éléments du website, importer une font…

Découvrez comment faire un site internet avec Silex et le customiser avec du CSS

Une campagne de crowdfunding pour le logiciel Silex est en cours en partenariat avec Indiehosters pour améliorer le logiciel, faire de l'e-inclusion et pour un internet plus libre.

Journal Boussole, une interface de compilation pour libsass-python

Posté par (page perso) . Licence CC by-sa
Tags :
20
19
mai
2016

Une petite entrée de journal pour les quelques intégrateurs web qui passeraient par ici.

Longtemps utilisateur de Compass, j'ai vu la sortie et la maturité de libsass et libsass-python comme une possibilité de faire une interface de compilation SASS dans un objectif "Full stack Python".

Donc j'ai créé Boussole qui est une interface de compilation de projets SASS à la manière de Compass, c'est à dire fonctionnant sur une configuration de projet avec une commande pour le compiler et (...)

Journal Les interfaces tablettes

Posté par . Licence CC by-sa
41
16
mar.
2016

Encore un journal de mécontent. Mais avec une solution, ou du moins un contournement.

Je suis un client plutôt satisfait de Boursorama Banque. Bon, tout n'est pas parfait, mais grosso modo, ça va. Et là, il y a une nouvelle interface web. Je l'avais essayé quand elle était encore en déploiement, et j'avais remonté des problèmes. Bien sûr, personne n'écoute, ils ont leur cahier des charges. Mais depuis quelques jours, cette interface est devenu obligatoire. Résultat direct : sur mon écran (...)

Journal Positionnement avec css

Posté par . Licence CC by-sa
Tags :
11
9
fév.
2016

Cher Journal,

J'ai beaucoup galéré dans le positionnement des objets html avec css. Les objets changeaient de position de façon aléatoire quand je changeais un paramètre. J'ai fini par retomber sur mes pattes, a coups d'essais/erreurs et de blog divers.

J'ai donc fait une prise de notes, qui sera peut être utile a ceux qui sont passés par les mêmes tourments.

Par ici pour la lecture

Cher journal, si tu connais une documentation "plus pro" qui décrit bien l'algorithme derriere (...)

Bug Squashing Party européenne chez Mozilla Paris

Posté par . Édité par Nils Ratusznik et palm123. Modéré par Nils Ratusznik. Licence CC by-sa
17
31
oct.
2014
Mozilla

Une Bug Squashing Party Mozilla, c'est un week-end consacré à la recherche et la résolution de bugs via Bugzilla (ou un autre logiciel de résolution de bugs des outils Mozilla). D'ailleurs, c'est ce week-end (1er et 2 novembre 2014) dans les bureaux de Mozilla à Paris.

Venez apprendre ce qu'est Bugzilla, comment ça marche, puis ouvrez votre premier bug, ou écrivez votre premier patch. :)

Vous voulez contribuer au code de Firefox OS ? Intervenir sur la machine virtuelle JavaScript ? Donner un coup de main sur le moteur de rendu graphique de Firefox ? Des employés de Mozilla seront là pour vous, partageront avec vous leur expérience, vous expliqueront les processus existants chez Mozilla et auront le plaisir de revoir votre code.

Un événement similaire se tiendra dans les bureaux de Mozilla Londres en parallèle, nous échangerons avec eux et tenterons de gagner le trophée mis en jeu pour cette première Bug Squashing Party européenne !

Vous n'avez jamais contribué au code de Mozilla mais pensez en avoir les compétences ? Alors ce week end est fait pour vous. Venez avec votre ordinateur et votre téléphone Firefox OS si vous en avez un :)

Journal Nouveau thème de couleurs pour la feuille de style Ron-Ronnnement.

Posté par . Licence CC by-sa
Tags :
7
13
mar.
2014

Bonjour Nal,

Suite à la dépêche sur les nouveautés de LinuxFR, j'ai voulu mettre à jour la CSS que je m'étais créée lors de la sortie de la version Rails de DLFP mais que je n'avais jamais partagée.

J'ai finalement fait le choix de repartir de la CSS par défaut et de seulement faire quelques légers changements.
Les différences sont la palette de couleurs utilisée, changements de marge ou de padding pour certains éléments et d'autres légères modifications.

Les (...)

Journal LinuxFr sur Desktop et tablette

Posté par . Licence CC by-sa
Tags :
15
1
sept.
2013

Bonjour nal,

Si je sors ma plume électronique aujourd'hui, c'est pour te parler de plusieurs problèmes concernant le site qui me chagrinent depuis un moment.

Premier problème

Je lis LinuxFr plusieurs fois par jour, et ce sur deux types d'appareil: ordinateur portable et tablette, tous les deux avec une définition de 1280*800.

Sur mon portable, j'utilise tout le temps les raccourcis "k" et "j" pour naviguer au commentaire non visite précédent/suivant. Cependant, sur ma tablette, impossible de les utiliser. J'en (...)

Forum général.petites-annonces EMPLOI - Front developpeur Javascript/CSS/HTML5 - H/F

Posté par . Licence CC by-sa
12
24
juin
2013

Le projet

Wamigo (www.wamigo.com) est un espace personnel en ligne, permettant de regrouper plusieurs types de media dans des collections, de suivre ces collections. Je vous invite à vous inscrire pour en savoir plus :)

Briques du projet et technologies utilisées :

  • Javascript coté serveur (NodeJS)
  • Javascript coté client (BackboneJs, Handlebars, SocketIO, Jquery)
  • Crawler RSS en NodeJS
  • Problematique web et mobile (iphone / android)
  • Encodeur (video, audio, image) en PHP5
  • Service REST en PHP5

Outils et pratiques

Journal Une nouvelle feuille de style

Posté par (page perso) . Licence CC by-sa
Tags :
33
2
fév.
2013

Bonjour les gens,
Pour bien démarrer 2013 (je suis un peu à la bourre), je vous propose une nouvelle css:

(version mobile)

Cela fait bien longtemps que j'ai commencé à la développer et à l'utiliser, il est donc largement temps de la diffuser, même s'il doit rester de nombreux défauts. L'idée de base était de faire une css qui s'adapte bien à tous les formats ( responsive ) et qui permette une consultation agréable sur smartphone. Je ne suis pas (...)

Forum Programmation.web CSS débutant : bottom border pour chaque ligne

Posté par (page perso) .
Tags :
0
19
sept.
2012

Salut à tous et désolé de poser une question si simple.

le web offre rapidement les infos nécessaires pour demander à un fichier css de préciser une bordure pour chaque paragraphe, et modifier son apparence à souhait.

Oui mais, si l'on veut obtenir un effet "cahier" et dessiner une bordure sous chaque ligne, y'a t'il un moyen? je ne trouve que le délimiteur "p" pour paragraphe

Bon je suppose la réponse évidente ,j'espère que vous ne m'en voudrez pas!

Journal linuxfr-solarized : nouvelle version

Posté par (page perso) . Licence CC by-sa
Tags :
21
26
juil.
2012

Sommaire

Bonjour tous,

Je vous faisais part il y a peu de la CSS que j'ai créé pour LinuxFr.org.

J'ai fais ce premier journal pour avoir des retours assez rapide sur son utilisation et pour voir un peu ce qu'il manquait. Je note toute de même que d'après les stats un peu plus de 15 personnes (...)

Journal [css] linuxfr-solarized

Posté par (page perso) .
19
24
juil.
2012

Cette semaine, point de bookmarks (à moins que je trouve subitement un peu plus de temps libre…). Mais pour me faire pardonner j'ai prévu de vous offrir tout autre chose : une nouvelle css !

Ca faisait un moment que je voulais en faire une et finalement, ben voilà, c'est fait. Il faudrait encore corriger / améliore / ajouter certains points mais j'ai décidé de passer totalement dessus désormais. Elle est à un stade utilisable en lecture, d'où la publication.

(...)

Journal Concurrent de la Pandora Board

17
15
juil.
2012

Un concurrent de la Pandora Board arrive pour 129$ avec un nom sympathique et facile à retenir : ODROID-X. Il inclut 1Gb de RAM, un CPU quad core à 1.4Ghz, un GPU quad core Mali 400, un port Ethernet, six ports hôte USB, un jack pour la sortie audio et un autre pour le micro. Bon, c'est encore un système qui nécessite des pilotes propriétaires, mais c'est sympa de voir l'offre dans ce segment qui s'étoffe.

Pour ceux qui ne sont (...)

Journal 3ème workshop d'initiation aux technologies du web

Posté par (page perso) . Licence CC by-sa
7
23
juin
2012

A la demande générale La Coopérative des Tilleuls vous invite à un troisième workshop d'initiation aux technologies du web. Ça se passe le jeudi 28 juin, à Co-Factory, 677 avenue de la République à Lille (arrêt de tramway Buisson).

Après avoir appris les bases de HTML lors du premier workshop et de CSS lors du second, nous réaliserons ensemble l'intégration complète d'une page web à partir d'une maquette graphique.

Nous apprendrons à découper une maquette afin de la transformer (...)