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.
Using the name attribute of the anchor tag has become obsolete so we have to find a new way to scroll to a certain point on the page when a link is being clicked. We want to do this animated, not just an instant jump to the target position.
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.
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.
😀 😁 😂 😃 😄 😅 😆 😇 😈 😉 😊 😋 😌 😍 😎 😏 😐 😑 😒 😓 😔 😕 😖 😗 😘 😙 😚 😛 😜 😝 😞 😟 😠 😡 😢 😣 😤 😥 😦 😧 😨 😩 😪 😫 😬 😭 😮 😯 😰 😱 😲 😳 😴 😵 😶 😷
The online world of today places certain demands on modern websites. This is why it is so important to keep an eye on the latest trends and tendencies. Of course, you don’t necessarily need to follow all of them. Your website will be able to stay the course for quite a while, if you already have your feet on the ground. But if you are just starting and don’t have too big audience, who will loyal to you no matter what, you’d better take into consideration at least the most essential aspects. For example, it is very important to choose only responsive website templates for your website not to lose a lion’s share of the audience who uses handheld devices for browsing. User-friendly design with intuitive navigation is also a must. No one likes spending precious time in search of the menu bar. Today we have prepared for you a roundup of 15 free and premium website templates that can become a perfect foundation for any project.
Copying a text from a website can be uncomfortable. Help your site visitors select the text with a single click of a mouse button with this simple trick.
Improve your website’s user experience with a very simple arrow which fades in when visitors start scrolling the page. The page smoothly scrolls back to top when the the button is clicked.
We are presenting a simple jQuery solution to implement social media share buttons for the current page, with svg icons. Our example includes the most popular sites: Facebook, Twitter, Google+, StumbleUpon, LinkedIn, Digg, Blogger, Reddit, Delicious and “email to friend”. You can add new sites tweaking the code a little.
I know popups are considered to be annoying, pushy and people hate them but in this case we’re talking about visitors who have already decided to leave your site so you have nothing to lose by nagging them a little.