Search
Two-Value Display Syntax (and Sometimes Three)
8.11.2019
You know the single-value syntax: .thing { display: block; }. The value "block" being a single value. There are lots of single values for display. For example, inline-flex, which is like flex in that it becomse a flex container, but behaves like an inline-level element rather than a block-level...
Working with Fusebox and React
8.11.2019
If you are searching for an alternative bundler to webpack, you might want to take a look at FuseBox. It builds on what webpack offers — code-splitting, hot module reloading, dynamic imports, etc. — but code-splitting in FuseBox requires zero configuration by default (although webpack will offer...
Weekly Platform News: Web Apps in Galaxy Store, Tappable Stories, CSS Subgrid
8.11.2019
In this week's roundup: Firefox gains locksmith-like powers, Samsung's Galaxy Store starts supporting Progressive Web Apps, CSS Subgrid is shipping in Firefox 70, and a new study confirms that users prefer to tap into content rather than scroll through it.
Let's get into the news.
Securely...
Kim Dotcom Token Sale Postponed Over ‘Regulatory Uncertainty’
6.11.2019
In 2017, Kim Dotcom, the founder of the now-defunct file hosting service Megaupload, revealed a similar service called K.im that planned to give anyone the ability to upload files, documents, code, videos, and music files and get paid in crypto for their work. Since then, Dotcom’s team...
Some Things You Oughta Know When Working with Viewport Units
6.11.2019
David Chanin has a quickie article summarizing a problem with setting an element's height to 100vh in mobile browsers and then also positioning something on the bottom of that.
Summarized in this graphic:
The trouble is that Chrome isn't taking the address bar (browser chrome) into account when...
What is super() in JavaScript?
6.11.2019
What's happening when you see some JavaScript that calls super()?.In a child class, you use super() to call its parent’s constructor and super.<methodName> to access its parent’s methods. This article will assume at least a little familiarity with the concepts of constructors and child...
Show Search Button when Search Field is Non-Empty
5.11.2019
I think the :placeholder-shown selector is tremendously cool. It allows you to select the placeholder of an input (<input placeholder="...">) when that placeholder is present. Meaning, the input does not yet have any value. You might think input[value] could do that, or help match on...
Float Element in the Middle of a Paragraph
4.11.2019
Say you want to have an image (or any other element) visually float left into a paragraph of text. But like... in the middle of the paragraph, not right at the top. It's doable, but it's certainly in the realm of CSS trickery!
One thing you can do is slap the image right in the middle of...
This Startup’s Upgrade Code Can Be Used by Any Bitcoin-Based Blockchain
4.11.2019
Nexus says an upgrade that brings smart-contract functionality to its blockchain can also be used by any other bitcoin-based chain
How Bitcoin’s Peer-to-Peer Cash System Was Revealed 11 Years Ago
31.10.2019
On October 31, 2008, on the eve of Halloween, Satoshi Nakamoto published the Bitcoin whitepaper. Since then the revolutionary design of the network has changed the lives of many and has transformed how we look at money today. Also read: China Ranks 35 Crypto Projects as President Xi Pushes...
Comparing the Different Types of Native JavaScript Popups
31.10.2019
JavaScript has a variety of built-in popup APIs that display special UI for user interaction. Famously:
alert("Hello, World!");
The UI for this varies from browser to browser, but generally you’ll see a little window pop up front and center in a very show-stopping way that contains the message...
New Tool Will Find Secrets – Including Crypto Keys – In Your Public Code
29.10.2019
A clever tool scours GitHub for secret keys and passwords that programmers inadvertently made public
The Current State of Styling Selects in 2019
28.10.2019
Best I could tell from the last time I compiled the most wished-for features of CSS, styling form controls was a major ask. Top 5, I'd say. And of the native form elements that people want to style, Greg Whitworth has some data that the <select> element is more requested than any other...
Bidirectional Horizontal Rules in CSS
25.10.2019
Say you have a <blockquote> and the design calls for a thick border along the left side. Well, you might not necessarily mean left side, but actually mean on the side of the start of the text.
That's exactly what CSS logical properties are meant to address, and Hussein Al Hammad has a nice...
Why Are Accessible Websites so Hard to Build?
23.10.2019
I was chatting with some front-end folks the other day about why so many companies struggle at making accessible websites. Why are accessible websites so hard to build? We learn about HTML, we make sure things are semantic and — voila! @— we have an accessible website. During the course...
4 Cryptocurrency Projects That Successfully Changed Chains
22.10.2019
Choosing the right blockchain is a tough call for any development team. It’s a decision that entails correctly anticipating project requirements – scalability; speed; community; security – before a line of code has even been written. It’s no wonder that a project...
Why Parcel Has Become My Go-To Bundler for Development
21.10.2019
Today we’re gonna talk about application bundlers — tools that simplify our lives as developers. At their core, bundlers pick your code from multiple files and put everything all together in one or more files in a logical order that are compiled and ready for use in a browser. Moreover, through...
Hackers Use Malicious Code in WAV Audio Files To Mine Cryptocurrencies
18.10.2019
Hackers use malicious code in WAV audio files to mine cryptocurrencies
Weekly Platform News: CSS column-span Property, ADA applies to Websites, Auto-generated Image Descriptions
17.10.2019
In this week's roundup: multi-column layouts gain wide support, the ADA means more A11y for retailers, and Google is doing something about all the empty image alt attributes in the wild.
The CSS column-span property will soon be widely supported
The CSS column-span property, which has been...
Making Tables Responsive With Minimal CSS
17.10.2019
Here’s a fabulous CSS trick from Bradley Taunt in which he shows how to make tables work on mobile with just a little bit of extra code. He styles each table row into a card that looks something like this:
See the Pen
Responsive Tables #2.5: Flexbox by Bradley Taunt (@bradleytaunt)
...