Search

Nalezeno "things": 1123

Using <details> for Menus and Dialogs is an Interesting Idea


One of the most empowering things you can learn as a new front-end developer who is starting to learn JavaScript is to change classes. If you can change classes, you can use your CSS skills to control a lot on a page. Toggle a class to one thing, style it this way, toggle to another class...

Design Systems and Portfolios


In my experience working with design systems, I’ve found that I have to sacrifice my portfolio to do it well. Unlike a lot of other design work where it’s relatively easy to present Dribbble-worthy interfaces and designs, I fear that systems are quite a bit trickier than that. You could make things...

Little Things That Tickled My Brain from An Event Apart Seattle


I had so much fun at An Event Apart Seattle! There is something nice about sitting back and basking in the messages from a variety of such super smart people. I didn't take comprehensive notes of each talk, but I did jot down little moments that flickered my brain. I'll post them here! Blogging...

7 things you should know when getting started with Serverless APIs


I want you to take a second and think about Twitter, and think about it in terms of scale. Twitter has 326 million users. Collectively, we create ~6,000 tweets every second. Every minute, that’s 360,000 tweets created. That sums up to nearly 200 billion tweets a year. Now, what if the creators...

The Client/Server Rendering Spectrum


I've definitely been guilty of thinking about rendering on the web as a two-horse race. There is Server-Side Rendering (SSR, like this WordPress site is doing) and Client-Side Rendering (CSR, like a typical React app). Both are full of advantages and disadvantages. But, of course, the conversation...

A Bit of Performance


Here’s a great post by Roman Komarov on what he learned by improving the performance of his personal website. There’s a couple of neat things he does to tackle font loading in particular, such as adding the &#60;link rel="preload"&#62; tags for fonts. This will encourage those font files...

Text Wrapping & Inline Pseudo Elements


I love posts like this. It's just about adding a little icon to the end of certain links, but it ends up touching on a million things along the way. I think this is an example of why some people find front-end fun and some people rather dislike it. Things involved: Cool [attribute] selectors that...

Chris Coyier’s Favorite CodePen Demos IV


Did you know you can triple-heart things on CodePen? We’ve had that little not-so-hidden feature forever. You can click that little heart button on any Pen (or Project, Collection, or Post) on CodePen to show the creator a little love, but you can click it again and again to heart it just that...

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

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

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

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

Quick! What’s the Difference Between Flexbox and Grid?


Let's go rapid fire and try to answer this question with quick points rather than long explanations. There are a lot of similarities between flexbox and grid, starting with the fact that they are used for layout and much more powerful than any layout technique that came before them. They...

Using Dotfiles for Managing Development and Many Other Magical Things


Howdy folks! &#x1f389; I'm Simon Owen, and over the years, I've loved being a part of and learning from the dotfiles community. I spend a lot of time teaching developers and running workshops. In those sessions, demonstrating how I set up my development environment is often one of things that folks...

More Like position: tricky;


I rather like position: sticky;. It has practical use cases. I think of things like keeping a table of contents in a sidebar of a long article, but as a fairly simple implementation and without risk of overlapping things in awkward ways. But Elad Shechter is right here: it's not used that much...

Designing for the web ought to mean making HTML and CSS


David Heinemeier Hansson has written an interesting post about the current state of web design and how designers ought to be able to still work on the code side of things: We build using server-side rendering, Turbolinks, and Stimulus. All tools that are approachable and realistic for designers...

Need to Test API Endpoints? Two Quick Ways to Do It.


Here's a possibility! Perhaps you are testing your JavaScript with a framework like Jasmine. That's nice because you can write lots of tests to cover your application, get a nice little UI to see the output, and even integrate it with build and deploy tools to make your ongoing development work...

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