carbon-cli is a CLI tool which interacts with the aforementioned Carbon , allowing you to create beautiful images of your source code.
Installation per NPM/Yarn, or run it directly using npx
npm i -g carbon-cli
Usage is quite simple:
carbon -f file.js
carbon-cli – Carbon, from the CLI →
Swoole is an high-performance network framework using an event-driven, asynchronous, non-blocking I/O model which makes it scalable and efficient. It is written in C language without 3rd party libraries as PHP extension.
It enables PHP developers to write high-performance, scalable, concurrent TCP, UDP, Unix Socket, …
I like these pens by Kristopher Van Sant using shape-outside to wrap text in a shape. Take this heart for example:
CSS Shapes Experiments →
Back in 2006 (!) I created a small site/tool named “The Box Office” to fake that. It took the line-height and floated a truckload of boxes to one side to …
Jeremy Keith, on Separation of Concerns and how that comes into play where one’s dealing with Component based design:
My point is this:
Separating structure, presentation, and behaviour is a good idea.
Separating an interface into components is a good idea.
Those two good ideas are not in conflict. They …
If you’re using React Navigation in your app(s) you might have noticed these two issues the folks over at November Five have written about:
On a few screens – specifically those with lots of components – we started noticing a few things…
Right off the bat, there is a substantial delay between the user pressing …
There are many great techniques out there to improve the way we write CSS, and from my experience, I found the following three techniques that make up the BIO acronym work very well together
A lot of developers/engineers already know those famous techniques but I would like to …
I first heard of the Dunning-Kruger effect at last year’s Fronteers Conference in a talk by Jessica Rose. In that talk she said that “the unskilled aren’t aware of their lack of own skill, and are unable to assess and value others’ skills”. This is known as the Dunning-Kruger effect.
This nice video goes into more …
Interesting blog post by TJ Vantoll, who works on NativeScript:
In this article we’ll walk through Airbnb’s complaints in detail, and talk about how some of those same problems could’ve been handled in NativeScript. We’ll start with things that NativeScript does well (this is the NativeScript blog after all), and …
Highly interesting tool by Kitze:
Organize & group apps
Generate new apps
Search apps & preview files
A curated collection of useful PHP snippets that you can understand in 30 seconds or less.
These functions – like endsWith and startsWith for strings – should be part of the PHP core.
30 seconds of PHP code →
(via Freek )
In true Harry Potter-style, Nathan Gitter has used ARKit to bring newspapers to life:
Bringing newspapers to life with #ARKit .
Animated weather maps and sports highlights are just the beginning! Built with #ARKit2 on #iOS12 .
— Nathan Gitter (@nathangitter) June 23, 2018
Jake Archibald discovered a really nice browser bug (which is fixed by now) by which he was able to steal data from remote sites by loading it in as a (fake) wav file.
The exploit works as follows:
Make a request to evil-script , using a Content-Range header to suggest there’s more data to be loaded …
With CSS Grid being available, Max Böck set out to find himself a layout challenge:
I went over to dribbble in search of layout ideas that are pushing the envelope a bit. The kind of design that would make frontend developers like me frown at first sight.
He settled on the “Digital Walls” shot (pictured …
Gabriel Peal, Android developer at Airbnb:
In 2016, we took a big bet on React Native. Two years later, we’re ready to share our experience with the world and show what’s next.
The result is a 5-part series of posts:
Part 1: React Native at Airbnb
Part 2: The Technology
Part 3: Building a Cross-Plat…
Eliz Kılıç writes down something that’s been bothering me too:
Apple introduced 3D Touch and its new related interactions Peek and Pop in 2014. It’s been almost 4 years since its first introduction, yet people don’t know/use 3D Touch. Why would they? Even tech-savvy users don’t know which buttons offer 3D touch. …
In a new (ish) web-project I’m working on, I went all-in on CSS Grid . The website contains a page where one can filter the list of elements shown. To animate this filtering I used animate-css-grid , as other libraries typically used for this – e.g. Isotope – don’t play nice with CSS Grid.
Installation per …
For some older projects that I still need to run, I recently started using Valet. As those projects sometimes require different versions of PHP – or when I want to test them with the latest PHP version – I followed this set of instructions by Michael Dyrynda:
A writeup is also available.
Switching PHP …
Siema is a lightweight (only 3kb gzipped) carousel plugin with no dependencies and no styling.It is 100% open source and available on Github. It is free to use on personal and commercial projects. Use it with your favourite module bundler or by manually injecting the script into your project.
I especially like the …
Sticky Events is a library that can listen for events on elements that have position: sticky; applied. It’s an abstraction built on top of the IntersectionObserver , and provides one with three types of events:
StickyEvent.CHANGE : Fired when an element becomes stuck or unstuck
StickyEvent.STUCK : …