Search
The Changing Shape of Crypto Funding in 2019
19.9.2019
2019 was meant to be the year of the IEO. Or was it the STO? Whatever the case, it’s had its share of both, with mixed results. While the number of successfully completed token sales and the number of IEO launchpads has increased significantly, secondary market demand has been underwhelming....
Three Predictions From the State of CSS 2019 Survey
27.6.2019
Running a developer survey like the State of CSS is a multi-stage process. First, you need to collect the data. Then, you process it into a usable shape. Finally, you come up with nifty ways to visualize it and release it to the world.
But then, once the dust settles and the traffic dies down...
Three Predictions From the State of CSS 2019 Survey
27.6.2019
Running a developer survey like the State of CSS is a multi-stage process. First, you need to collect the data. Then, you process it into a usable shape. Finally, you come up with nifty ways to visualize it and release it to the world.
But then, once the dust settles and the traffic dies down...
Collective #527
24.6.2019
Writing HTML in HTML * The perils of functional CSS * Shape (Beta) * Screenzy * How to learn D3.js
Collective #527 was written by Pedro Botelho and published on Codrops
How I Use CleanMyMac X
21.5.2019
[Chris]: I'm a lifelong Mac user. Ever since our family upgraded from a Commodore 128 to an Apple Macintosh Performa 636 (CD) when I was in middle school, I've never owned or worked on anything other than a Mac. I'm pretty dedicated to running a clean, fast, optimized, safe, and organized machine....
Oh, the Many Ways to Make Triangular Breadcrumb Ribbons!
29.4.2019
Oh, the Many Ways to Make Triangular Breadcrumb Ribbons
Let’s have a look at how we can create a row of links that sorta run into each other with a chevron-like shape and notch on each block like you might see in a hierarchical breadcrumb navigation.
You’ve probably seen this pattern a lot....
Using “box shadows” and clip-path together
11.4.2019
Let's do a little step-by-step of a situation where you can't quite do what seems to make sense, but you can still get it done with CSS trickery. In this case, it'll be applying a shadow to a shape.
You make a box
.tag {
background: #FB8C00;
color: #222;
font: bold 32px system-ui;
padding:...
8 Little Videos About the Firefox Shape Path Editor
7.3.2019
It sometimes takes a quick 35 seconds for a concept to really sink in. Mikael Ainalem delivers that here, in the case that you haven't quite grokked the concepts behind path-based CSS properties like clip-path and shape-outside.
Here are two of my favorites. The first demonstrates animating text...
I Spun up a Scalable WordPress Server Environment with Trellis, and You Can, Too
28.2.2019
A few years back, my fledgling website design agency was starting to take shape; however, we had one problem: managing clients' web servers and code deployments. We were unable to build a streamlined process of provisioning servers and maintaining operating system security patches. We had...
Spoják – týden třetí. Blíží se DNS Flag Day. Články 11 a 13 se zatím neblíží. Nokia, Don’t kill my app.
21.1.2019
Heslovitě: AlaSQL. Don’t kill my app. Android Studio 3.3. Hackování Play with Docker. Hacknuté hostingy. Shape Detection API. Videa z OpenAlt 2018. Android na 64bit. MongoDB mizí ze svobodných distribucí. ???? CyberSecurity. Rust 1.32.0. Články 11 a 13 zatím neschváleny. DNS Flag Day
An Initial Implementation of clip-path: path();
24.12.2018
One thing that has long surprised (and saddened) me is that the clip-path property, as awesome as it is, only takes a few values. The circle() and ellipse() functions are nice, but hiding overflows and rounding with border-radius generally helps there already. Perhaps the most useful value...
People Talkin’ Shapes
22.12.2018
Codrops has a very nice article on CSS Shapes from Tania Rascia. You might know shape-outside is for redefining the area by which text is floated around that element, allowing for some interesting design opportunities. But there are a couple of genuine CSS tricks in here:
Float shape-outside...
A CSS Venn Diagram
17.12.2018
This is pretty wild: Adrian Roselli has made a series of rather complex Venn diagrams using nothing but CSS. With a combination of the Firefox dev inspector, plus a mixture of CSS Grid and the shape-outside property, it’s possible to do this and without a ton of hacks, too.
I also think it’s super...
An Introduction to CSS Shapes
29.11.2018
CSS Shapes allow us to make interesting and unique layouts by defining geometric shapes, images, and gradients that text content can flow around. Learn how to use them in this tutorial.
An Introduction to CSS Shapes was written by Tania Rascia and published on Codrops
Emojis as Icons
11.7.2018
There are lots of unicode symbols that make pretty good icons already, like arrows (←), marks (✘), and objects (✂︎).You can already colorize these like a normal font glyph. Then, there are emojis, those full-color suckers we all know about. What if you could take just the shape of an emoji...
Creating a Bar Graph with CSS Grid
12.6.2018
If you’re looking for more manageable ways to create bar graphs, or in search of use cases to practice CSS Grid layout, I got you!
Before we begin working on the graph, I want to talk about coding the bars, when Grid is a good approach for graphs, and we’ll also cover some code choices you might...
Responsive Knockout Text With Looping Video
3.5.2018
Here’s an idea! Let’s make an an HTML <video> play inside the shape of some letters. Like "Knockout Text" except instead of an image behind, it’s video. A live demo will explain more clearly:
See the Pen basic pen by Giulio Mainardi (@mgiulio) on CodePen.
A key objective here is to develop...