How to Get Featured Image URL in WordPress

Post thumbnails are pretty useful and pretty easy to use in WordPress. Simply add: add_theme_support(‘post-thumbnails’); To a theme’s functions.php file and you’ll get a Featured Image module on the admin screen for posts which allows you to select one. It…

How to make Smooth Scrolling

Removing Jetpack CSS to Boost Speed

Jetpack is a WordPress plugin that brings a ton of features to WordPress. You turn on the features as needed. At the time of this writing, rather than include a separate CSS file for each feature as needed, they load…

How to Text Rotation in CSS

How to Text Rotation in CSS

If what you are looking for is a way to set type vertically, you’re best bet is probably CSS writing-mode. If you’re just trying to turn some text, you can rotate entire elements like this, which rotates it 90 degrees…

How to Display Styled Directory Contents

How to Display Styled Directory Contents

Servers can be configured to show the contents of a directory that doesn’t have an index file to render. The result is usually less than visually spectacular: Lackluster default in Chrome We can take control of this ourselves by replicating…

Hamburger Menu in CSS

Hamburger Menu in CSS

Three stripes should be such an easy thing to draw. Here’s a bunch of different ways to do it on the web. That said, SVG is definitely the nicest way to handle it. A hamburger menu is so simple that…

Generate a Random Color in JavaScript

Generate a Random Color in JavaScript

Your code didn’t work for me so I rewrote it for fun var elements = Array.prototype.slice.call(document.querySelectorAll(“*”)) , styleElements = [“h1”, “a”, “div”, “section”, “p”, “ul”, “li”, “h2”, “h3”, “h4”, “h5”, “h6”, “article”, “aside”, “footer”, “span”] elements = elements.filter(function(element){ if (…

Responsive Dropdown Menu using HTML CSS

Responsive Dropdown Menu using HTML CSS

The Dropdown menu is important in web design and without it, your website is incomplete. A dropdown menu (sometimes called a pull-down menu or list) is a horizontal list of options/links that each contain a vertical menu to help visitors…