Declarative programming specifies what the computer should do, not (as we saw with imperative programming) how it should be done. In CSS for example: turn all paragraphs red; I really don’t care how it happens, just make it so. — John Allsop, Not Real Programming
Tag Archives: css
Tridiv | CSS 3D Editor
Sizing (Web) components by adding a Trojan horse into your CSS
So when it comes to changing the size of a component [of a framework], for example making a Slider bigger for touch input, it might get tedious fiddling with all the widths/heights, border-radi.. etc. So how can we make it easier? Well, by sneaking a Trojan horse into your components and use it to control …
Continue reading “Sizing (Web) components by adding a Trojan horse into your CSS”
CSSRegions.js
The Future of Responsive Digital Layout
Wielding the tools from CSS and browser layout can enable stunning visualizations for web content. Using web features like CSS filters, WebGL, HTML5 video, SVG, canvas and evolving future tech like CSS Regions, CSS Shapes and CSS Custom Filters promises a hugely expanded creative landscape. National Geographic: Forest Giant (Demo) → Next Generation Web Layout: …
Jake Archibald – Rendering without lumpy bits
Right, we’ve got a new project, we have to calculate and draw 500,000 pixels, and the deadline is in 16.67 milliseconds. When we’re done, we’ll do it again, and again. Web performance has always been about delivering those pixels on time, but the target has shifted. Optimising pure JavaScript (loops, string concatination, arithmetic) is more …
Continue reading “Jake Archibald – Rendering without lumpy bits”
Pure
jQuery Sticky Objects
lessphp
LESS Compiler written in PHP. Usage is simple: <?php require “lessc.inc.php”; $less = new lessc; echo $less->compile(“.block { padding: 3 + 4px }”); Of course one can take files as input too (define a 2nd argument to cache on disk): <?php echo $less->compileFile(“input.less”); Also ships with an extra shell executable script plessc $ plessc input.less …
Grunticon: A Grunt.js plugin for managing and delivering sharp icons to all devices
grunticon takes a folder of SVG files (typically, icons that you’ve drawn in an application like Adobe Illustrator), and outputs them to CSS in 3 formats: svg data urls, png data urls, and a third fallback CSS file with references to regular png images, which are also automatically generated and placed in a folder. Just …