Weekly Roundup: This Week in Code
Tooltips, Button Rollover Effects, Responsive Image Grids, Loading CSS/JS Faster, Google Display Network Experiments...
Every week new tutorials are posted to the growing Solodev Web Design Blog! Here is a list of what was added the week of September 19th!
Using Tooltips on your Website
Sometimes the User Experience (UX) of your website needs a nudge - a bit more information in case the user doesn't know where to go next. Tooltips allow you to add a bit more information to help guide your website visitors through the User Experience.
Fun with Button Rollover Effects
Adding a rollover effect to your buttons is an indication to the user that the browser is aware of the position of their cursor and can drive action and conversions accordingly. In this tutorial, Solodev provides you with the resources you need to add a rollover effect to elements on your website.
Creating a Responsive Image Grid with CSS
Graphics are integral to websites and creating a grid of images is increasingly becoming commonplace as clickable tiles that direct you to further web pages. This tutorial walks you through creating a mobile responsive grid of clickable images for your website using simple CSS.
How to Load CSS and JavaScript Faster
Optimizing CSS and JavaScript for the browser involves more than just the removal of new line characters, white space, shortening variable names, combining duplicate CSS, etc. It’s all quite simple and involves one goal: less characters and as a result, smaller file sizes and faster-loading web pages.
How to Create Display Network Experiments in AdWords
Today, we are just going to focus on creating experiments in Adwords, specifically in the Display network, along with some best practices and tips to ensure your experiment is up to scientific standards.