Search

Nalezeno "when we are in need": 1770

Simplicity

12.9.2019
Earlier this week, Bastian Allgeier published some interesting thoughts about complexity in web development and how changing simple things can often feel far more difficult than they need to be: You want to build a JS file? Please update Webpack first. Oh, that new version of Webpack is no longer...

Logical Operations with CSS Variables

11.9.2019
Very often, while using switch variables (a variable that's either 0 or 1, a concept that's explained in a greater detail in in this post), I wish I could perform logical operations on them. We don't have functions like not(var(--i)) or and(var(--i), var(--k)) in CSS, but we can emulate these...

CSS Security Vulnerabilities

9.9.2019
Don't read that headline and get worried. I don't think CSS is a particularly dangerous security concern and, for the most part, I don't think you need to worry about it. But every once in a while, articles tend to circulate and get some attention as to the possibilities of what CSS can do that...

Model-Based Testing in React with State Machines

4.9.2019
Testing applications is crucially important to ensuring that the code is error-free and the logic requirements are met. However, writing tests manually is tedious and prone to human bias and error. Furthermore, maintenance can be a nightmare, especially when features are added or business logic...

Need to scroll to the top of the page?

2.9.2019
Perhaps the easiest way to offer that to the user is a link that targets an ID on the <html> element. So like... <html id="top"> <body> <!-- the entire document --> <a href="#top">Jump to top of page</a> ...

Working with Attributes on DOM Elements

30.8.2019
The DOM is just a little weird about some things, and the way you deal with attributes is no exception. There are a number of ways to deal with the attributes on elements. By attributes, I mean things like the id in <div id="cool"></div>. Sometimes you need to set them. Sometimes...

Creating a Maintainable Icon System with Sass

28.8.2019
One of my favorite ways of adding icons to a site is by including them as data URL background images to pseudo-elements (e.g. ::after) in my CSS. This technique offers several advantages: They don't require any additional HTTP requests other than the CSS file. Using the background-size property...

Reverse Lookups with JavaScript

28.8.2019
I’ve always loved exploring regular expressions because they’re one of those skills that’s never taught in school — you need to pick them up on the fly, messing up and fixing them along the way. Regex’s are incredibly powerful, and one power they have are referred...

45 Web Tools To Master The Internet (Sponsored)

26.8.2019
A big part of our daily jobs is accomplished with much ease and efficiency by using different web tools and services. There is no doubt that for any type of need there is a great solution that is doing its job. In this article, we are reviewed on short 45 web tools and services that […] The...

Multiplayer Tic Tac Toe with GraphQL

23.8.2019
GraphQL is a query language for APIs that is very empowering for front-end developers. As the GraphQL site explains it, you describe your data, ask for what you want, and get predictable results. If you haven’t worked with it before, GraphQL might be a little confusing to grok at first glance....

Getting Netlify Large Media Going

20.8.2019
I just did this the other day so I figured I'd blog it up. There is a thing called Git Large File Storage (Git LFS). Here's the entire point of it: it keeps large files out of your repo directly. Say you have 500MB of images on your site and they kinda need to be in the repo so you can work with...

These Portfolio Tracking Tools Will Also Prepare Your Crypto Taxes

16.8.2019
Tax season is months away, which is why you need to start preparing for it now. Leave everything to the last minute and you’ll only end up cursing your procrastination. Organize your cryptocurrency activity in advance and you’ll breeze through tax deadline day without so much...

All the New ES2019 Tips and Tricks

13.8.2019
The ECMAScript standard has been updated yet again with the addition of new features in ES2019. Now officially available in node, Chrome, Firefox, and Safari you can also use Babel to compile these features to a different version of JavaScript if you need to support an older browser. Let’s look...

How Bridging Blockchains Unlocks Value and Unites Crypto Tribes

12.8.2019
Interoperability is a multisyllabic word for a multi-faceted problem. How do you get blockchains to communicate with one another? Until recently, there’s been no easy way to achieve this, leaving assets isolated and smart contract-powered dapps siloed on their respective protocols. Before...

Using Immer for React State Management

7.8.2019
We make use of state to keep track of application data. States change as users interact with an application. When this happens, we need to update the state that is displayed to the user, and we do this using React’s setState. Since states are not meant to be updated directly (because React’s state...

The Bitcoin Perpetuals Swaps Market is Growing - What You Need to Know

6.8.2019
The perpetual swaps market for cryptoassets is growing. First brought to market by leading crypto derivatives exchange BitMEX in 2016, perpetual swaps on bitcoin have started to gain more traction among crypto traders in the past twelve months. Today, several exchanges offer perpetuals while market...

Getting design system customization just right

29.7.2019
I had a little rant in me a few months ago about design systems: "Who Are Design Systems For?" My main point was that there are so many public and open source ones out there that choosing one can feel like choosing new furniture for your house. You just measure up what you need and what you like...

Don’t comma-separate :focus-within if you need deep browser support

24.7.2019
I really like :focus-within. It's a super useful selector that allows you to essentially select a parent element when any of its children are in focus. Say you wanted to reveal some extra stuff when a <div> is hovered... div:hover { .extra-stuff { /* reveal it */ } } That's...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace