Search

Nalezeno "New": 15076

Welcome to My New Office


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()


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


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


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)


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


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!


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


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 .map() Method


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


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...

CSS :placeholder-shown


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


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


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


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


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...

Using React Portals to Render Children Outside the DOM Hierarchy


Say we need to render a child element into a React application. Easy right? That child is mounted to the nearest DOM element and rendered inside of it as a result. render() { return ( <div> // Child to render inside of the div </div> ); } But! What if we want...

Design v17


We rolled out a new site design on January 1! This is the 17th version of CSS-Tricks if you can believe that. The versions tend to evolve a decent amount beyond the initial launch, but we archive screenshots on this design history page. Like I said in our 2018 thank you post: This is easily...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace