Search

Nalezeno "front-end": 221

Getting Started with Front End Testing


Amy Kapernick covers four types of testing that front-end devs could and should be doing: Linting (There's ESLint for JavaScript and Stylelint or Prettier for CSS.) Accessibility Testing (Amy recommends pa11y, and we've covered Axe.) Visual Regression Testing (Amy recommends Backstop, and we've...

Our Learning Partner: Frontend Masters


I'd like to think there is a lot to learn on CSS-Tricks. But we don't really offer much by the way of courses. You're probably reading this because you just generally read this site, and you land on CSS-Tricks otherwise mostly because you are looking for an answer to some front-end...

Collective #578


Front-End Performance Checklist 2020 * Kinesis * Excalidraw * Exifer * Sscaffold * Craft.js Collective #578 was written by Pedro Botelho and published on Codrops

Validate CSP from Command Line


The content security policy spec has been an amazing front-end security tool to help prevent XSS and other types of attacks. I’d go as far to say that every site should implement as specific CSP as possible. If you aren’t familiar with CSPs, here’s a quick example:...

A Recap of Frontend Development in 2019


I noted Trey Huffine’s 2018 version of this article in The Great Divide. To put a point on this divide a bit more, consider this article by Trey Huffine, "A Recap of Frontend Development in 2018." It's very well done! It points to big moments this year, shows interesting data, and makes...

A Recap of Frontend Development in 2019


I noted Trey Huffine’s 2018 version of this article in The Great Divide. To put a point on this divide a bit more, consider this article by Trey Huffine, "A Recap of Frontend Development in 2018." It's very well done! It points to big moments this year, shows interesting data, and makes...

What it means to be a front-end developer in 2020 (and beyond)


I wrote a piece for Layout, the blog of my hosting sponsor Flywheel. Stick around in this field for a while, and you'll see these libraries, languages, build processes, and heck, even entire philosophies on how best to build websites come and go like a slow tide.​​ You might witness some...

Domain-Driven Design With React


There is very little guidance on how to organize front-end applications in the world of React. (Just move files around until it “feels right,” lol). The truth is that we can do better. Let’s take a look at one pattern you might consider using to architect your site. At first, you might split...

Dip Your Toes Into Hardware With WebMIDI


Did you know there is a well-supported browser API that allows you to interface with interesting and even custom-built hardware using a mature protocol that predates the web? Let me introduce you to MIDI and the WebMIDI API and show you how it presents a unique opportunity for front-end developers...

Save Big on An Event Apart for a Limited Time!


(This is a sponsored post.) If you could get one gift from your boss this holiday season, what would you want it to be? You know, other than the usual mouse pad, picture frame or, my favorite, the ol' coffee mug and Starbucks card combo. What if you were to receive something, hmm, more substantial?...

Save Big on An Event Apart for a Limited Time!


(This is a sponsored post.) If you could get one gift from your boss this holiday season, what would you want it to be? You know, other than the usual mouse pad, picture frame or, my favorite, the ol' coffee mug and Starbucks card combo. What if you were to receive something, hmm, more substantial?...

Having a Little Fun With Custom Focus Styles


Every front-end developer has dealt or will deal with this scenario: your boss, client or designer thinks the outline applied by browsers on focused elements does not match the UI, and asks you to remove it. Or you might even be looking to remove it yourself. So you do a little research and find...

No, Absolutely Not


I think the difference between a junior and senior front-end developer isn't in their understanding or familiarity with a particular tech stack, toolchain, or whether they can write flawless code. Instead, it all comes down to this: how they push back against bad ideas. What I've learned this year...

JAMstack, Fugu, and Houdini


What has me really excited about building websites recently is the fact that we, as front-end developers, have the power to do so much more. Only a few years ago, I would need a whole team of developers to accomplish what can now be done with just a few amazing tools. Although...

The Best Cocktail in Town


I admit I've held in a lot of pent-up frustration about the direction web development has taken the past few years. There is the complexity. It requires a steep learning curve. It focuses more on more configuration than it does development. That's not exactly great news for folks like me...

How We Perform Frontend Testing on StackPath’s Customer Portal


Nice post from Thomas Ladd about how their front-end team does testing. The list feels like a nice place to be: TypeScript - A language, but you're essentially getting various testing for free (passing the right arguments and types of variables) Jest - Unit tests. JavaScript functions are doing...

Jak jsem se (ne)stal front-end vývojářem


Pojednání o tom, jak (ne)obtížné je začít pracovat jako vývojář a jakou cestu očekávat. Není v něm ani jedna ukázka kódu, ale je v něm pár odborných pojmů. Pro lidi, kteří zvažují se naučit kódit/vyvíjet/programovat a pro ty, které jen zajímá, jak taková cesta vypadá

Become a Front-End Master in 2020 With These 10 Project Ideas


This is a little updated cross-post from a quickie article I wrote on DEV. I'm publishing here 'cuz I'm all IndieWeb like that. I love this post by Simon Holdorf. He's got some ideas for how to level up your skills as a front-end developer next year. Here they are: Build a movie search app using...

Learn to Make Your Site Inclusive, by Design


Accessibility is our job. We hear it all the time. But the truth is that it often takes a back seat to competing priorities, deadlines, and decisions from above. How can we solve that? That's where An Event Apart comes in. Making sites inclusive by design is just one of the many topics covered over...

Why Are Accessible Websites so Hard to Build?


I was chatting with some front-end folks the other day about why so many companies struggle at making accessible websites. Why are accessible websites so hard to build? We learn about HTML, we make sure things are semantic and — voila! @— we have an accessible website. During the course...

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