Search
Recreating the Facebook Messenger Gradient Effect with CSS
1.3.2019
One Sunday morning, I woke up a little earlier than I would’ve liked to, thanks to the persistent buzzing of my phone. I reached out, tapped into Facebook Messenger, and joined the conversation. Pretty soon my attention went from the actual conversations to the funky gradient effect of the message...
Moving a Self-Hosted WordPress Site to WordPress.com
26.2.2019
I have a habit of getting some hosting when I need a new WordPress site. That is, a self-installed, self-hosted WordPress.org site. That's served me well over the years. I like my control. But along with that control comes a certain level of extra responsibility that sometimes just isn't worth...
Serverless CloudFlare Workers Are Pretty Awesome
21.2.2019
Serverless is the new black. I mean everybody I know is moving to the serverless platforms or launching one. OK, maybe not everyone but CloudFlare is definitely moving in this direction with an aud
Welcome to My New Office
19.2.2019
My first professional web development was at a small print shop where I sat in a windowless cubical all day. I suffered that boxed in environment for almost five years before I was able to find a remote job where I worked from home. The first thing I told myself when leaving that first...
JavaScript Glossary: String concat()
17.2.2019
Basics
This method is used to join the calling string and the provided string arguments. It returns a new String object containing the calling string and the provided arguments . If no arg
JavaScript Glossary: Array unshift() Method
17.2.2019
Basics
The unshift array method appends a number of values to the start of a given array. It then returns the new length of the array. This method can take a number of argumen
Grid Reveal Effects with Anime.js
13.2.2019
Some experiments with the new staggering system of Anime.js where we try different effects for hiding and showing thumbnails in an image grid.
Grid Reveal Effects with Anime.js was written by Mary Lou and published on Codrops
A Site for Front-End Development Conferences (Built with 11ty on Netlify)
12.2.2019
I built a new little site! It's a site for listing upcoming conferences in the world of front-end web design and development. In years past (like 2017), Sarah Drasner took up this daunting job. We used a form for new conference submissions, but it was still a rather manual task of basically...
A Funny Thing Happened on the Way to the JavaScript
12.2.2019
Around this time last year, I wrote an article about the JavaScript learning landscape. Within that article, you’ll find my grand plans to learn JavaScript — complete with a link to a CodePen Collection I started for tracking my progress, and it even got dozens of comments cheering me on.
Like most...
Script & Style Show on iTunes!
11.2.2019
Last year Todd Gardner of TrackJS and I debuted our YouTube web show (podcast): The Script & Style Show. It was an amazing first year of guests, including Chris Coyier, Kyle Simpson, Jason Laster, Max Lynch, Dylan Schiemann, and more! And the show will only get better! I’m happy...
JavaScript Glossary: Array .slice() Method
8.2.2019
Basics
The slice array method copies a given part of an array returning the selected part as an array. It doesn’t mutate the given array rather, it returns a new array
JavaScript Glossary: Array .push() Method
8.2.2019
Basics
This methods appends one or more value to the last position of an array. This method mutates the array returning the new length of the array.
let
JavaScript Glossary: Array .map() Method
8.2.2019
Basics
The map() method takes a callback method that performs an operation on the elements in the array. It returns a new array containing the resulting values of running the
Gradians and Turns: the quiet heroes of CSS angles
6.2.2019
I love coming across little overlooked CSS gems, like the gradien (grad) and turn (turn) units that Ken Bellows uncovers in his post explaining them. I don't know, maybe y'all are already aware of them, but they're certainly new to me.
They're additional options for dealing with angles, where...
Ocenění pro český Veracity Protocol: Dostal se do blockchain akcelerátoru v New Yorku
6.2.2019
Když jde o zacházení s citlivými daty na internetu, jen máloco se v poslední době skloňuje tolik jako blockchain. Velký potenciál vidí i v Techstars, kde otevřeli první běh akcelerátoru Alchemist Blockchain Techstars. Vybrali do něj 10 nejslibnějších světových startupů. A mezi nimi i český Veracity...
CSS :placeholder-shown
4.2.2019
One of the first plugins that would hit a new framework in the early days of JavaScript frameworks was a placeholder plugin, which is why we were so excited when HTML5 brought us the placeholder attribute. Then CSS lovers like me were thrilled when the CSS spec allowed us to style placeholders....
Inspirational Websites Roundup #1
4.2.2019
The first edition of a new series that aims to showcase inspirational website designs.
Inspirational Websites Roundup #1 was written by Mary Lou and published on Codrops
React 16.6.0 Goodies
23.1.2019
React 16.6.0 was released October 2018 and with it came goodies that spice up the way we can develop with React. We’re going to cover what I consider the best of those new goodies with examples of how we can put them to use in our work.
React.memo() avoids unnecessary re-rendering
There...
New CodePen Feature: Prefill Embeds
21.1.2019
I've very excited to have this feature released for CodePen. It's very progressive enhancement friendly in the sense that you can take any <pre> block of HTML, CSS, and JavaScript (or any combination of them) and enhance it into an embed, meaning you can see the rendered output. It also...
STAR Apps: A New Generation of Front-End Tooling for Development Workflows
18.1.2019
Product teams from AirBnb and New York Times to Shopify and Artsy (among many others) are converging on a new set of best practices and technologies for building the web apps that their businesses depend on. This trend reflects core principles and solve underlying problems that we may share, so...