For your Oscar consideration: A veteran puppeteer, who plays an avian icon, battles his ego and attempts to find his way back to a certain furry and friendly street. This is ‘Big Birdman.’ Brilliant Birdman spoof!
Category Archives: Elsewhere
The NY Sea
CSS3 Grid By Example
Rachel Andrew: I have been writing and speaking about the CSS Grid Layout Module for some time now. In order to learn how Grid works I’ve put together lots of small examples, and I am publishing them here as a resource for anyone else interested in this emerging specification. Great to see these all bundled …
SVG and <picture>
<picture> <!–[if IE 9]><video style="display: none;"><![endif]–> <source type="image/svg+xml" srcset="path/to/header–full.svg"> <source type="image/svg+xml" srcset="path/to/header–medium.svg" media="(max-width: 1024px)"> <source type="image/svg+xml" srcset="path/to/header–small.svg" media="(max-width: 640px)"> <!–[if IE 9]></video><![endif]–> <img src="path/to/header-1x.png" srcset="path/to/header-2x.png 2x, path/to/header-3x.png 3x" alt="Header description"> </picture> Besides using an SVG as a background image in CSS, you can serve SVG foreground images in HTML using one of several embedding techniques, …
CSS Ruler
StackPHP – HttpKernelInterface based middlewares
The HttpKernelInterface models web request and response as PHP objects, giving them value semantics. Stack is a convention for composing HttpKernelInterface middlewares. By wrapping your application in decorators you can add new behaviour from the outside. In the screenshot above Session is a decorator wrapped around Authentication which itself is a decorator wrapped around the …
Continue reading “StackPHP – HttpKernelInterface based middlewares”
Easy Textures with CSS Masks
.grit { -webkit-mask-image: url(“grit.png”); mask-image: url(“grit.png”); } With the image above, the areas with partial and full transparency will mask the element (allowing the background to show through), while fully opaque areas (of any color) will allow the element to be visible. Then simply apply it as a mask image in CSS with only 2 …
Polylion: SVG polygon animation
Using a tad of JavaScript it iterates all <polygon> elements of the SVG and animates them using TimelineMax. It’s also possible without TimelineMax, by using a CSS animation, and by changing animation-delay per <polygon>. // SCSS @keyframes polyonlion-animation { to { transform: scale(1); opacity: 1; } } .polyonlion > g polygon { transform: scale(0); transform-origin: …
Alto’s Adventure
Recommended Reading: Modern PHP
PHP is experiencing a renaissance, though it may be difficult to tell with all of the outdated PHP tutorials online. With this practical guide, you’ll learn how PHP has become a full-featured, mature language with object-orientation, namespaces, and a growing collection of reusable component libraries. Author Josh Lockhart—creator of PHP The Right Way, a popular …