A very common and stylistic trend in web design is to overlay text over top an image. We do this quite often and have developed several different methods for achieving this type of layout. In this tutorial we will teach you how to center position text over an image with a color overlay using pure CSS3.
Whether you’re in the development stage or making updates to an existing WordPress project, you may run into unwanted stylesheet caching. In this tutorial we will teach you a very simple one step method to temporarily prevent WordPress from caching your stylesheet.
In part 1 of our preloader tutorial we taught you how to create a pure CSS3 preloader without images that utilizes CSS3 animations. In this tutorial we will teach you how to remove your CSS3 preloader on page load using jQuery.
If you are building a website and are worried about load times, preloaders are a great way to reduce user frustration due to varying load times. In part 1 of this tutorial we will teach you how to create a pure CSS3 preloader without images that utilizes CSS3 animations.
When a user bookmarks or adds your website to their home screen on an iOS touch screen device an Apple Touch Icon is used. Instead of displaying a substandard icon created by Apple to your end users, we will teach you how to create a custom Apple Touch Icon for your responsive website.
There are many times when coding a WordPress blog or full website that you may encounter the need for a class that targets odd/even posts or items. In this tutorial we will teach you a very simple method for adding odd/even classes anywhere inside of your WordPress loop using a function.
By default the attachment display settings for uploads in WordPress are normally set to the following; Alignment: Left, Link To: Media File, and Size: Full Size. In this tutorial we will teach you how to override the default attachment display settings in WordPress without using a plugin.
While Google translate can be great, there are however certain times when you might not want Google to translate specific words or blocks of content. Luckily, Google has made this easy for us. In this tutorial we will teach you how to utilize the built in class provided by Google to disable translation on specific words or content blocks.
Even if you aren’t utilizing emojis on your site, your site is still loading all of the CSS and JS used to drive them which increases load time slowing down your site. In this tutorial we will teach you how to remove and disable emoji support by simply adding a code snippet to your functions file.
We recently just completed moving into our new office space in Boca Raton Florida, so naturally we began the process of updating our address throughout the web. After a couple of weeks we noticed that our address appeared correctly on Google Business Maps but the actual map marker was still pinned to our old address […]
We often use YouTube ID’s in our projects to grab either videos or thumbnails directly from YouTube, giving us greater flexibility as well as simplifying the process for the end user. In this tutorial we will teach you how to use the YouTube ID to retrieve all of the different available video thumbnails automatically from YouTube.
If you’ve ever struggled with figuring out how to display a main title for a post type archive in WordPress or where it pulls from, we will teach you the simple solution intended by the WordPress codex.