Independent Science + Technology

Category: Web Dev

The Most Amazing Bootstrap 5 Cheat Sheet?

Post date February 10, 2021
Post author By Saanvi Sen
Post categories In bootstrap, bootstrap-4, bootstrap5, cheatsheet, Web Design, Web Dev, web developer, web-development

An introduction to the Web Animations API — making a Pie Timer

Post date December 15, 2020
Post author By Ben Frain
Post categories In Web Animations API, Web Dev

A home video studio. Everything you need to record, edit and publish video for courses and YouTube

Post date December 14, 2020
Post author By Ben Frain
Post categories In A6000, Final Cut Pro, Skillshare, Tech-tip, Video, Web Dev, writing

Stop dicking around

Post date October 4, 2020
Post author By Ben Frain
Post categories In coding, life, self-improvement, Web Dev, writing

September 2020 update

Post date September 15, 2020
Post author By Ben Frain
Post categories In ErgoDox EZ, update, Web Dev, WFH, YANA

My grudging acceptance of WordPress as my blogging platform

Post date September 14, 2020
Post author By Ben Frain
Post categories In Comments, Pandoc, Static Site Generator, Web Dev, wordpress, writing

Monetizing benfrain.com in 2020

Post date September 13, 2020
Post author By Ben Frain
Post categories In Adverts, Analytics, coil, ko-fi, monetization, Web Dev

Review: ErgoDox EZ Ergonomic mechanical keyboard

Post date September 4, 2020
Post author By Ben Frain
Post categories In ErgoDox EZ, Mechanical Keyboards, review, Web Dev, writing

A complete guide to mechanical keyboards

Post date August 27, 2020
Post author By Ben Frain
Post categories In ErgoDox, HHKB, Kailh, Keyboards, Mech Keyboards, RAMA, Web Dev, writing

Apple, I fear, is lost

Post date July 10, 2020
Post author By Ben Frain
Post categories In App Store, apple, Safari, Web Dev, writing

A Gulp build script for Express, PostCSS and JavaScript with BrowserSync

Post date June 17, 2020
Post author By Ben Frain
Post categories In BrowserSync, express, gulp, node, Nodemon, Web Dev

Linux Ubuntu as my main computer, one month in

Post date June 3, 2020
Post author By Ben Frain
Post categories In linux, Ubuntu, Web Dev, wordpress, XAMPP

Converting a basic v3 gulpfile.js to a v4 gulpfile

Post date May 26, 2020
Post author By Ben Frain
Post categories In build tools, gulp, JavaScript, Web Dev

May 2020 Update

Post date May 21, 2020
Post author By Ben Frain
Post categories In books, linux, Mechanical Keyboards, newsletter, podcast, RWD, Sublime, Vim, Web Dev

My fourth book: Responsive Web Design with HTML5 and CSS, Third Edition

Post date May 10, 2020
Post author By Ben Frain
Post categories In book, Packt, RWD, Web Dev, writing

Finite State Machines

Post date February 28, 2020
Post author By Ben Frain
Post categories In Finite State Machines, JavaScript, UI/UX, Web Dev

Material design style click effects with pointer events and CSS Custom Properties

Post date January 13, 2020
Post author By Ben Frain
Post categories In CSS Custom Properties, JavaScript, Web Dev

Vim for front-end development in 2019

Post date October 17, 2019
Post author By Ben Frain
Post categories In iTerm, Vim, Web Dev

Automate repetitive tasks by writing and running a simple shell script

Post date September 24, 2019
Post author By Ben Frain
Post categories In Shell, Terminal, Web Dev

Designing And Building A Progressive Web Application Without A Framework (Part 3 of 3)

Post date September 8, 2019
Post author By Ben Frain
Post categories In JavaScript, PWA, smashingmag, typescript, Web Dev

Designing And Building A Progressive Web Application Without A Framework (Part 2 of 3)

Post date September 8, 2019
Post author By Ben Frain
Post categories In JavaScript, PWA, smashingmag, typescript, Web Dev

Designing And Building A Progressive Web Application Without A Framework (Part 1 of 3)

Post date September 8, 2019
Post author By Ben Frain
Post categories In JavaScript, PWA, Smashing, typescript, Web Dev

How to get the value of phone notches/environment variables `env()` in JavaScript (from CSS)

Post date August 29, 2019
Post author By Ben Frain
Post categories In CSS Custom Properties, env(), environment variables, JavaScript, Web Dev

CSS scaling: choose isolation or abstraction – not both

Post date July 3, 2019
Post author By Ben Frain
Post categories In abstraction, css, ecss, isolation, scaling, Web Dev

Moving from Gulp to Parcel

Post date March 18, 2019
Post author By Ben Frain
Post categories In build tools, gulp, Parcel, postCSS, typescript, Web Dev

Looping infinitely around an array in JavaScript

Post date March 1, 2019
Post author By Ben Frain
Post categories In JavaScript, modulos, remainder, Web Dev

Determining the direction of IntersectionObserver events

Post date February 14, 2019
Post author By Ben Frain
Post categories In IntersectionObserver, JavaScript, Web Dev

Beginner JS tutorial: automatically make anchor ‘jump’ links with JavaScript

Post date December 12, 2018
Post author By Ben Frain
Post categories In de-structuring, es6, JavaScript, scroll-behaviour, Web Dev

Notes on prototyping

Post date October 3, 2018
Post author By Ben Frain
Post categories In prototyping front-end, Web Dev

The frustrations of using CSS Shapes and CSS Exclusions

Post date July 23, 2018
Post author By Ben Frain
Post categories In CSS Exclusions, CSS Shapes, Web Dev

An introduction to the JavaScript MutationObserver API

Post date July 18, 2018
Post author By Ben Frain
Post categories In JavaScript, patterns, Web Dev

Creating a Sketch plugin with JavaScript

Post date June 28, 2018
Post author By Ben Frain
Post categories In JavaScript, Sketch, Web Dev

Text editing techniques every Front-End developer should know

Post date May 25, 2018
Post author By Ben Frain
Post categories In productivity, Sublime, text, vscode, Web Dev

Creating a language switcher in JavaScript

Post date April 17, 2018
Post author By Ben Frain
Post categories In Arrays, JavaScript, Web Dev

HTML templating with vanilla JavaScript ES2015 Template Literals

Post date January 25, 2018
Post author By Ben Frain
Post categories In es2015, JavaScript, Template Literals, Web Dev

Can CSS Custom Properties update animation durations on the fly?

Post date January 1, 2018
Post author By Ben Frain
Post categories In animation, css, CSS Custom Properties, Web Dev

CSS Environment variables; how to deal with the software bezel of iPhone X

Post date November 15, 2017
Post author By Ben Frain
Post categories In env(), environment variables, fixed, iOS11, iPhoneX, Web Dev

A manifesto for working in teams

Post date August 21, 2017
Post author By Ben Frain
Post categories In teams, Web Dev, working

Nothing left to load.