Search
The Browser Can Remember Edited Content
22.5.2019
You can make the text inside any HTML element editable by adding the contenteditable attribute.
<div contenteditable>
Hey, I'm like a textarea kinda now!
</div>
I wouldn't say there are wheelbarrows full of use-cases for that, but it's neat. One possible use might be...
Creating a Diversity Scholarship Program for Your Conference
20.5.2019
My partner and I ran a design and development conference company for eight years. During that time, we produced hundreds of hours of conferences, both on-site and online. Diversity scholarships were only becoming a typical conference offering around the time we decided to sunset our business....
React Starter: Adding Sass to Create React App Applications
17.5.2019
Adding Sass is one of the first things most developers do when starting an application. Writing in plain CSS can be done, but Sas
Cryptonews Grows by Adding 6th Language and Entering Italian Market
16.5.2019
Source: iStock/CGinspiration, Cryptonews.com
Cryptonews family have just added a new member. We are excited to announce that Cryptonews is now available in Italian for all our Italian speaking readers. Anyone who wishes to get the latest crypto news and developments in Italian, as well as local...
Bitcoin Cash Protocol Successfully Upgrades — Schnorr Signatures Are Here
15.5.2019
The Bitcoin Cash (BCH) chain has officially upgraded, adding Schnorr signatures and the Segwit recovery exemption. As of block 582680, the chain has implemented the new features successfully and BCH fans are celebrating another major protocol improvement. Also read: Schnorr Signatures Are Coming...
Google Fonts is Adding font-display
14.5.2019
Google announced at I/O that their font service will now support the font-display property which resolves a number of web performance issues. If you're hearing cries of joy, that's probably Chris as he punches the air in celebration. … Read article
The post Google Fonts is Adding...
10 Days of React Challenges (Beginner): Adding Calculator
10.5.2019
Storing data in a front-end application and reusing the stored data throughout the application or app component, is an essential piece of modern front-end applications.
CodePen Final
10 React Challenges (Beginner): Adding Calculator
10.5.2019
Storing data in a front-end application and reusing the stored data throughout the application or app component, is an essential piece of modern front-end applications.
CodePen Final
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
Adding Search to Your Site with JavaScript
20.3.2019
Static website generators like Gatsby and Jekyll are popular because they allow the creation of complex, templated pages that can be hosted anywhere. But the awesome simplicity of website generators is also limiting. Search is particularly hard. How do you allow users to search when you have...
Stacked “Borders”
19.3.2019
A little while back, I was in the process of adding focus styles to An Event Apart’s web site. Part of that was applying different focus effects in different areas of the design, like white rings in the header and footer and orange rings in the main text. But in one place, I wanted rings that were...
A Bit of Performance
28.2.2019
Here’s a great post by Roman Komarov on what he learned by improving the performance of his personal website. There’s a couple of neat things he does to tackle font loading in particular, such as adding the <link rel="preload"> tags for fonts. This will encourage those font files...
Text Wrapping & Inline Pseudo Elements
27.2.2019
I love posts like this. It's just about adding a little icon to the end of certain links, but it ends up touching on a million things along the way. I think this is an example of why some people find front-end fun and some people rather dislike it.
Things involved:
Cool [attribute] selectors that...
The Ultimate Guide to JavaScript Algorithms: Pig Latin
26.2.2019
“Pig Latin is a constructed language game in which words in English are altered, usually by adding a fabricated suffix or by moving the initial consonant or consonant cluster of a
Dealing with overflow and position: sticky;
25.2.2019
Any overflow value other than visible and no height is the enemy of child elements with position: sticky;. It's like that element is ready to stick when the parent scrolls, but it never does because the height is unconstrained. Adding a fixed height can solve the issue, but that's not always...
JavaScript Glossary: Array .splice() Method
8.2.2019
Basics
The splice array method changes an existing array by removing, adding and/or replacing specified elements from it. The method mutates the array and returns an array of
5 Hottest VS Code Themes To Use in 2019
10.1.2019
Visual Studio Code is incredibly easy to customize, including adding some awesome looking themes. Themes can give your editor a lot of personality and make it more fun to work with
New ES2018 Features Every JavaScript Developer Should Know
9.1.2019
The ninth edition of the ECMAScript standard, officially known as ECMAScript 2018 (or ES2018 for short), was released in June 2018. Starting with ES2016, new versions of ECMAScript specifications are released yearly rather than every several years and add fewer features than major editions used...
Bridging the Gap Between CSS and JavaScript: CSS Modules, PostCSS and the Future of CSS
4.12.2018
In the previous post in this two-part series, we explored the CSS-in-JS landscape and, we realized not only that CSS-in-JS can produce critical styles, but also that some libraries don’t even have a runtime. We saw that user experience can significantly improve by adding clever optimizations, which...
Get Viewport Lines and Columns in CodeMirror
27.11.2018
CodeMirror is an amazing utility for presenting code in a browser environment. Syntax highlighting, widgets, and a number of advanced functions make it a unique, useful tool. When using CodeMirror inside the Firefox DevTools debugger, I found that adding hundreds of column breakpoint widgets...