Active Theory | The Blog Pros

September 24, 2020

Inspirational Website of the Week: Brews & Grooves

An excellent design with some interesting animations and great typography! Our pick this week.

Learn about spring physics animation in JavaScript

Josh W Comeau explains the magic behind Spring Physics and why they are the secret ingredient that make animations “taste better”.

Read it

Simplify Your Stack With A Custom-Made Static Site Generator

In this article, Bryan Robinson explores how to take a humble HTML page and make its content editable in a CMS with no frameworks and no client-side JavaScript.

Read it

Ray Marching Soft Shadows in 2D

Ryan Kaplan posted a WebGL demo on Twitter and now he explains how it works under the hood.

Read it

filters.css

In case you missed it: a supercool CSS only library to apply color filters.

Check it out

Blacklight

A great real-time website privacy inspector that will reveal the specific user-tracking technologies on any given website.

Check it out

Buttons that Spark Joy

The web certainly can’t have enough of these: Aaron Iker’s buttons that are mini celebrations. In this article you’ll learn how they are made.

Read it

#s3e38 ALL YOUR HTML, Fancy colors shader and GSAP ScrollTrigger

In this video Yuri Artyukh dissects and recreates the amazing animations seen on mav.farm.

Watch it

3D Room

Amazing CSS work by Ricardo Oliva Alonso: a 3D room with great lightning.

Check it out

Finding The Root Cause of a CSS Bug

Great article on debugging CSS by Ahmad Shadeed.

Read it

adidas – CHILE20

Outstanding WebGL work for adidas by Active Theory.

Check it out

Content delivery networks (CDNs)

This article provides a comprehensive overview of content delivery networks (CDNs). In addition, it explains how to choose, configure, and optimize a CDN setup.

Read it

Meta Tags

With Meta Tags you can edit metatags and generate a preview for social media.

Check it out

Old, Good Database Design

An excellent summary of the fundamentals of good database design.

Read it

Mono Icons

A simple, consistent open-source icon set designed to be used in a wide variety of digital products. Read more about it in this article.

Check it out

From Our Blog

Inspirational Websites Roundup #18

A gigantic set of hot new websites for your inspiration and to get you up to date on the current web design trends.

Check it out

From Our Blog

UI Interactions & Animations Roundup #10

Check out the latest trends in web motion design, UI interaction and animations and get inspired.

Check it out

The post Collective #624 appeared first on Codrops.

September 12, 2019

Inspirational Website of the Week: Design Embraced

Anthony Goodwin’s portfolio has a beautiful flowy design with lovely details. Our pick this week.

Get inspired

Our Sponsor

The Ultimate WordPress Page Builder

You’ve never built a WordPress website like this before. Divi is more than just a WordPress theme, it’s a completely new website building platform that replaces the standard WordPress post editor with a vastly superior visual editor.

Try it

Simplicity (II)

Bastian Allgeier on the lessons learned while working on very old projects and how the post-build-process era brought dependency hell.

Read it

Animate it

A tool to create high-quality GIFs and video animations in your browser.

Check it out

Metronomes in JavaScript

Monica Dinculescu’s exploration of metronomes and how to keep time in JavaScript.

Read it

Two Browsers Walked Into a Scrollbar

Zach Leatherman studies scrollbar obtrusiveness and the design control we have with CSS.

Read it

Logical Operations with CSS Variables

Ana Tudor explores the interesting possibilities of logical operations using CSS custom properties.

Read it

Can I email

A very useful site that offers support info on more than 50 HTML and CSS features tested across 25 email clients.

Check it out

VeoLuz

A generative art tool that lets you play with light in a way you never have before. By Jared Forsyth.

Check it out

CSS-Camera

Add depth using a 3D camera view to your web page with CSS3 3D transforms. By Mingyu Kim.

Check it out

Active Theory v5

The amazing new website by Active Theory.

Check it out

Scheduling Netlify deploys with GitHub Actions

Thadee Trompetter shows how to use cron jobs on GitHub Actions and Netlify build hooks to perform nightly updates of a static site.

Read it

Speeding up the web with the Save-Data header

Matt Hobbs experiments with the Save-Data header and shares what he learned.

Read it

Cables

In case you didn’t know about it: Cables is a tool for creating beautiful interactive content. With an easy to navigate interface and real time visuals, it allows for rapid prototyping and fast adjustments. Currently in public beta.

Check it out

Reverse interview

A list of questions to ask the company during your interview.

Check it out

Learn Regex in 4 tweets

A crash course on regex by Somdev Sangwan in just four tweets.

Check it out

Caniuse and MDN compatibility data collaboration

Read about how two great data sources on web compatibility come together.

Read it

Procedural Mountains

A fantastic demo by Kyle Wetton.

Check it out

fullstack.ai

End-to-end machine learning project showing key aspects of developing and deploying real life ML driven application.

Check it out

Dissolve

A wonderful demo of a dissolving effect shader by Colin Peyrat.

Check it out

Daytripper: Hide-My-Windows Laser Tripwire

Daytripper is a laser tripwire that can, upon triggering, hide all your windows, lock your computer, or execute a custom script to do whatever you want