Home » Development

CSS3 ‘Whoosh’ and ‘Whiw’ hover button effects

I don’t really know what to call them so I just named them after what I thought the effects would sound like, if CSS had audio. The hover idea came to me yesterday and I thought that it would be nice to try out using…

Read More »

RUFUS – Developing my first talking AI

Meet RUFUS I’ve always been interested with the concept of AI. The computer’s ability to respond and learn based from the patterns of your responses. Back in the day, there was SimSimi. What was interesting about it was it stored other people’s feedback and then…

Read More »

Switching domains? Here’s the SQL query for WordPress!

Just update and run the query in phpmyadmin or whatever SQL client that you are using for the database of your site.

Elmer BalbinWeb developer from Bacolod, Steam Sale hunter, and casual DotA 2 player. about me https://elmerbalb.in

Read More »

Color slide effect on hover using CSS

A nice and simple hover effect where the background color shifts from right to left on hover. This is achieved by animating the ‘background-position’ property and increasing the width of the background using ‘background-size’. HTML

CSS

Output Icons made by Madebyoliver from www.flaticon.com…

Read More »

Collapsed DIV borders using CSS3 box-shadow

This is a neat little trick I’ve been using some time now and I hope this will be of help to others too, especially to young developers. Suppose you have 3 divs that are stacking on top of each other and you want to give…

Read More »

Hover Button ‘Fly-up’ Effect with CSS

An interesting button hover effect seldom used but not hard to create. This uses CSS3 so this won’t work on old browsers that don’t support it. HTML

CSS

Output Elmer BalbinWeb developer from Bacolod, Steam Sale hunter, and casual DotA 2 player. about me…

Read More »

Border Magnetize-Like Effect using CSS3 and jQuery

A simple effect on borders I had time to whip up today. Forgive the dirty code (newb here!). Calculates the mouse position from the center of the circle. This is my play on the mousemove event and CSS3 transition property. Feel free to copy the…

Read More »

Remove the first sentence in a DIV using jQuery

This will only remove the first instance in every class or element tag you specified in case you have multiple periods (or whatever it is you set as your char). HTML

Javascript

Output

Icons made by Freepik from www.flaticon.com is licensed by…

Read More »

Custom CSS Scrollbar using -webkit-scrollbar

Copy this code to your css file. Customize as you wish. Only works for -webkit- supported browsers.

Read More »

How to Choose Your Domain Name

You’re looking through the website of your favorite band or someone’s blog you enjoy reading and then suddenly you tell yourself, “I want my own site too”. This is when you start thinking about choosing your domain name. I’m not talking about those subdomains provided by your website…

Read More »

CSS-Tricks – a great CSS blog

Here’s a site that I’ve been following for quite some time now and would like to share with everyone. CSS-Tricks has some pretty surprising tips and tricks that I have personally even incorporated to some of my projects, introducing newer methods of front-end coding not only…

Read More »

Get great deals on hotel rooms from all over the world BOOK NOW