Pens from Gábor Berkesi https://codepen.io/softwaretailoring/ en nospam@codepen.io Copyright 2024 2019-02-24T16:48:04-07:00 Pie menu with wrapped and curved text https://codepen.io/softwaretailoring/pen/eLNBYz https://codepen.io/softwaretailoring/pen/eLNBYz Gábor Berkesi

See the Code - See it Full Page - See Details

This is a demo of new curved text feature of wheelnav.js library v1.8.0 (currently RC). It uses two wheels on each other to imitate wrapped text.

]]>
Pie menu with wrapped and curved text 2018-09-11T07:12:40-07:00
Pie menu with curved text https://codepen.io/softwaretailoring/pen/RQYzWm https://codepen.io/softwaretailoring/pen/RQYzWm Gábor Berkesi

See the Code - See it Full Page - See Details

This is a demo of new curved text feature of wheelnav.js library v1.8.0 (currently RC).

]]>
Pie menu with curved text 2018-08-22T15:58:29-07:00
Just splash it! https://codepen.io/softwaretailoring/pen/ZaVpqg https://codepen.io/softwaretailoring/pen/ZaVpqg Gábor Berkesi

See the Code - See it Full Page - See Details

Splash it! An experimental menu for splashing. (SVG + JS) Hints ------- You can change colors via URL parameter: [?colors=006e90-f18f01-adcad6-99c24d-41bbd9](https://codepen.io/softwaretailoring/full/ZaVpqg/?colors=006e90-f18f01-adcad6-99c24d-41bbd9) Color keys: AD, SW Size keys: ← →, ↓ ↑ Credits --------- CSS framework: [Bootstrap](http://getbootstrap.com/) Background pattern: [Hero patterns](http://www.heropatterns.com/)

]]>
Just splash it! 2018-02-25T12:25:35-07:00
Flying buttons https://codepen.io/softwaretailoring/pen/ooJzZb https://codepen.io/softwaretailoring/pen/ooJzZb Gábor Berkesi

See the Code - See it Full Page - See Details

This is the header of my HomePage and CodePen's profile. Credits --------- particles.js - A lightweight JavaScript library for creating particles (canvas) - http://vincentgarreau.com/particles.js/ - https://github.com/VincentGarreau/particles.js/

]]>
Flying buttons 2017-12-01T00:11:54-07:00
Drawing from noise - filtered version https://codepen.io/softwaretailoring/pen/mqxGwJ https://codepen.io/softwaretailoring/pen/mqxGwJ Gábor Berkesi

See the Code - See it Full Page - See Details

A filtered version of an animated gif from an interesting blog post. Credits --------- https://necessarydisorder.wordpress.com/2017/11/15/drawing-from-noise-and-then-making-animated-loopy-gifs-from-there/

]]>
Drawing from noise - filtered version 2017-12-01T23:31:40-07:00
What does a developer share? https://codepen.io/softwaretailoring/pen/QdReGP https://codepen.io/softwaretailoring/pen/QdReGP Gábor Berkesi

See the Code - See it Full Page - See Details

SVG social icons for developers with [hybicon.js](http://hybicon.softwaretailoring.net/) CodePen, GitHub, GitLab, Bitbucket, npm, Bower, Jsdelivr, Stackoverflow, Gitter, Slack

]]>
What does a developer share? 2017-02-19T18:22:46-07:00
Tibet flag - animated version https://codepen.io/softwaretailoring/pen/dNEBJM https://codepen.io/softwaretailoring/pen/dNEBJM Gábor Berkesi

See the Code - See it Full Page - See Details

Animated tibet flag with [wheelnav.js](http://wheelnavjs.softwaretailoring.net/) Source on [GitHub](https://github.com/softwaretailoring/wheelnav.inspirations/blob/master/tibet.html)

]]>
Tibet flag - animated version 2017-11-24T22:52:13-07:00
wheelnav.js template https://codepen.io/softwaretailoring/pen/OWYBjy https://codepen.io/softwaretailoring/pen/OWYBjy Gábor Berkesi

See the Code - See it Full Page - See Details

Template for [wheelnav.js](http://wheelnavjs.softwaretailoring.net/)

]]>
wheelnav.js template 2019-02-24T16:48:04-07:00
Accessible SVG icon https://codepen.io/softwaretailoring/pen/GraXPz https://codepen.io/softwaretailoring/pen/GraXPz Gábor Berkesi

See the Code - See it Full Page - See Details

Demo of [hybicon.js](http://hybicon.softwaretailoring.net/) Source on [GitHub](https://github.com/softwaretailoring/hybicon/blob/v1.3.0/samples/svgtitle.html)

]]>
Accessible SVG icon 2017-02-18T16:01:08-07:00
hybicon.js template https://codepen.io/softwaretailoring/pen/qRGMMp https://codepen.io/softwaretailoring/pen/qRGMMp Gábor Berkesi

See the Code - See it Full Page - See Details

Template for [hybicon.js](http://hybicon.softwaretailoring.net/)

]]>
hybicon.js template 2017-02-18T16:00:13-07:00