Say you have a really long word within some text inside an element that isn't wide enough to hold it. A common cause of that is a long URL finding it's way into copy. What happens? It depends on the CSS…

Here’s an idea! Let’s make an an HTML play inside the shape of some letters. Like "Knockout Text" except instead of an image behind, it’s video. A live demo will explain more clearly: See the Pen basi…

A guide for commonly used Twig functions and concepts in building WordPress sites with Timber.

Improve your WordPress themes with ACF, Timber and a grain of inspiration from the MVC pattern.

How to use Advanced Custom Fields for your metaboxes in the backend, but standard WordPress functions to access those fields on the frontend.

I'm trying to use the `.htaccess` file in Ubuntu 14.04 (Apache 2.4.7). Here is what my `.htaccess` looks like ``` # 1 YEAR Header set Cache-Control 'max-age=31536000, public' # 1 WEEK Header set Cache…

Hi, a newbie question, Wordpress on Ubuntu 13.10 one click install. thanks in advance

I installed LAMP on my droplet and then I followed this tutorial: https://www.digitalocean.com/community/tutorials/how-to-set-up-mod_rewrite and I used the contents for the file from my old web hostin…

When you start a new server, there are a few steps that you should take every time to add some basic security and give you a solid foundation. In this guide, we'll walk you through the basic steps nec…

This tutorial will show you how to set up a free TLS/SSL certificate from Let’s Encrypt on a Ubuntu 16.04 server running Apache as web server. TLS certificates are used within web servers to encrypt t…

How do you utilize Google Maps v3 API without the key? I've seen it in this example but cannot figure out what specifically is causing it not to error out. Edit: In case someone suggests it, the ...

We have covered print stylesheets in the past here on Smashing Magazine. In this article, Rachel Andrew takes a look at the state of printing from the browser today.

Get the user avatar based on username, email or domain across multiple services, such as Twitter, GitHub, Gravatar, etc.

A responsive navigation menu that stacks items into a dropdown menu when they overflow. A hamburger style button with count badge appears when there ar...

priority-navigation - Javascript implementation for Priority+ Navigation — no dependencies

bootstrap - The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

#WIP - Building a fake landing page Fixed Header using Bootstraps Scrollspy with animated scroll and a focus class assigned by JQuery. A setTimeout f...

An organized and frequently updated collection of Design System examples, resources, tools, articles and videos.

Free Ubuntu, Centos Linux Web Hosting control panel designed for quick and easy management of (Dedicated & VPS) servers without of need to use ssh console for every little thing.

Can't decide between speed and price? Get cloud hosting with both. SSD Nodes offers up to 4x the performance at 1/4 of the price of the competition.

Find beautiful free duotone images to use in any project, or make custom duotone images by uploading your own image and applying a duotone effect in seconds.

eleventy - A simpler static site generator. An alternative to Jekyll. Transforms a directory of templates (of varying types) into HTML.

This site is an example of how a JAMstack site can implement comments. All comments are posted with a form and once approved, rendered directly onto the site via a build. No JavaScript is required to …

Learn how to handle production-ready Vue.js transitions & animations with live CodePens, in-depth explanations, code snippets, and more.

Some of the most inspiring examples I’ve seen of front end development have involved some sort of page transitions that look slick, like they do in mobile apps. However, even though the imagination fo…

IntroTL;DRScrollbars on Windows are taking some space in the viewport.vw units don't take scrollbars into account. Fixed buttons in fixed modals are relative to the viewport and not the modal....

In this article I’m going to demonstrate a technique for creating CSS animations using the power of Sass’ for loop. Whether you’re using React, Vue or Angular, these...

Lists is a gallery of real content ready to populate your mockups. Produce your best work by making informed decisions.

Everything you always wanted to know about implementing scrolling but were afraid to ask. We have scrolled to the bottom of modern web specifications to take you on a whirlwind tour of latest CSS and JavaScript features that make navigating around a single page smooth, beautiful and less resource-hungry.