Probably you experienced some flashing effect the first time you tried to make a jQuery hover animation without the stop() call. This happens when you hover and take your mouse away quickly without waiting for the animation to finish. This behavior triggers a new animation to start before the previous has finished.
In this article I’m going to present the proper way of making jQuery animation calling the stop() method, avoiding shaking fuzzy effects.
Continue reading “jQuery Hover Animation Effect Without Jumping – Using Stop() Method”
Rendering arrows, triangles and other simple shapes from HTML divs and CSS borders is a popular way of optimizing website performance. In this article I’m presenting how to draw the HTML shield logo using only HTML and CSS.
Continue reading “HTML Shield Logo – Drawing With HTML&CSS – No Image”
We know there are many pointless, dumb laws out there that make no sense. The European Cookie Law is also annoying because you have to start by closing a popup every single time you visit a website. This law is a privacy legislation that requires sites to get consent from visitors to store or retrieve any information about them.
Continue reading “Cookie Consent warning strap with HTML-CSS-JS”
There’s something very common between a barbershop and web design. You find it extremely difficult to explain which haircut exactly you need, and these are the feelings which are very similar to the ones your customers have when trying to explain what website they need. Not surprisingly – they have never faced web design, they don’t know how it is done and they can’t even explain what they need. Until they see it. Which is why, to keep your nerve calm and your time saved, you may use ready-made templates. Luckily, the designs offered in these templates are of high quality, and this makes the choice easier. You may need a design with or without a Parallax effect, for a housewife blog or for a huge retail store, in dark or in light colors… Regardless of what you need, you will find them. If you spend some time, you may find literally everything that you need.
Continue reading “15 Stylish Design & Photography Website Templates to Make a Stunning Project”
Continue reading “HTML CSS JS Cheat Sheets”
Most people don’t know that there’s a character for almost any symbol out there. There’s no need to use images to display arrows, smileys and simple drawings, we can simply copy them in our document as plain text. Use them in Facebook or for chat so make sure you bookmark this page to give you quick access this list!
Use your mouse to select any of these characters and copy them as if you would copy any text character.
😀 😁 😂 😃 😄 😅 😆 😇 😈 😉 😊 😋 😌 😍 😎 😏 😐 😑 😒 😓 😔 😕 😖 😗 😘 😙 😚 😛 😜 😝 😞 😟 😠 😡 😢 😣 😤 😥 😦 😧 😨 😩 😪 😫 😬 😭 😮 😯 😰 😱 😲 😳 😴 😵 😶 😷
Continue reading “Colored Icon Characters To Copy-Paste as Text”
The HTML meta tag is surrounded with confusion. It serves many purposes and most people don’t understand its many uses. Many people spam keywords in their meta tags to increase their SEO, whilst others use it for site redirects; are these methods effective? We’re going to uncover the truth about meta tags.
Continue reading “HTML Meta Tags: Facts and Myths”
In this article I want to present a funny website which can be used to trick your geeky classmates or colleagues. GeekPrank.com is an online Windows XP desktop simulator with funny built-in features which will confuse the one you’re joking. The perfect prank, not only on April Fools’ day.
All you have to do is open this website on his computer while he’s not aware, activate full screen (usually the F11 key for Windows browsers) and wait for him to return and watch his reaction.
Continue reading “Old Windows XP Desktop Prank for Nerds”
Continue reading “Full Screen Stretching Background Image CSS”
Log in to to your cPanel hosting, find the “MySQL Databases” in the menu and create a new database. Create a user and add it to the database, checking all privileges. We’ll use this user to connect to the DB.
Open phpMyAdmin and you should see the new DB in the list. Select it and make a new table. In my example I’ll call it usertimes.
Set to auto increment (A_I) the primary key and make sure the name field is a unique value. We’ll store the current save date and the rest of the variables depends on your specifications. Save the settings when it’s done. My database is ready to receive input.