public marks

PUBLIC MARKS from decembre with tags dev & demo

2018

CSS - PRO TIPS - CSS element() function - [: -moz-element()]Vincent De Oliveira

element() brings CSS design to a new level, in an easily way. Few ideas that comes to my mind (some that I've already used since the last 4 years): - when you have to deal with duplicated content in advanced effects - live thumbnails of previous/next slides in a slideshow - live zoom over an image, for example in an e-commerce product page - animated background, using CSS Animations or by referencing a video, canvas or SVG - faking backdrop-filter or filter() - watermark with multiples backgrounds from Lea Verou idea - and anything you’re currently thinking of ;) Few things we can note: - prefixed for now in Firefox: -moz-element() - impact on rendering performance when using multiple reference. Not as bad as CSS filters, but still something you have to consider - there’s a CanIUse support page - Issue Chromium - Issue WebKit - No mention from IE Platform Status

2015

CSS - ANIMATION - iHover Hover Effects powered by pure CSS3

(via)
iHover is an impressive hover effects collection, powered by pure CSS3, no dependency, work well with Bootstrap 3!

JQuery - Native equivalents of jQuery functions

by 1 other (via)
I think there are many developers who don’t realize that most of the jQuery methods they use have native equivalents that require the same or only a slighter larger amount of code to use. Below are a series of code samples showing some popular jQuery functions along with their native counterparts.

2013

corkboard, sticky notes and images | Demo Studio | MDN

simulates a cork board with sticky notes and images, the information is stored using the api of html5 localStorage. simule un panneau de liège avec les notes collantes et des images, l'information est stockée en utilisant l'API de HTML5 localStorage : - Vous n'avez pas besoin d'appuyer sur une touche pour enregistrer les modifications apportées à l'application . Vous pouvez modifier la taille des notes, des images et des commissions . Vous pouvez changer la couleur des notes. Vous pouvez faire glisser les éléments dans le document. Vous pouvez épingler une note avec une pointe Vous pouvez télécharger une image Vous pouvez changer la couleur de fond. -You do not have to press any buttons to save changes to the application. -You can change the size of the notes, images and boards. -You can change the color of the notes. -You can drag items around the document. -You can pin a note with a tack -You can upload a picture -You can change the background color

2009

SIP - Qu’est-ce qu’un CMS ? | CMS-FR.NET- Qu’est-ce qu’un CMS ou SGC ? Définition d’un Système de Gestion de Contenu

by 1 other
Les systèmes de gestion de contenu ou SGC (de l'anglais Content Management System ou CMS) sont une famille de logiciels de conception et de mise à jour dynamique de sites web partageant les fonctionnalités suivantes : * les hyperliens, qui permettent de référencer les articles entre eux, * un moteur de recherche sur le texte, * des tris spécifiques (par date de modification, auteurs, liens...) Un CMS n'est pas un blog qui présente des nouvelles publiées sous forme de fils de discussions, souvent de manière chronologique et avec un classement par thèmes. En effet, un CMS propose d'autres manières de structurer l'information. Ce n'est pas non plus un Wiki d'où la chaîne de publication est absente. Toutefois, nous pensons que ces distinctions blog, cms, wiki vont avoir tendance à disparaître; tant certains blogs savent aussi être un wiki et inversement; au profit d’une notion plus générale de Système de Gestion d’Informations en Ligne.

GRML.eu le SPIP jetable

Grml.eu est un site qui utilise la mutualisation de SPIP . Pour pouvoir créer un site, il vous suffit de choisir le nom de votre site (par exemple toto pour notre exemple). Tapez ensuite l’adresse http://toto.grml.eu et suivez les étapes pour créer votre site . Tous les jours un robot passe pour faire du ménage et efface les sites qui ont plus de 1 mois. Ah j’oubliais, le mot "ecureuil" vous sera très utile pour lancer la création du site (...)