eleqtriq.comeleqtriq- Tweaking Bytes In Red, Blue & Green

eleqtriq- Tweaking Bytes In Red, Blue & Green About Archives Searchfor: eleqtriq awesome! Liquify everything! 09/07/2021 A new article on smashing magazine , where I dive into the wonderful world of visual effects that can be achieved with displacement maps. Read on Posted in:Coding , General , Javascript , SVG Comments Closed SVG Partial Blur and iOS Style Translucency 11/29/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. Read on Posted in:Coding , CSS3 , General , SVG , Tutorial 2 Comments The SVG Filter and why it’s awesome 05/31/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. Read on Posted in:Coding , CSS3 , Design , SVG , Typography Comments Closed Applying Alpha Channels to JPGs 08/01/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. Read on Posted in:Coding , HTML5 , SVG , Tutorial 22 Comments The Holy Grail of Image Scaling 03/28/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. Read on Posted in:Design , HTML5 , SVG , Tutorial 5 Comments The 4 Slice Scaling Technique for SVG 02/24/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. Read on Posted in:CSS3 , HTML5 , SVG 4 Comments Everything is Relative. The Art of the Adaptive Image. 02/18/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. Read on Posted in:CSS3 , Design , HTML5 , SVG 4 Comments Relaunch. Yippieyeah. 02/02/2014 A blog relaunch was overdue for a long time. Finally did it. Now it’s responsive, red and with robots. Read on Posted in:General No Comments Finally! csswarp.js for dynamic Text warping 02/10/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. Read on Posted in:CSS3 , HTML5 , Javascript , Typography 3 Comments Older Entries Show Archives September 2021 November 2015 May 2015 August 2014 March 2014 February 2014 February 2012 January 2012 November 2011 March 2011 November 2010 October 2010 August 2010 July 2010 June 2010 May 2010 April 2010 February 2010 December 2009 Categories Aside (8) Coding (21) CSS3 (12) HTML (6) HTML5 (9) Javascript (13) SVG (7) Design (10) Typography (4) Flash (5) Actionscript (3) General (7) Mathematics (2) Tutorial (5) UX (2) Web-Applications (2) Projects HTML5 Text Warping Create Illustrator like text that is aligned to an arbitrary path! CSS 3D Object Rotation Tutorial: Create rotatable objects with CSS and Javascript. Sqetch Wireframe Toolkit A "sketchy" looking Illustrator toolkit. Spritebaker An online app for easy Base64 encoding. Info eleqtriq is the blog of Dirk Weber, designer and web-developer living in beautiful Hilden in Germany. Read more Privacy Statement Get in Touch Follow me on twitter Write e-mail to headquarter-ät-eleqtriq-dot-com Subscribe to my RSS...