Search
The Ultimate Guide to JavaScript Algorithms: Counting the Vowels in a String of Text
23.1.2019
In this challenge, we will be working with strings and arrays. Strings and arrays are very much alike in that they are both collections of elements usually of the same type.
In order to mani
Create Smart WordPress Forms in Less Than 5 Minutes with WPForms
17.1.2019
(This is a sponsored post.)
Most online form solutions are either too complex or too expensive.
We believe you shouldn't have to spend hours creating online forms for your business. That's why we built WPForms, a drag and drop WordPress form builder that's both EASY and POWERFUL.
WPForms allows...
How I’ve Been Using Notion Personally and Professionally
16.1.2019
I use Notion quite a bit, both personally and professionally.
In a sense, it's just an app for keeping documents in one place: little notes, to-do lists, basic spreadsheets, etc. I like the native macOS Notes app just fine. It's quick and easy, it's desktop and mobile, it syncs... but there...
Converting Color Spaces in JavaScript
10.1.2019
A challenge I faced in building an image "emojifier" was that I needed to change the color spaces of values obtained using getImageData() from RGB to HSL. I used arrays of emojis arranged by brightness and saturation, and they were HSL-based for the best matches of average pixel colors with...
The Elements of UI Engineering
4.1.2019
I really enjoyed this post by Dan Abramov. He defines his work as a UI engineer and I especially like what he writes about his learning experience:
My biggest learning breakthroughs weren’t about a particular technology. Rather, I learned the most when I struggled to solve a particular UI problem....
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...
Nobody is quite wrong.
17.12.2018
There are two opposing views on using non-polyfillable new web features that I find are both equally common in our industry:
Websites don't need to look the same in every browser. The concept of progressive enhancement helps with that. There are tools, even native language features, that help with...
Collective #468
15.11.2018
State of Houdini * Turtletoy * VisBug * Squoosh * The Writable Files API * Web.dev (beta) * Inlining or Caching? Both Please!
Collective #468 was written by Pedro Botelho and published on Codrops
Build Your First Angular Website: Routing to Two Pages
30.8.2018
Now that we have two pages, let's start routing to them. We want to be able to click around to our pages. Currently we are showing both our HomeComponent and ContactComponent
CSS-in-JS: FTW || WTF?
17.7.2018
I enjoyed Bruce Lawson's talk on this holiest of wars. It's funny and lighthearted while being well researched and fairly portraying the good arguments on both sides.
…
The post CSS-in-JS: FTW || WTF? appeared first on CSS-Tricks
Centering: The Newest Coolest Way vs. The Oldest Coolest Way
20.6.2018
This isn't a comprehensive guide to centering things. We have that!
This is just a little observation about old and new. One of the trickier things related to centering in CSS is when you need to center both vertically and horizontally and you don't know the width or height of what you...
Understanding the Almighty Reducer
13.6.2018
I was reently mentoring someone who had trouble with the .reduce() method in JavaScript. Namely, how you get from this:
const nums = [1, 2, 3]
let value = 0
for (let i = 0; i < nums.length; i++) {
value += nums[i]
}
...to this:
const nums = [1, 2, 3]
const value = nums.reduce((ac, next)...
Animate Images and Videos with curtains.js
6.6.2018
While browsing the latest award-winning websites, you may notice a lot of fancy image distortion animations or neat 3D effects. Most of them are created with WebGL, an API allowing GPU-accelerated image processing effects and animations. They also tend to use libraries built on top of WebGL such...
Just a Couple’a Fun Typography Links
22.5.2018
Marcin Wichary made an incredible demo exploring "segmented type" as in, the kind you might see on a display like a microwave, but scaling up in complexity from there.
"Datalegreya is a typeface which can interweave data curves with text."
Airbnb commissions their own new font, Cereal (complete...
Ship Map
14.5.2018
Interactive maps can both be functional and, when combined with data, tell a good story. Kiln released this data-driven map (make sure to hit the play button) to show the routes of every cargo ship moving about on the high seas in 2012.
Created by London-based data visualisation studio Kiln...
Reset File Changes with git
25.4.2018
There are many different philosophies when it comes to code review but mine is fairly simple: I like receiving early “work in progress” patches, I like to be positive in my code review messages, and if a patch is 90% there, I like to finish the patch myself so the project...
HTML a CSS základy webu: Blanka a další nástroje
3.4.2018
Při formování dokumentu, nevyhnutelném základu každého webu, se může hodit pár nástrojů. Předpokládejme, že máme hotový obsah ve strukturovaném HTML. Co teď?
React Video Player
14.3.2018
Streaming entertainment is a massive interest of mine as both a consumer and web developer. My love for streaming entertainment dates back to the early days of RealPlayer and the misery of a million codecs. Fast forward to today and I’m working a lot with ReactJS, as well as the dozens...
Let's Encrypt Everything
23.11.2016
I'll admit I was late to the HTTPS party.
But post Snowden, and particularly after the result of the last election here in the US, it's clear that everything on the web should be encrypted by default.
Why?
You have an unalienable right to privacy, both in the real world