Script to stick HTML element to the top when scrolled through

In this article I’m going to present a lightweight script to stick an HTML element to the top of the page when the user scrolls through it. Use this to make a menu, a call to action button or any other important element always stay in focus. Adjusting the script you can trigger other effects when the page scrolls through an anchor point. Here are the HTML CSS and JS codes to use to accomplish this effect.

javascript stick element top scroll through Continue reading “Script to stick HTML element to the top when scrolled through”

jQuery Hover Animation Effect Without Jumping – Using Stop() Method

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.

jquery animation effect stop Continue reading “jQuery Hover Animation Effect Without Jumping – Using Stop() Method”

Cookie Consent warning strap with HTML-CSS-JS

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.

cookie law warning strap

Continue reading “Cookie Consent warning strap with HTML-CSS-JS”

HTML CSS JS Cheat Sheets

Today I’d like to present a free online tool that every web developer and designer should add to their bookmarks. The new free interactive HTML CSS JavaScript Cheat Sheets have gathered the most common code snippets and online tools. Each one of these languages has its own dedicated page which allows you to easily pick the code you’re looking for and to test it in the instant editor.

html css js cheat sheet

Continue reading “HTML CSS JS Cheat Sheets”

Save JavaScript variables to PHP/MySQL DataBase Securely with Ajax Post

We will show you the way how to save JavaScript variables to a PHP/MySQL DataBase easily and securely. In my demonstration we’ll go through an example in which we want to store an array for my users. The users can be identified by their unique names.

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.

JavaScript variables to PHP MySQL DataBase Continue reading “Save JavaScript variables to PHP/MySQL DataBase Securely with Ajax Post”