Free Website Builder + Free CRM + Free Live Chat = Bitrix24
30.1.2020
(This is a sponsored post.)
You may know Bitrix24 as the world’s most popular free CRM and sales management system, used by over 6 million businesses. But the free website builder available inside Bitrix24 is worthy of your attention, too.
Why do I need another free website/landing...
Collective #585
30.1.2020
CineShader * Animating CSS Width and Height * YourStack * WebGL State Diagram * React Tutorial
Collective #585 was written by Pedro Botelho and published on Codrops
How Do You Do max-font-size in CSS?
30.1.2020
CSS doesn't have max-font-size, so if we need something that does something along those lines, we have to get tricky.
Why would you need it at all? Well, font-size itself can be set in dynamic ways. For example, font-size: 10vw;. That's using "viewport units" to size the type, which will...
Resizing Values in Steps in CSS
30.1.2020
There actually is a steps() function in CSS, but it's only used for animation. You can't, for example, tell an element it's allowed to grow in height but only in steps of 10px. Maybe someday? I dunno. There would have to be some pretty clear use cases that something like background-repeat: space...
Four Layouts for the Price of One
29.1.2020
Pretty notable when a tweet about a flexbox layouts gets 8K+ likes on Twitter!
4 layouts for the price of 1, thanks flex ????
css` form { display: flex; flex-wrap: wrap;
& > input { flex: 1 1 10ch; margin: .5rem;
&[type="email"] { flex: 3...
Practice GraphQL Queries With the State of JavaScript API
29.1.2020
Learning how to build GraphQL APIs can be quite challenging. But you can learn how to use GraphQL APIs in 10 minutes! And it so happens I've got the perfect API for that: the brand new, fresh-of-the-VS-Code State of JavaScript GraphQL API.
The State of JavaScript survey is an annual survey of...
Apollo GraphQL without JavaScript
29.1.2020
It's cool to see progressive enhancement being done even while using the fanciest of the fancy front-end technologies.
This is a button in a JSX React component that has a click handler applied directly to it that fires a data mutation Ajax request through Apollo GraphQL. That is about the least...
Use and Reuse Everything in SVG… Even Animations!
28.1.2020
If you are familiar with SVG and CSS animations and started to work with them often, here are some ideas you might want to keep in mind before jumping into the job. This article will be about learning how to build and optimize your code with <use> element, CSS Variables and...
Set Type on a Circle… with offset-path
28.1.2020
Here's some legit CSS trickery from yuanchuan. There is this CSS property offset-path. Once upon a time, it was called motion-path and then it was renamed. I sort of rolled my eyes at the time, because the property is so obviously for animating things along a path. But you don't have to use it...
aviationstack
28.1.2020
(This is a sponsored post.)
I wonder how many startup ideas have something to do with air travel? 🤔
It's such a big industry with so many pain points its no wonder that it inspires ideas for building new products. Here's the thing about a lot of startup ideas: you need data. Chances...
How to Create Procedural Clouds Using Three.js Sprites
28.1.2020
Learn how to simulate a cloud on a Three.js Sprite using React-Three-Fiber.
How to Create Procedural Clouds Using Three.js Sprites was written by Robert Borghesi and published on Codrops
What does “revert” do in CSS?
28.1.2020
Miriam Suzanne has a Mozilla Developer video on the subject. The revert value is fairly new, supported in Firefox and Safari, but not yet in Chrome-world. We've already got a couple of related keywords that work on any property which are meant to help control inheritance and reset values....