eleqtriq

Tweaking bytes at 72 dots per inch

Website

w3.eleqtriq.com · all feeds from this site

Feed URL

https://w3.eleqtriq.com/feed/ Copy

Follow Read it in your FeedListing reader

Or add to: Feedly Inoreader Raw feed

Latest posts

• Liquify everything! 07 Sep 2021

  A new article on smashing magazine , where I dive into the wonderful world of visual effects that can be achieved with displacement maps.

• SVG Partial Blur and iOS Style Translucency 29 Nov 2015

  It's one of the lesser known features of SVG filters that they can be masked. Here's how to apply a partial blur to images and SVG elements. This way it's possible to create some nifty effects like tilt-shift or true iOS style translucency.

• The SVG Filter and why it’s awesome 31 May 2015

  I had the honour to write a post over at Smashing Magazine , where I take a closer look at SVG filters and the phantastic possibilties they offer designers to create astonishing type effects.

• Applying Alpha Channels to JPGs 01 Aug 2014

  For a long Time we have been waiting for a highly compressed image format that allows semi-transparent areas and is available in every browser. Well, it's been here all the time! Reduce page weight by replacing PNGs with semi transparent JPGs.

• The Holy Grail of Image Scaling 28 Mar 2014

  Flash and Illustrator users had the luck to enjoy image scaling with a 9-sliced scaling grid for years. Applying this grid to graphics gives us unmatched scaling flexibility. Here's how to get a hold of this technique in web development with the help of some clever SVG tricks.

• The 4 Slice Scaling Technique for SVG 23 Feb 2014

  This is a method to create highly flexible SVG images from 4 overlappping tiles. Learn it and then never go back to traditional CSS background images again.

• Everything is Relative. The Art of the Adaptive Image. 18 Feb 2014

  In responsive design it's not only about how big an image will display and which density we must feed to the browser. The image itself must be adaptive, change its content according to the context. In loose order I will try some not so common adaptive image techniques here.

• Relaunch.Yippieyeah. 02 Feb 2014

  A blog relaunch was overdue for a long time. Finally did it. Now it's responsive, red and with robots.

• Finally! csswarp.js for dynamic Text warping 10 Feb 2012

  Finally the first incarnation of csswarp.js is ready. Now it's possible to have warped text that follows a path even when content is served dynamically. An extensive set of configuration options gives you the ability to control every aspect of your warp.

• Better CSS Sprites with SVG 02 Jan 2012

  SVG CSS sprites offer some possibilities for webdevelopers that are superior to the "classical" CSS sprites. With SVG it is possible to get access to much needed properties like "background-rotation" or "background-opacity" that currently are missing from the CSS spec. This…

Report this feed