Frontend Masters Boost RSS Feed
https://frontendmasters.com/blog
Frontend Masters Boost is a blog about web development. It's written by the team at Frontend Masters, course instructors from the industry, and curated guest authors. The goal is to help you on your path to becoming a senior developer, or to be an even better one.
フィード
Printing music with CSS Grid
Frontend Masters Boost RSS Feed
What is sheet music if not icons placed in particular vertical and horizontal positions? Stephen Band turned the system of sheet music into a CSS grid system where you control the placement of everything with classes and data-attributes.https://cruncher.ch/blog/printing-music-with-css-grid/
14時間前
Five Basic Things About JavaScript That Will Help Non JavaScript-Focused Web Designers
Frontend Masters Boost RSS Feed
Let's say you don't know JavaScript. You're a web designer and you're focused largely on UI and UX. Let's look at some things you could learn in a day that will give you that bang for the buck.
2日前
Quick Trick: Using border-image to Apply and Overlay Gradient.
Frontend Masters Boost RSS Feed
Really clever trick via Temani Afif. https://codepen.io/t_afif/pen/vYbdVjb Fill the entire element with a gradient overlay on top of any existing background, which can make it easier to read text set on top.
2日前
Icônes
Frontend Masters Boost RSS Feed
Icônes is an amazing icon resource site. There are tens of thousands of free-to-use icons which are easy to browse and find. Export or copy in SVG, PNG, or as a component in many popular frameworks.https://icones.js.org/
3日前
Using the Popover API for HTML Tooltips
1
Frontend Masters Boost RSS Feed
We can *mostly* use HTML alone for this API. But here, we'll use CSS to style the "links" within paragraphs and a JS library to position them, in lieu of CSS anchoring.
3日前
“Multiplexed” Fonts Have a Cool Superpower
1
Frontend Masters Boost RSS Feed
Just to cut to the chase, the superpower is being able to adjust their weight (or at least one of their attributes, or as variable fonts call them, an “axis”) without changing the space they occupy. This means that interactive effect and animations can be done without worry for awkward reflow situations and performance problems. […]
6日前
HTML attributes vs DOM properties
1
Frontend Masters Boost RSS Feed
Speaking of Jake, his recent article HTML attributes vs DOM properties is a good one for all y’all on that journey to senior developer. I could imagine asking this in an interview. I’d say you should straight up know this is the case and learn over time the more nuanced stuff like which properties reflect […]
7日前
The Vue Ecosystem in 2024
Frontend Masters Boost RSS Feed
Vue has become one of the top JavaScript frameworks for building and maintaining web apps. It is a popular pick for many developers because of its philosophy of creating an approachable, performant, and versatile approach to building scalable apps.Let’s look at some of the popular tools and libraries used by the community today.
7日前
On Alt
Frontend Masters Boost RSS Feed
Good advice: "Write alternative text as if you’re describing the image to a friend." Or, if it's helpful, don't forget to include the emotion in an image.
9日前
An alternative proposal for CSS masonry
Frontend Masters Boost RSS Feed
I wrote in my masonry proposal feedback: Are there any more fleshed out alternative proposals? I thought Jen presented strongly that CSS grid is a great place to put masonry layout, but also that it wasn’t arguing against anything else. Rachel Andrew has that “anything else”, which is display: masonry; with more explanation. What’s nice […]
9日前