Search
Blurred Borders in CSS
20.3.2019
Say we want to target an element and just visually blur the border of it. There is no simple, single built-in web platform feature we can reach for. But we can get it done with a little CSS trickery.
Here's what we're after:
The desired result.
Let's see how we can code this effect, how we...
Some Notes About Accessibility
20.3.2019
Earlier this month Eric Bailey wrote about the current state of accessibility on the web and why it felt like fighting an uphill battle:
As someone with a good deal of interest in the digital accessibility space, I follow WebAIM’s work closely. Their survey results are priceless insights into...
Creating a Custom Element from Scratch
20.3.2019
In the last article, we got our hands dirty with Web Components by creating an HTML template that is in the document but not rendered until we need it.
Next up, we’re going to continue our quest to create a custom element version of the dialog component below which currently only uses...
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...
CoinMarketCap cryptocurrency benchmark indices to launch on NASDAQ, Bloomberg and Thomson Reuters today
20.3.2019
CoinMarketCap will launch two comprehensive headline indices calculated and administered by Solactive, the German index provider Today, we will be launching two cryptocurrency benchmark indices on NASDAQ GIDS, Bloomberg Terminals, Thomson Reuters Eikon (Refinitiv), and Börse Stuttgart. These...
Binance Launchpad on a Roar, Anthony Pompliano Says the Next Bull Run Will be Bigger
20.3.2019
Binance Launchpad has so far done well to rekindle the flame between investors and token sales. The platform recently helped CELR network to raise $4 million in minutes. However, the platform is also developing a habit of facing technical issues. […]
The post Binance Launchpad on a Roar...
Chrome Lite Pages
19.3.2019
The Chrome team announced a new feature called Lite Pages that can be activated by flipping on the Data Saver option on an Android device:
Chrome on Android’s Data Saver feature helps by automatically optimizing web pages to make them load faster. When users are facing network or data constraints...
Using Local with Flywheel
19.3.2019
Have you seen Local by Flywheel? It's a native app for helping set up local WordPress developer environments. I absolutely love it and use it to do all my local WordPress development work. It brings a lovingly designed GUI to highly technical tasks in a way that I think works very well. Plus...
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...
I Don’t Hate Arrow Functions
19.3.2019
TL;DR Arrow functions are fine for certain usages, but they have so many variations that they need to be carefully controlled to not break down the readability of the code. While arrow functions clearly have a ubiquitous community consensus (though not unanimous support!), it turns...
Crafting Reusable HTML Templates
19.3.2019
In our last article, we discussed the Web Components specifications (custom elements, shadow DOM, and HTML templates) at a high-level. In this article, and the three to follow, we will put these technologies to the test and examine them in greater detail and see how we can use them in production...
Visa Inc. Dips Full-throttle into Crypto, Another Startup Launches a Crypto Debit Card
19.3.2019
Things are turning for the better in the crypto industry as traditional major companies are adopting blockchain technology one way or the other. Payments giant Visa Inc. has set up a cryptocurrency unit and is already looking for the right […]
The post Visa Inc. Dips Full-throttle into...
The Whole Spreadsheets as Databases Thing is Pretty Cool
18.3.2019
A spreadsheet has always been a strong (if fairly literal) analogy for a database. A database has tables, which is like a single spreadsheet. Imagine a spreadsheet for tracking RSVPs for a wedding. Across the top, column titles like First Name, Last Name, Address, and Attending?. Those titles...
Write Your First Service Worker in 5 Minutes
18.3.2019
What is a service worker? A service worker is a little file that will allow you to cache files and other assets on a user’s machine. How is this different from server-side caching? Because the assets are stored on a user’s machine, rather than a server, there is no need to go across...
An Introduction to Web Components
18.3.2019
Front-end development moves at a break-neck pace. This is made evident by the myriad articles, tutorials, and Twitter threads bemoaning the state of what once was a fairly simple tech stack. In this article, I’ll discuss why Web Components are a great tool to deliver high-quality user experiences...
Bitcoin Bulls to Return in August, Cboe suspends Bitcoin Futures Listings
16.3.2019
The crypto industry is as interesting as ever. Fundstrat founder Thomas Lee has predicted that Bitcoin bulls will return in August. Weiss Rating agency stirred debate when it claimed that Stellar has superior technology to Ripple. Cryptocurrency exchange Bittrex has […]
The post Bitcoin Bulls...
People Digging into Grid Sizing and Layout Possibilities
15.3.2019
Jen Simmons has been coining the term intrinsic design, referring to a new era in web layout where the sizing of content has gone beyond fluid columns and media query breakpoints and into, I dunno, something a bit more exotic. For example, columns that are sized more by content and guidelines than...
Design Systems and Portfolios
15.3.2019
In my experience working with design systems, I’ve found that I have to sacrifice my portfolio to do it well. Unlike a lot of other design work where it’s relatively easy to present Dribbble-worthy interfaces and designs, I fear that systems are quite a bit trickier than that.
You could make things...
See No Evil: Hidden Content and Accessibility
15.3.2019
There is no one true way to hide something on the web. Nor should there be, because hiding is too vague. Are you hiding visually or temporarily (like a user menu), but the content should still be accessible? Are you hiding it from assistive tech on purpose? Are you showing it to assistive tech...
Web Standards Meet User-Land: Using CSS-in-JS to Style Custom Elements
15.3.2019
The popularity of CSS-in-JS has mostly come from the React community, and indeed many CSS-in-JS libraries are React-specific. However, Emotion, the most popular library in terms of npm downloads, is framework agnostic.
Using the shadow DOM is common when creating custom elements, but there’s...