Search
How to Section Your HTML
18.6.2019
The sectioning elements in HTML5 are <nav>, <aside>, <article>, and <section>. <body> is also kind of a sectioning element since all content lying inside of it is part of the default document section.
Here is a brief explanation of each sectioning element...
Příručka marketéra: 5 tipů, jak na optimalizaci vstupních stránek
18.6.2019
Podoba vstupních stránek, na které vedou kampaně, je jedním z nejvíce podceňovaných aspektů výkonového marketingu. Průměrný marketér nemá schopnosti vstupní stránku sám navrhnout a správně vyladit. Sice existuje mnoho nástrojů, které vám s optimalizací pomohou, ale bez potřebných znalostí není...
I Started the Silk Road Wikipedia Page (Because Bitcoin)
8.6.2019
Online black marketplace Silk Road had quite the effect on bitcoin, being one of the technology's biggest use cases in the early days, and for a while it didn't have its own Wikipedia page – until this man
Prevent Page Scrolling When a Modal is Open
3.6.2019
Please stop me if you've heard this one before. You open a modal, scroll through it, close it, and wind up somewhere else on the page than you were when you opened the modal.
That's because modals are elements on a page just like any other. It may stay in place (assuming that's what it's meant...
Build a beautiful landing page with Tailwind CSS
30.5.2019
Cascading Style Sheet(CSS) is used for creating aesthetically good looking websites. CSS are styling rules that are applied to a web page to make it look beautiful. Whenever a web page is being dis
Build a Beautiful Landing Page with Tailwind CSS v1
30.5.2019
Cascading Style Sheet(CSS) is used for creating aesthetically good looking websites. CSS are styling rules that are applied to a web page to make it look beautiful. Whenever a web page is being dis
Animated Page Transitions in Gatsby Websites
21.5.2019
GatsbyJS is a React-based static site generator powered by GraphQL. It makes it possible for you to code and develop your site, while Gatsby transforms it into a directory with a s
Vaulty Aggregates All Your Cryptocurrency Addresses Using a Single Link
18.5.2019
The ability to receive direct crypto payments is of great importance for numerous small businesses, individual entrepreneurs, content creators and non-governmental organizations like charities. Many of them accept different cryptocurrencies and Vaulty.io provides help with managing multiple...
Obři na nebesích: Handley Page Type O vs. Gotha G.IV (2)
16.5.2019
Obři na nebesích: Handley Page Type O vs. Gotha G.IV (2)
A Deep Dive into Native Lazy-Loading for Images and Frames
15.5.2019
Today's websites are packed with heavy media assets like images and videos. Images make up around 50% of an average website's traffic. Many of them, however, are never shown to a user because they're placed way below the fold.
What’s this thing about images being lazy, you ask? Lazy-loading...
React Starter: Using Create React App to Make React Applications
15.5.2019
Usually when you create a React application, you’ll be creating a single page app (SPA). In order to make setting up single page apps easier, a CLI tool called
Obři na nebesích: Handley Page Type O vs. Gotha G.IV (1)
12.5.2019
Obři na nebesích: Handley Page Type O vs. Gotha G.IV (1)
Create a Bouncing Page Loader with CSS3 Animations
7.5.2019
Side projects are not only fun but they bring a whole lot of learning experience for you. While hunting for a pre-built page loader for a website I ended up coding one for myself.
Initially
Quick and Simple Search Filter Using Vanilla JavaScript
30.4.2019
When building Single Page Applications a feature I frequently find myself adding is a simple search filter. Nothing too in depth, I'll just want a text field to be able to quickly filter over items
How to Create and Animate Rotated Overlays
18.4.2019
A tutorial on how to create and animate rotated overlays, or "reveal" elements, for interesting page transition effects.
How to Create and Animate Rotated Overlays was written by Mary Lou and published on Codrops
Inline SVG… Cached
12.4.2019
I wrote that using inline <svg> icons makes for the best icon system. I still think that's true. It's the easiest possible way to drop an icon onto a page. No network request, perfectly styleable.
But inlining code has some drawbacks, one of which is that it doesn't take advantage...
Decaying Sites
4.4.2019
Websites have a tendency to decay all by themselves. Link rot, they call it. Unpaid domain name registrations. Companies that have gone out of business. Site owners that have lost interest. What's sadder than a 404? Landing on a holding page of a URL that used to exist, but now has fallen into...
Fixed Headers, On-Page Links, and Overlapping Content, Oh My!
3.4.2019
Let's take a basic on-page link:
<a href="#section-two">Section Two</a>
When clicked, the browser will scroll itself to the element with that ID: <section id="section-two"></section>. A browser feature as old as browsers themselves, just about.
But as soon as...
KV Storage
1.4.2019
localStorage is...
Good! It's an incredibly easy API to use.
localStorage.setItem('name', 'Chris'); let name = localStorage.getItem('name');
Bad! Philip Walton explains why:
localStorage is a synchronous API that blocks the main thread, and any time you access it you potentially prevent your...
The 10 Things We Built on Twitch in March
1.4.2019
This year feels like it's on moving too fast! March is done and it was an eventful month for us here at Scotch.
We've gotten the following done:
Scotch home page redesign launch