(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

Fixed Headers and Jump Links? The Solution is scroll-margin-top

February 22nd, 2020|

The problem: you click a jump link like <a href="#header-3">Jump</a> which links to something like <h3 id="header-3">Header</h3>. That's totally fine, until you have a position: fixed; header at the top of the page obscuring the header you're trying to link to! Fixed headers have a [...]

Inspiring high school students with HTML and CSS

February 22nd, 2020|

Here’s a heartwarming post from Stephanie Stimac on her experience teaching kids the very basics of web development: [...] the response from that class of high school students delighted me and grounded me in a way I haven't experienced before. What I view as a [...]

A Guide to Console Commands

February 22nd, 2020|

The developer’s debugging console has been available in one form or another in web browsers for many years. Starting out as a means for errors to be reported to the developer, its capabilities have increased in many ways; such as automatically logging information like network [...]

iOS 13 Design Guidelines, Templates, and Downloads

February 22nd, 2020|

Erik Kennedy wrote up a bunch of design advice for designing for the iPhone. Like Apple's Human Interface Guidelines, only illustrated and readable, says Erik. This is mostly for native iOS apps kinda stuff, but it makes me wonder how much of this is expected [...]

Animate SVG Path Changes in CSS

February 21st, 2020|

Every once in a while I'm motivated to attempt to draw some shapes with <path>, the all-powerful drawing syntax of SVG. I only understand a fragment of what it all can do, but I know enough to be dangerous. All the straight-line syntax commands (like [...]

Add Background Colors to SVGs Using the “rect” Element

February 21st, 2020|

The advantages of using SVGs in web development are well known. SVGs are small in size, can be made quite accessible, are scalable while maintaining their quality, and can be animated. Still, there is a learning curve. Things, like the syntax of SVG, can be [...]

Seen by Indeed

February 21st, 2020|

(This is a sponsored post.) Are you looking for a tech job where you clock in, or for a career where you’ll be seen? Seen by Indeed is a matching service for software engineers, product managers and other tech pros that sorts through thousands of companies [...]