Search
weatherstack: an Amazing Weather API (Sponsored)
18.9.2019
One of my first tasks each day is checking the weather; it’s a necessity for knowing what my children and I should wear, if I’m going to need to water the lawn or need to shovel snow, and if I can take meetings out on my patio. It’s also been one of my worst web […]
The post...
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...
A Little Reminder That Pseudo Elements are Children, Kinda.
8.7.2019
Here's a container with some child elements:
<div class="container">
<div>item</div>
<div>item</div>
<div>item</div>
</div>
If I do:
.container::before {
content: "x"
}
I'm essentially doing:
<div class="container">
...
Binance Charity Foundation Raises $200,000 For Their Child Welfare Programme
16.5.2019
In a recent charity event, the Binance Charity Foundation has raised $200,000 to support the Children program. The event was hosted by Bloq. Blockchain Charity Foundation is a non-profit company which aims to achieve sustainable global development through the unlocking of blockchain power. In order...
Building a Landing Page Fast Using the Visual Composer Website Builder (Sponsored)
20.2.2019
What if it were possible to build a landing page from top to bottom, including a header and a footer, and do so without any need for writing code? And even if it was possible, could you reasonably expect to do so as easily and quickly as putting together a puzzle designed for children...
Using React Portals to Render Children Outside the DOM Hierarchy
15.1.2019
Say we need to render a child element into a React application. Easy right? That child is mounted to the nearest DOM element and rendered inside of it as a result.
render() {
return (
<div>
// Child to render inside of the div
</div>
);
}
But! What if we want...
10 Best Coding Apps for Children to Learn Programming
25.9.2018
As we live in the digital age, programming skills become increasingly important on the job market. Although not everyone will be a programmer in the future, basic coding skills...
The post 10 Best Coding Apps for Children to Learn Programming appeared first on Onextrapixel
Render Children in React Using Fragment or Array Components
17.7.2018
What comes to your mind when React 16 comes up? Context? Error Boundary? Those are on point. React 16 came with those goodies and much more, but In this post, we'll be looking at the rendering power it also introduced — namely, the ability to render children using Fragments and Array...