public marks

PUBLIC MARKS from decembre with tags tutoriel & web

2017

CSS - RESPONSIVE - MEDIA QUERIES - The math of CSS locks

A CSS lock is a Responsive Web Design technique that lets you transition smoothly between two values, depending on the current viewport size, rather than jump straight from one value to the other.

2016

PODCAST - TUTO - RSS & Podcast - Korben

(via)
Sommaire: Lire des flux RSS et/ou des Podcasts, Créer son flux RSS et/ou des Podcasts pour soi, Créer son flux RSS et/ou des Podcasts pour son site web

2015

jQuery - TUTO - Iframe - Créer un élément HTML dans le DOM avec jQuery

Le sélecteur jQuery est la plupart du temps utilisé pour sélectionner des éléments existant dans le DOM, via une règle CSS. Mais le sélecteur peut aussi créer de nouveaux éléments HTML de manière extrêmement simple ! Voici un petit exemple très simple qui créé un élément div , écrit "Salut !" à l'intérieur, puis enfin ajoute cet élément à la fin de la page web (en l'ajoutant à la fin body) :

2014

GITHUB - Un blog statique sur github avec Jekyll et Octopress

Les avantages d'un blog statique Voici ce que j'apprécie particulièrement dans un blog statique : Ultra light : Juste des fichiers .html et .js à déposer sur le serveur. La sécurité : On élimine les failles applicatives (sqli, exec(), file upload et cie...) même si la configuration du serveur n'est pas à négliger (bruteforce, SSI, webdav, etc.) Zero maintenance : Adieu MySQL, configuration PHP et surtout, plus besoin de penser aux mises à jour... La performance : Quoi de plus rapide à délivrer qu'un simple fichier statique qui va être mis en cache ? Hosting : Comme on a plus besoin de PHP+MySQL, on trouve plus facilement de l'hosting gratuit, notamment github. Le coté leet : Allo, t'es leet t'as pas de blog statique ? Allo ? Bien entendu un site statique a ses limites, mais javascript et les plugins/services third party sont là pour ça. Jekyll serphacker.com est généré par Jekyll et hosté sur github. C'est sûr, niveau design on peut mieux faire (normal je l'ai fait avec twitter bootstrap et le web design c'est pas ma tasse de thé), mais je vous rassure y a un max de site qui rendent bien avec Jekyll et Octopress a un bon thème par défaut. Clairement Octopress est beaucoup plus simple à utiliser que Jekyll : site créé en 2/3 lignes commandes avec un super design, avec Jekyll on part presque de zero. D'ailleurs si vous n'êtes pas très technique, je vous conseille de skipper les 3/4 de cet article que je me suis fait chier à rédiger, et voir directement comment Octopress est juste awesome et super fast à mettre en place : go TL;DR. Mais comme Octopress utilise Jekyll, mieux vaut comprendre comment Jekyll fonctionne sinon vous louperez pas mal de trucs pratiques. Je trouve la doc de Jekyll plutôt mal faite et mal organisée, d'où cet article (qui lui aussi sera mal fait et mal organisé).

2013

DEV CSS - Tutoriel vidéo HTML-CSS : Firebug, L’extension pour les développeurs Web | Grafikart.fr

Firebug est une extension firefox incontournable pour tous les intégrateurs et développeurs web. Elle permet entre autre de voir comment le navigateur interprète les différents languages et permet aussi d’interagir en temps réel avec le code source. Plutôt que des longues explication une petite vidéo vous aidera à mieux comprendre comment firebug peux changer votre façon de débugger vos pages web

2011

Webmaster - Publier facilement une vidéo dans une page web

Webmaster - Publier facilement une vidéo dans une page web Publier une vidéo dans une page web n'est pas toujours évident: Selon le format (AVI, MPG, MOV...) tout le monde ne possède pas forcément le bon plugin et le bon codec. En revanche, la quasi-totalité des navigateurs possèdent le plugin Flash (SWF). Flash est capable de faire de la vidéo en streaming. Voici comment publier une vidéo grâce à Flash. De cette manière, beaucoup plus de monde pourra voir la vidéo sans problème. De plus, le démarrage de l'affichage des vidéos Flash est nettement plus rapide que pour AVI, WMV ou QuickTime. * Convertir la vidéo en FLV sous Windows o 1. Installer un convertisseur FLV o 2. Convertir la vidéo en FLV * Convertir la vidéo en FLV sous Linux o 1. Installer un convertisseur FLV o 2. Convertir la vidéo en FLV * 3. Installer le player FLV en Flash * 4. Créer la page HTML * Voir également

2009

Jardin Zen css: La beauté de la conception CSS - Spip

by 22 others
Alors, de quoi s'agit–il? Il y a clairement un besoin pour les graphistes de prendre les CSS au sérieux. Le Jardin Zen vise à exciter, inspirer, et encourager la participation. Pour commencer, voyez quelques concepts choisis dans la liste. Cliquez sur n'importe lequel pour le charger sur cette page. Le code HTML demeure le même, et seule la feuille de style extérieure change. Oui, vraiment. Les CSS permettent un contrôle complet et total du style d'un document hypertexte. La seule manière de vraiment démontrer cela d'une manière qui excite les gens est de démontrer ce qui peut vraiment être, une fois que les rennes ont été placées dans les mains de ceux capables de créer la beauté basée sur la forme. Jusqu'à maintenant, les exemples de trouvailles et montages intéressants ont étés fournis par des programmeurs et des structuralistes. Les concepteurs ont encore à faire leurs preuves. Cela doit changer.

2008

Tutoriel Serveur Web eMule

Qu'est-ce que le Serveur Web de eMule ? Le Serveur Web d'eMule est encore une de ces fonctions si peu connu mais si pratique, facile et bien pensée...Cette fonction vous permet tout simplement d'accéder à distance depuis n'importe quel ordinateur connecté à Internet à votre mule. Vous pouvez donc consulter l'avancement de vos téléchargements mais pas seulement ! Vous avez un accès quasi complet ! Autrement dis, la possibilité de changer de serveur, de lancer des nouveaux downloads, consulter les statistiques ainsi que de configurer votre mule...

ThickBox 3.1___A webpage UI dialog widget written in JavaScript on top of the jQuery library.

by 61 others
ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal.

2007

Research Beyond Google: 119 Authoritative, Invisible, and Comprehensive Resources | OEDb

by 7 others
In order to start researching like a librarian, you'll need to explore more authoritative resources, many of which are invisible. Note: Although some of the following resources are visible and indexed, they have all been included here because of their aut

Voicethread __Work With Flickr___The human voice around photographs

The human voice around photographs.This one is really simple and "lovely". Photos are a way to share experience and when you show photos to someone else, your voice is often an accompanying narrative adding a story. Voicethread allows the viewers of ph