public marks

PUBLIC MARKS from decembre with tag html5

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.

2014

CSS - 2012 - Nouvelle méthode de remplacement de texte par une image

(via)
/* For image replacement */ .ir { border:0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; } Edit du 09/04/2012 — N’hésitez pas à jeter un oeil sur l’article : My thoughts about the latest Image Replacement techniques qui pointe les défauts de ces nouvelles méthodes de remplacement de texte par une image.

2013

LOG - Web Designer (Google) outil pour concevoir ses pubs HTML5 « Korben Korben

Google vient de rendre public pour Mac et Windows un outil baptisé Web Designer qui va permettre à chacun de créer ses propres publicités en HTML5. Animations, interactivité avec l'internaute et surtout compatibilité avec tous les navigateurs, même mobiles, voilà les promesses faites par cet outil qui peut très bien être utilisé à d'autres fins que la pub. Par exemple, vous pouvez détourner son usage pour réaliser une présentation animée afin d'illustrer l'un de vos articles. Bon, il faut un peu de temps pour prendre en main l'outil, mais si vous connaissez un peu le JS et les CSS, vous pourrez vraiment concevoir à l'identique ce que vous avez en tête puisque le code est éditable directement.

JAVASCRIPT - Popcorn.js | The HTML5 Media Framework

by 2 others
Popcorn.js is an HTML5 media framework written in JavaScript for filmmakers, web developers, and anyone who wants to create time-based interactive media on the web. Popcorn.js is part of Mozilla's Popcorn project.

decembre's TAGS related to tag html5

code +   content +   css +   dev +   editeur +   example +   firefox +   google +   hack +   image +   interactif +   interactive +   javascript +   jQuery +   Korben +   media +   outil +   placeholder +   resize +   scrollbar +   site +   text +   textarea +   texte +   tricks +   tutorial +   tutoriel +   userstyle +   video +   web +   windows +