(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.data-privacy-src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-1596564-1', 'auto'); ga('send', 'pageview');

Tutorials 67nj

Home » NewsBlog » Tutorials 67nj
Tutorials 67nj2018-01-12T10:46:14+01:00

Tutorials

Achieving Vertical Alignment (Thanks, Subgrid!)

October 1st, 2020|

Our tools for vertical alignment have gotten a lot better as of late. My early days as a website designer involved laying out 960px wide homepage designs and aligning things horizontally across a page using a 12-column grid. Media queries came along which required a [...]

POW

October 1st, 2020|

As a connoisseur of web trickery, this is a must share: POW stands for Packaged Offline/online Webpage. It turns out the png format includes ways to save metadata alongside the image file. A powfile has a metadata entry that contains a zip file that contains [...]

Some New Icon Sets

September 30th, 2020|

I’ve bookmarked some icon sets lately, partly because I can never find a nice set when I need to. I figured I’d even go the extra mile here and blog them so I can definitely find them later. Aside from being nice, cohesive, and practical [...]

Make Your Own Dev Tool

September 30th, 2020|

Amber Wilson on making bookmarklets to help yo-self. She shows off one that injects an accessibility script — I like this approach, as it means you don’t have to maintain the bookmarklet, just the script it links to). Another example runs some code contained right [...]

Case Study: Selling an Old Website at a Huge Loss

September 30th, 2020|

Kevin Muldoon Case Study: Selling an Old Website at a Huge Loss It is common for those who work online to share their successes with the world. Whether it be a successful launch of a new product, a new sales record or a new social [...]

The Flavors of Object-Oriented Programming (in JavaScript)

September 29th, 2020|

In my research, I’ve found there are four approaches to Object-Oriented Programming in JavaScript: Using Constructor functions Using Classes Using Objects linking to other objects (OLOO) Using Factory functions Which methods should I use? Which one is “the best” way? Here I’ll present my findings [...]

How to Quickly Emulate a Lomo Photo Effect in Photoshop

September 29th, 2020|

The Lomo photo effect still is a very popular photographic style for those seeking an unusual sepia-esque effect for their images. This effect is inspired by photographs taken with a camera made in 1984 called "Lomo Kompakt Automat". The photos produced by the Lomo Kompakt [...]

People Who Design: Connecting Design Communities

September 29th, 2020|

These days, creating a personal website is easy. You don’t need to know about how to code; the newest platforms can host profile pages with templates you can fill in with photos, links, and text about you and your works. Especially if your content all [...]

Linearly Scale font-size with CSS clamp() Based on the Viewport

September 26th, 2020|

Responsive typography has been tried in the past with a slew of methods such as media queries and CSS calc(). Here, we’re going to explore a different way to linearly scale text between a set of minimum and maximum sizes as the viewport’s width increases, [...]