Search
How Google PageSpeed Works: Improve Your Score and Search Engine Ranking
25.7.2019
In this article, we uncover how PageSpeed calculates it’s critical speed score.
It’s no secret that speed has become a crucial factor in increasing revenue and lowering abandonment rates. Now that Google uses page speed as a ranking factor, many organizations have become laser-focused...
Shell Invests In Blockchain Startup That Uses The Tech For Energy Tracking
11.7.2019
Blockchain technology is the latest and most disruptive innovation that has been unleashed on the tech scene over the past couple of years. While it is true that most people associate it with cryptocurrencies, it is important to note that the creation of cryptocurrencies is only a tiny part of...
Oil Giant Shell Invests in Startup That Uses Blockchain Tech for Energy Tracking
11.7.2019
A blockchain startup that says it's working to give energy consumers more choice has raised an undisclosed sum from Shell and Sumitomo Group
Craig Wright Uses Falsified Docs to Prove Innocence in Kleiman Case
4.7.2019
Self-proclaimed Bitcoin creator Craig Wright has allegedly fabricated court documents in an attempt to prove a deed of trust with Kleiman
Menus with “Dynamic Hit Areas”
3.7.2019
Flyout menus! The second you need to implement a menu that uses a hover event to display more menu items, you're in tricky territory. For one, they should work with clicks and taps, too. Without that, you've broken the menu for anyone without a mouse. That doesn't mean you can't also use :hover....
NEM Blockchain Technology And Its Uses In E-commerce Sector, To Improve Productivity And Sustainability In Malaysian Business
30.6.2019
E-commerce business is one of the essential parts of a nation’s agenda for the digital economy. The Malaysian government perceived the significance of eCommerce to the nation’s economy dependent on two significant reasons. Firstly, eCommerce guarantees existing Malaysian organizations...
CSS :focus-within
25.6.2019
Using :hover to display additional information or elements is a very useful technique but a big drawback to using the hover pseudo-class is that they are usually not accessibility-friendly. Not everyone uses a mouse and some users have visual impairments, so they rely on screen readers or...
Pot Startup Uses the Blockchain to Smoke Out Weed Strains
25.6.2019
TheraCann and StrainSecure have teamed up to turn pot DNA into intellectual property
Facebook Libra Cryptocurrency Has Its Uses, Says Bank of England Governor
19.6.2019
Facebook’s crypto has potential, according to the Bank of England governor
Managing State in React using Unstated-Next
17.6.2019
In a previous post, we saw how to manage state using Unstated. As you might recall, Unstated uses React’s built-in setState to allow you create components that can consume state by subscribing to a provider — like the React’s Context API.
Well, we’re going to build off that last post by looking...
Russia’s Third Largest Food Retail Firm Uses Blockchain-Based Open Trade Finance Platform
5.6.2019
Russia’s third-largest food retailer, Dixy, has implemented an Ethereum blockchain-enabled trade finance platform for factoring services
Movin’ Modals Along a Path
4.6.2019
Modals always be just appearin'. You might see one once in a while that slides in from one of the edges, or uses some kind of scale/opacity thing to appear from "above" or "below." But we can get weirder than that. Why not have them come in on an offset-path?
Just a swoopy arc is kinda fun.
...
Dark Side of Digital Economy – Evil Uses of Blockchain Technology and Cryptocurrencies
31.5.2019
Blockchain Technology and cryptocurrencies have revolutionized the world completely. With every passing day, researchers are coming up with newer use cases for blockchain and crypto, which makes them highly desirable for the future. However, everything in this world, even that which seems to be...
Night Mode with Mix Blend Mode: Difference
27.5.2019
Dark mode designs are all the rage right now but here’s an interesting take: Wei Gao has built a night mode on her own site that uses mix-blend-mode: difference to create an effect that looks like this:
Wei explains how she implemented this technique and the edge cases she encountered along...
A Few Functional Uses for Intersection Observer to Know When an Element is in View
8.5.2019
You might not know this, but JavaScript has stealthily accumulated quite a number of observers in recent times, and Intersection Observer is a part of that arsenal. Observers are objects that spot something in real-time — like birdwatchers going to their favorite place to sit and wait for the birds...
Earth day, API’s and sunshine.
1.5.2019
Cassie Evans showcases some really nifty web design ideas and explores using the API provided by the company her team over at Clearleft recently hired to cover their building's roof with solar panels. Cassie outlines her journey designing a webpage that uses the API to populate some light data...
Get a CSS Custom Property Value with JavaScript
11.4.2019
Here’s a neat trick from Andy Bell where he uses CSS Custom Properties to check if a particular CSS feature is supported by using JavaScript.
Basically, he's using the ability CSS has to check for browser support on a particular property, setting a custom property that returns a value of either...
Set Branch Alias with Git
28.3.2019
Version control systems can be difficult to use, especially when you don’t use a UI app. Just think about main branch or revision names: svn uses “trunk”, git uses “master”, and mercurial (hg) uses “tip”. I need to switch between mercurial and...
An Illustrated (and Musical) Guide to Map, Reduce, and Filter Array Methods
26.3.2019
Map, reduce, and filter are three very useful array methods in JavaScript that give developers a ton of power in a short amount of space. Let’s jump right into how you can leverage (and remember how to use!) these super handy methods.
Array.map()
Array.map() updates each individual value in...
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...