Search

Nalezeno "first": 26721

Diana Smith’s Top 5 CSS Properties She Uses to Produce CSS Art


Have you seen Diana Smith's CSS drawings? Stunning. These far transcend the CSS drawings that sort of crudely replicate a flat SVG scene, like I might attempt. We were lucky enough for her to post some of her CSS drawing techniques here last year. Well, Diana has also listed the top five...

Crypto Tax Season: What you need to know


The basics to keep in mind when filing your tax returns involving cryptocurrencies this year. From the CMC Editorial Desk: It’s… taaaax season. Before you panic, what do you need to know as you’re filing returns on your crypto? Find […] The post Crypto Tax Season: What...

Social Cards as a Service


I love the idea of programmatically generated images. That power is close at hand these days for us front-end developers, thanks to the concept of headless browsers. Take Puppeteer, the library for controlling headless Chrome. Generating images from URLs is their default use case: const puppeteer...

Don’t Get Clever with Login Forms


Brad points out some UX problems with a variety of apps that are doing things a little outside of the norm when it comes to their login forms. There is already a bunch of things to get right with forms to begin with (e.g. use the right input types, label your inputs, don't have whack password...

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

How @supports Works


CSS has a neat feature that allows us to test if the browser supports a particular property or property:value combination before applying a block of styles — like how a @media query matches when, say, the width of the browser window is narrower than some specified size and then the CSS within...

instant.page


instant.page is a pretty cool project from Alexandre Dieulot. Alexandre has been at this idea for half a decade now, as InstantClick is his and is essentially the same exact idea. The idea is that there is a significant delay between hovering over a link and clicking that link. Say it takes...

IE10-Compatible Grid Auto-Placement with Flexbox


If you work on web applications that support older browsers, and have lusted after CSS Grid from the sidelines like I have, I have some good news: I've discovered a clever CSS-only way to use grid auto-placement in IE10+! Now, it's not actually CSS Grid, but without looking at the code itself,...

Using Slack Slash Commands to Send Data from Slack into Google Sheets


Since I work from home, most of my daily work interactions happen through Slack. It’s my equivalent to the water cooler. A place to hang out and discuss ideas with friends. I’m part of a book recommendations channel. People share books all the time, but they disappear quickly, lost in a sea...

The Magic of React-Based Multi-Step Forms


One way to deal with long, complex forms is to break them up into multiple steps. You know, answer one set of questions, move on to another, then maybe another, and so on and so forth. We often refer to these as multi-step forms (for obvious reasons), but others also take to calling it a “wizard”...

The #StateOfCSS 2019 Survey


You know about the State of JavaScript survey, where thousands upon thousands of developers were surveyed about all-things-JS, from frameworks to testing and many other things in between? Well, Sacha Greif has launched one focused entirely on CSS. This is super timely given a lot of the content...

A Crypto Derivatives Primer


Learn about crypto derivatives, risk management and the solutions they offer. From the CMC editorial desk: With increasing interest in crypto derivatives and the function they serve in managing risk, what must you know about them? We asked LXDX, and […] The post A Crypto Derivatives Primer...

Awesome Demos Roundup #1


The first roundup in a series that gathers cutting-edge demos and experiments from around the web. Awesome Demos Roundup #1 was written by Mary Lou and published on Codrops

Getting to Grips with the Airtable API


The Airtable web app is pretty neat. You can use it like a spreadsheet but it’s useful for all sorts of other things too. The neatest thing about it for me is that it has an API so that you can treat it like a database. I’ve been thinking about making weekly notes for the different teams I work...

Use monday.com to manage and share projects all in one place


(This is a sponsored post.) We've talked quite a bit about project management and workflows around here at CSS-Tricks, not because it's the core of what we do as designers and developers, but because we all play a role in it as part of a team and because it impacts the quality of our work at...

The Smart Ways to Correct Mistakes in Git


The world of software development offers an infinite amount of ways to mess up: deleting the wrong things, coding into dead ends, littering commit messages with typos, are a mere few of the plentitude. ​​ ​​Fortunately, however, we have a wonderful safety net under our feet in the form of Git when...

“the closest thing web standards have to a golden rule”


The internet's own Mat Marquis plucks this choice quote from the HTML Design Principals spec: In case of conflict, consider users over authors over implementors over specifiers over theoretical purity. And then he applies the idea to putting images on websites in 2019. Direct Link to Article...

​​Avoiding those dang cannot read property of undefined errors


​​​​Uncaught TypeError: Cannot read property 'foo' of undefined.​ The dreaded error we all hit at some point in JavaScript development. Could be an empty state from an API that returns differently than you expected. Could be something else. We don’t know because the error itself is so general...

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