public marks

PUBLIC MARKS from decembre

22 March 2017

CSS - RESPONSIVE - 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.

CSS - JAVASCRIPT - Prevent White Flash While iFrame Loads | CSS-Tricks

The reason this is bad is that the CSS will hide the iframe no matter what and users with JavaScript turned off will never see that iframe. Now I'm not usually one to go to extreme lengths to cater to that crowd, but I'm all for using better solutions that do solve that issue when they are available.

17 March 2017

CSS - the new code - FullScreen HTML5 Video In Pure CSS

by 1 other
To make the video fullscreen: video#bgvid { position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background: url(polina.jpg) no-repeat; background-size: cover; } Conclusion: “Background” video can be a very powerful feature on a site, but with great power comes great responsibility: please use such features judiciously.

15 March 2017

CSS - Z-INDEX - What No One Told You About Z-Index — Philip Walton

The problem with z-index is that very few people understand how it really works. It’s not complicated, but it if you’ve never taken the time to read its specification, there are almost certainly crucial aspects that you’re completely unaware of.

CSS - FLEXBOX - Alsacréations - Flexbox Cheatsheet au format PDF

Ce memento est composé des sections suivantes : propriétés Flexbox applicables sur le parent (avec valeurs par défaut) propriétés applicables sur les enfants support des navigateurs (et version de spécification supportée) liste des bugs navigateurs et contournements les plus courants ordre de priorité des propriétés (voir cette présentation PDF) quelques modèles classiques : objet "media", centrage multiple, grille mono-ligne avec et sans gouttières les propriétés CSS qui ne s'appliquent pas sur les parents et les enfants flexbox liens vers des ressources incontournables

14 March 2017

PLEX - SERVEUR Multimédia - CHROMECAST & GOOGLE CAST : Le BLOG: Plex

(via)
Vous pourrez diffuser tous vos contenus vidéos ou photos, très utile surtout si vous possédez beaucoup de fichiers multimédias à diffuser. Le logiciel Plex permet d'agir comme un serveur de contenu et d'afficher n'importe quel contenu multimédia sur la télévision (vidéos, photos, musique etc.). Plex s'installe sur un ordinateur de la maison (PC ou Mac) ou sur un NAS et permet de caster depuis un autre ordinateur ou depuis smartphones ou tablettes Android, iOS... Vous centralisez la localisation de vos médias via Plex sur un appareil (un NAS ou un PC) faisant office de serveur "Plex Media Center", pour ensuite le rendre accessible au sein de votre réseau, depuis n’importe quel appareil. Gratuit ou payant ? Plex Media Server dispose d’une version totalement gratuite (suffisante dans la plupart des cas) et d'une version plus complète, payante. Pour accéder aux médias, plusieurs choix : accès via l’interface web (gratuite) ou via des applications Android, iOS ou Windows Phone (payantes: entre 3€ et 5€).

11 March 2017

CSS - box-decoration-break | CSS-Tricks

(via)
The box-decoration-break property lets you control how box decorations are drawn across the fragments of a "broken" element. An element can break into fragments at the end of a line, over columns, or at page breaks

CSS - ONLINE TOOL - How to Center in CSS

by 3 others
Centering in CSS is a pain in the ass. There seems to be a gazillion ways to do it, depending on a variety of factors. This consolidates them and gives you the code you need for each situation. Select the type of content you want to center in a parent div and the size of the parent.

CSS - TRICK - FLOAT - html - Div collapse after float css - Stack Overflow

(via)
Add any overflow value other than visible to your container: div#nav { overflow:auto; } Then add width to restore the width : div#nav { width: 100%; overflow:auto; }

ART - BONNE Idées - Ces vélos dessinés à main levée ne rouleraient pas bien loin s'ils existaient

(via)
ART - Dessiner un vélo à main levée et de tête? A priori, ça ne semble pas bien compliqué. Sauf que sans modèle sous les yeux, le résultat risque en fait d'être assez éloigné de la réalité. Et quand bien même le croquis apparaîtrait satisfaisant, il renfermerait à coup sûr bon nombres d'erreurs qui rendrait le vélo en question inutilisable. Voilà le constat qu'à voulu mettre en évidence le designer italien Gianluca Gimini. Depuis 2009, cet artiste installé à Bologne s'amuse à aller voir des amis, des membres de sa famille et des inconnus pour leur tendre une feuille de papier et un crayon avant de leur demander de lui dessiner un vélo sur-le-champ. "Je me suis rapidement rendu compte que la plupart des gens avaient beaucoup de mal à se rappeler comment un vélo était fait. La majorité d'entre eux finissent par dessiner quelque qui ressemble à peine à un vélo", commente-t-il sur son site internet. Après avoir récolté des centaines de croquis, Gianluca Gimini a vu en 2016 qu'il avait entre les mains une source inestimable d'inspiration pour créer de nouveaux modèles. "Un seul designer ne pourraient jamais inventer tout ça, même en vivant 100 fois", assure-t-il.

CSS - float 6 All About Floats | CSS-Tricks

All About Floats By Chris Coyier On July 8, 2009

10 March 2017

Télécharger File Access Monitor - 01net.com - Telecharger.com

(via)
logiciel permettant de surveiller l'accès à vos fichiers. L'utilitaire propose en effet de conserver un historique complet des personnes qui accèdent, lisent, ouvrent, éditent ou manipulent les documents de votre ordinateur.

02 March 2017

MEUBLE - Travail scandinave, Commode - Bois - Date de création : années 1960 - H 80 × L [...], Intérieur "Design" dont une Collection Privée Principalement de Verreries Italiennes à Piasa | Piasa

Lot 262 - Travail scandinave, Commode - Bois - Date de création : années 1960 - H 80 × L [...] Estimation : 10 000 € / 15 000 € Adjugé à 12 880 €

SCREENCAST -ADDON - screencastify firefox - Recherche Google

Record your monitor or a window then upload to Youtube, Gfycat, Twitter, or Facebook. You can also save to file. You can upload to Gfycat anonymously (without an account). For Gfycat, anything longer then 15 seconds needs to be converted to a GIF. This is the rules of Gfycat's website. When saving to file, you can can save it in the default format, which is .WEBM, or you can convert it to a .GIF or .MP4. This is done thanks to the ff-mpeg.js library (27mb). This library is responsible for the large size of this addon. Some services, like Twitter does not accept webm uploads, so I use this lib to convert to MP4 or GIF before upload. All uploads use the resumable APIs, so you can upload large videos without worry of upload failure. If connection is lost during an upload, the upload will resume after the connection is available again. This uses WebRTC to record. If you have it disabled, it will be enabled for the recording and then disabled again.

28 February 2017

BRICO - VIDEO - RECUP MOTEUR - 11. How To Wire Most Motors To Build Shop Tools, Blower motor, Washing machine, and DC to name a few - YouTube

1 janv. 2017 : I show how to wire several different types of motors and explain some of the important components. 1. AC single phase 1/4 Blower Motor (brush-less) induction motor 2. AC single phase Washing machine motor (1/2 hp and 3/4 hp) induction motor (brush-less) 3. AC single phase 3 hp (brush-less) induction motor 4. DC permanent Magnet Treadmill motor 5. AC Motor with brushes universal motors

23 February 2017

VOITURE - Fiabilité Opel Zafira I (1) : que vaut le modèle en occasion ?

(via)
En bref: Le Zafira fut l'un des premiers, avec le Fiat Multipla, à donner la réplique au Renault Scénic, précurseur de la catégorie des monospaces compacts. Lui aussi d'ailleurs, tout comme le Multipla, a voulu en donner plus à son propriétaire et fut le premier à inaugurer le concept de monospace compact 7 places dont la dernière rangée s'escamotait dans le plancher du coffre. Un concept qui reste toujours d'actualité d'ailleurs. Mais s'il fut plébiscité pour sa modularité et ses qualités dynamiques, le Zafira a néanmoins beaucoup souffert de nombreux dysfonctionnements, qui ont terni son milieu de carrière. Revue de détail. Caradisiac a aimé : Les 7 places de série. La modularité. Le comportement routier. L'équipement. La sobriété en diesel. Les rangements. Caradisiac n'a pas aimé : L'appétit des moteurs essence. L'accessibilité arrière. L'habitacle très sombre. Le freinage. La fiabilité des premiers millésimes.

CSS / JQuery - Why I Love Element Queries & You Should Too! - Hashnode

by 1 other
For the past three years, I've done a lot of research and experiments related to the idea of style scoping and element queries in CSS. Since experimenting with element queries, I've noticed a big transformation in how I write HTML, and the fine-grained nature of element queries has improved the way I write CSS too. In this article I am going to explain why I love Element Queries and how you can get started easily.

JQUERY / CSS - EQCSS • Element Query CSS | Scoped CSS, Meta-Selectors, Element Queries

by 1 other
What are Element Queries? Element queries are a new way of thinking about responsive web design where the responsive conditions apply to elements on the page instead of the width or height of the browser. Unlike CSS @media queries, @element Queries are aware of more than just the width and height of the browser, you can write responsive conditions for a number of different situations like how many characters of text or child elements an element contains. Another concept that element queries brings to CSS is the idea of ‘scoping’ your styles to one element in the same way that JavaScript functions define a new scope for the variables they contain.

ANDROID - Arrêter les applications tournant en arrière plan sur Android – Tuxicoman

by 1 other
Pour voir quelles sont les applications qui tournent en arrière plan, il faut aller dans Paramètres Android -> « Options pour développeurs » -> « Services en cours d’exécution » Si vous ne trouvez pas l’entrée « Options pour développeurs », allez dans Paramètres Android -> « A propos du téléphone » et appuyez 5 fois sur « Numéro de build » pour faire le menu secret. Vous pouvez les arrêter de cet écran. Une autre info intéressante à obtenir, c’est de savoir si ces applications communiquent en permanence avec l’extérieur. Pour cela, l’application NetMonitor, disponible sur Fdroid, va vous donner toutes les connections actives ou récentes, par application .

22 February 2017

SCROLL - Responsive YouTube Player with Scrolling Thumbnail Playlist - Wooster Web Design

(via)
Responsive YouTube Player with Scrolling Thumbnail Playlist In this post we will work with an embedded YouTube video player using YouTube’s iframe embed code. Below the iframe we’ll add a horizontal playlist that includes a thumbnail image and title for each video. The playlist will scroll or slide left and right on click or tap. The player we are building in this is based on the MyList Video Player, but instead of automatically populating with a YouTube playlist, we are manually building our own playlist of selected YouTube videos.

SCROLL - Zoom sur l'effet parallaxe - Alsacreations

Qu'est-ce que l'effet parallaxe ? Il s'agit d'un terme générique correspondant au déplacement de plusieurs éléments sur des couches et à des vitesses différentes. Au scroll (défilement de la vue) ou en fonction des coordonnées de la souris, les positions des différents fonds (ou éléments à animer) vont changer, ce qui va générer un effet de profondeur. Ce principe concerne au minimum deux éléments et peut être appliqué à plusieurs endroits : sur les images de fond, sur un en-tête ou un pied de page, sur des images... etc.

21 February 2017

SessionBox - Comment se connecter avec plusieurs comptes différents sur un même site et dans un seul navigateur ? - Korben

Si vous avez besoin de vous logger avec différents noms d'utilisateurs sur le même site, ce n'est pas forcement faisable. Heureusement, sous Chrome et Firefox il existe une extension qui s'appelle SessionBox et qui permet d'utiliser plusieurs sessions différentes et actives d'un même site, dans le même navigateur.

DO IT YOURSELEF - Comment fabriquer une caméra thermique DIY - Korben

Si vous voulez vous la jouer Predator avec une caméra thermique, il va falloir casquer. Ou alors vous pouvez l'assembler vous-même en suivant le tuto de la DIY-Thermocam qui permet en utilisant le capteur infrarouge FLIR Lepton et quelques composants électroniques de filmer une image thermique de qualité pour environ 400 euros.

14 February 2017

gif - The Complete Guide to Making Animated GIFs

(via)
Fom beginners to advanced tools, we've got the ultimate guide to making your own silent internet picture films.

GIF - The Ultimate Guide to GIFs: How to Create Them, When to Use Them and Why They're Essential for Every Marketer - The Buffer Blog

(via)
The Ultimate Guide to GIFs: How to Create Them, When to Use Them and Why They’re Essential for Every Marketer

decembre's TAGS

search:

limit:50 100 200

aide   analyse   application   art   article   astuce   atelier   best   bib   bibliotheque   bibliotheque2.0   blog   carte   chercher   code   comment   configurer   css   delicious   dev   disque   documentation   download   extension   face   fichier   film   firefox   flickr   FlickrSurf+   free   Free:FreeBox   freeware   fun   google   gratuit   greasemonkey   groupe   guide   hack   howto   html   idea   idee   image   information   javascript   Korben   library2.0   lifehacker   liste   logiciel   mail   maps   mobile   moteur   mp3   multimedia   music   musique   navigation   online   opensource   outil   p2p   partager   photo   plugin   portrait   programme   projet   rechercher   reference   research   reseau   ressource   script   search   securite   security   service   site   social   software   tag   telecharger   telephone   tips   tool   truc   tutorial   tutoriel   user   utilitaire   video   web   web2.0   webdesign   windows   xp