Posts

Draw on Webpage

Image
Check out this pen which allows you to draw tiny solid colorful circles over your web page. It leaves behind a trail of tiny circles wherever you click and drag your mouse to: Click and drag your mouse over this page!    Select your options: (Try it out on Codepen if viewing from mobile, to support touch functionality) Color : Rainbow Red Blue Green Yellow Violet Orange Pink White Black Size (pixels): Transparency : 0% 10% 20% 30% 40% 50% 60% 70% 80% 90% 100% The code: See the Pen Click and drag colors! by Jones Vinoth Joseph ( @jo_Geek ) on CodePen .

Animated Gridlines CSS

Image
Animated grid lines in CSS. Sure has plenty of <div> tags in it..  See the Pen Animated gridlines by Jones Vinoth Joseph ( @jo_Geek ) on CodePen .

Windows style buttons CSS

Image
Windows style buttons with hover and click effect purely in CSS. Windows Classic, WindowsXP and Windows 7 buttons See the Pen Windows Buttons by Jones Vinoth Joseph ( @jo_Geek ) on CodePen .

CSS rainbow background

Image
Just some random CSS thoughts. Its actually not a background, its one div translating over the other! Rainbow colored gradient with background-position animated and a div over it with changing colors with some transparency. See the Pen Colors background by Jones Vinoth Joseph ( @jo_Geek ) on CodePen .

Windows explorer search

Image
This article briefs up about the proper and various uses of the search box in the Windows Explorer. I found similar articles many places but there was one drawback and I have sort of found a solution for that too, which will be mentioned on the way !! So, that is the Windows Explorer which everyone knows about very well.. with the search box in the top right corner [Red colored box]. We may know a few techniques of using this great tool for finding a file. Like if you want to search for a needle in a haystack! 1. Search anywhere within the file name     This is one of the simplest technique. Just type in some text and Windows will find all the files that contain the text you entered.     For Eg.: You enter "net" and it returns files that have the text "net" anywhere in its name including its extension. 2.Search with a pattern     Now lets assume we know the starting or ending of a filename. We use an asterisk (*) for these kinds of searches...

Screen Color Picker v1.5

Image
The easy to use instant screen color picker has got a bit of upgrades! Now its Screen color picker v1.5 !!! It now has copy to clipboard , two different pick modes , etc. View Detais and download here:  Screen color picker

Screen color picker v1.0

Image
This utility picks a color from the current screen and displays the color picked in RGB, HEX format Easy to use, instant access through the notification tray  How to use?     Just click on the icon  in the notification tray, hover over your color you want to pick and click there! View Detais and download here:  Screen color picker