Delicious

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.

When I saw Chris' article on notched boxes, I remembered that I got a challenge a while ago to CSS a design like it, but with rounded, scooped corners instead. So, let's see how we can do it that way instead and expand it to multiple corners while being mindful of browser support.

Let's say I told you we can get the results below with just one HTML element and five CSS properties for each. No SVG, no images (save for the background on the root that's there just to make clear th…

SVG is the way of the future for vector graphics. You can use them to build anything from basic shapes to more complex icons that are fully scalable – without any quality loss. But not every designer knows their way […]

A collection of stock photography in a single style. Good for collages. Free for commercial use.

Fontisto gives you scalable vector icons that can instantly be customized: size, color, drop shadow and anything that can be done with the power of CSS.

SASS + two different color themes + easy and clean to use + clean CSS output = pure awesomeness! · GitHub

Custom spinners are a fun way to breathe life into your pages. You can find plenty of custom sites offering free spinners as GIFs. But what if you want to...