public marks

PUBLIC MARKS from sbrothier with tags html5 & css

2016

the new code – Use YouTube Videos as Fullscreen Web Page Backgrounds

My article on using CSS to position HTML5 videos as fullscreen web page backgrounds has proven to be one of the most popular on this site, but the technique has a significant challenge in that it forces users to host their own videos, or to find a service to do so.

2012

New blending features in CSS | Web Platform Team Blog

by 1 other
A couple of months ago, we posted a blog post on bringing blending to the web. Since then, Nikos Andronikos from Canon and I have been busy integrating feedback in the draft spec and we presented it to the CSS working group in May. At Google I/O Vincent Hardy also gave an overview of the capabilities. If you’re interested, you can watch it here. (The part on blending and compositing starts around 55min.) The WebKit build he is using is also publicly available so you can experiment with these features.

CSS Filters

by 2 others
Demo showing CSS Filter Effects 1.0, specifically the filter functions, which are being implemented in Webkit.

2010

HTML5 ★ BOILERPLATE A ROCK-SOLID DEFAULT FOR HTML5 AWESOME.

by 13 others
HTML5 Boilerplate is the professional badass's base HTML/CSS/JS template for a fast, robust and future-proof site. After more than two years in iterative development, you get the best of the best practices baked in: cross-browser normalization, performance optimizations, even optional features like cross-domain Ajax and Flash. A starter apache .htaccess config file hooks you the eff up with caching rules and preps your site to serve HTML5 video, use @font-face, and get your gzip zipple on. Boilerplate is not a framework, nor does it prescribe any philosophy of development, it's just got some tricks to get your project off the ground quickly and right-footed.

sbrothier's TAGS related to tag html5

3d +   Activism +   blog +   color +   css +   drink +   environment +   film +   firefox +   games +   google +   ipad +   javascript +   magazine +   mobile +   mp3 +   music +   notifications +   photography +   pixelshaders +   responsive design +   scroll +   software +   sounds +   tools +   tracking +   twitter +   typography +   ui +   ux +   video +   webdesign +   webdocumentaire +   WebGL +   whisky +   youtube +