Pure CSS Oil Painting - by Diana Smith aka cyanHarlow

The release of Firefox 54 is just around the corner and it will introduce new features into an already cool CSS property: clip-path. clip-path is a property that allows us to clip (i.e., cut away) parts of an element. Up until now, in Firefox you could only use an SVG to clip an element: But with Firefox 54, you will be able to use shapes as well: insets, circles, ellipses and polygons! Note: this

Starting with the Windows 10 Anniversary Update, Microsoft Edge will support the Speech Synthesis APIs defined in the W3C Web Speech API Specification. These APIs allow websites to convert text to audible speech with customizable voice and language settings. With them, website developers can add and control text-to-speech features specific to their page content and design. Speech Synthesis is usef

You Can Help Build the Future of Firefox with the New Test Pilot Program When building features for hundreds of millions of Firefox users worldwide, it’s important to get them right. To help figure out which features should ship and how they should work, we created the new Test Pilot program. Test Pilot is a way for you to try out experimental features and let us know what you think. You can turn

This is a demonstration of all the data your browser knows about you. All this data can be accessed by any website without asking you for any permission. Most of the data points are educated guesses and not considered to be accurate. If you are interested in this topic join the discussion on Hackernews or the discussion on Reddit. Create awareness for web privacy by tweeting about this page, or sh

Last June, we announced the start of our journey towards implementing WebAssembly – a new, portable, size and load-time-efficient binary format suitable for compiling to the web. WebAssembly is a continuation of our previous efforts to support asm.js to bring a fast and safe compile target to the web. You can learn more about WebAssembly at the FAQ on GitHub. Since then, we have been collaborating

DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! Before this new CSS I’m about to introduce existed, locking an element into the viewport on scroll required rigging up some JavaScript. As you may know, JavaScript has a well-earned reputation to be tricky when paired with scrolling behavior. The new CSS Scroll Snap Points spec promises to h

Speech Synthesis and recognition are powerful tools to have available on computers, and they have become quite widespread in this modern age — look at tools like Cortana, Dictation and Siri on popular modern OSes, and accessibility tools like screenreaders. But what about the Web? To be able to issue voice commands directly to a web page and have the browser read text content directly would be ver

Sat, Jan 2, 2016 This post presents a new method for high quality text rendering using the GPU. Unlike existing methods it provides antialiased pixel accurate results at all scales with no runtime CPU cost. Click here to see the WebGL demo Font atlases The standard way of rendering text with the GPU is to use a font atlas. Each glyph is rendered on the CPU and packed into a texture. Here’s an exam

Optimize your website for a better UXSupercharge your web application delivery with the world’s fastest network Cloudflare’s application delivery services puts your website within milliseconds of nearly every Internet user, helping you easily diagnose UX issues, optimize caching, and accelerate dynamic content delivery.