Search

Nalezeno "front-end": 184

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

1.11.2019
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

29.10.2019
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?

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

Web Development Merit Badges

16.9.2019
A collection of front-end development achievements. How many can you collect? The post Web Development Merit Badges appeared first on CSS-Tricks

Awesome Demos Roundup #8

11.9.2019
A roundup of hand-picked web experiments using the latest front-end technologies to ignite the creative coder in you. Awesome Demos Roundup #8 was written by Mary Lou and published on Codrops

Stop Installing Packages Globally

9.9.2019
These days, most front-end projects are going to involve NPM packages of some kind. Occasionally, when browsing documentation for these packages, I’ll see a recommendation to install a package like this. yarn global add <package> Or like this. npm install --global <package> In both...

The Best (GraphQL) API is One You Write

30.8.2019
Listen, I am no GraphQL expert but I do enjoy working with it. The way it exposes data to me as a front-end developer is pretty cool. It's like a menu of available data and I can ask for whatever I want. That's a massive improvement over REST and highly empowering for me as a front-end developer...

Multiplayer Tic Tac Toe with GraphQL

23.8.2019
GraphQL is a query language for APIs that is very empowering for front-end developers. As the GraphQL site explains it, you describe your data, ask for what you want, and get predictable results. If you haven’t worked with it before, GraphQL might be a little confusing to grok at first glance....

SSCCE

6.8.2019
You know what a "reduced test case" is, right? We've talked about it here. I imagine the concept is useful in many walks of life, but in the world of front-end development, you can think of it like: A reduced test case is a demo/example page you create which reproduces the problem you are having...

Branching Out from the Great Divide

2.8.2019
I like the term Front-End Developer. It's encapsulates the nature of your job if your concerns are: Building UIs for web browsers The spectrum of devices and platforms those web browsers run on The people who use those web browsers and related assistive technology The breadth of knowledge...

My Favorite Netlify Features

25.7.2019
👋 Hey folks! Silvestar pitched this post to us because he is genuinely enthusiastic about JAMstack and all of the opportunities it opens up for front-end development. We wanted to call that out because, although some of the points in here might come across as sponsored content and Netlify...

Micro Frontends

17.7.2019
One random day not long ago, I started hearing joke after joke about "micro frontends" — sort of how I first learned about Toast. I didn't understand the source until asking around, which uncovered this article from Cam Jackson. In this article we'll describe a recent trend of breaking...

The Many Ways to Include CSS in JavaScript Applications

8.7.2019
Welcome to an incredibly controversial topic in the land of front-end development! I’m sure that a majority of you reading this have encountered your fair share of #hotdrama surrounding how CSS should be handled within a JavaScript application. I want to preface this post with a disclaimer: There...

PSA: Linking to a Code of Conduct Template is Not the Same as Having a Code of Conduct

5.7.2019
Did you know we have a site that lists all upcoming conferences related to front-end web design and development? We do! If you're looking to go to one, check it out. If you're running one, feel free to submit yours. Now that we're running this, I've got loads of Pull Requests for conferences...

The Power of Serverless v2.0! (Now an Open-Source Gatsby Site Hosted on Netlify)

23.5.2019
I created a website called The Power of Serverless for Front-End Developers over at thepowerofserverless.info a little while back while I was learning about that whole idea. I know a little more now but still have an endless amount to learn. Still, I felt like it was time to revamp that site a bit....

Front-End Documentation, Style Guides and the Rise of MDX

23.5.2019
You can have the best open source project in the world but, if it doesn’t have good documentation, chances are it’ll never take off. In the office, good documentation could save you having to repeatedly answer the same questions. Documentation ensures that people can figure out how things work...

Deploying a Client-Side Rendered create-react-app to Microsoft Azure

10.5.2019
Deploying a React app to Microsoft Azure is simple. Except that... it isn’t. The devil is in the details. If you're looking to deploy a create-react-app — or a similar style front-end JavaScript framework that requires pushState-based routing — to Microsoft Azure, I believe this article will serve...