DEV Community

Cover image for Top-10 Posts for FE (Week 3, May 2023)
fruntend
fruntend

Posted on

Top-10 Posts for FE (Week 3, May 2023)

Here are the top 10 posts from the past week that will be useful to front-end developers and beyond. The selection was made on the basis of their interestingness, uniqueness, presentation, usefulness and subjective assessment of the author.

What's your CSS level? Take a CSS Quiz!

The article is about a collection of CSS quizzes that cover topics like selectors, flexbox, transforms, and gradients, challenging readers to test their CSS knowledge and achieve a perfect score for a chance to win a prize.

What's your CSS level? Take a CSS Quiz!

What’s new in CSS and UI: I/O 2023 Edition

This article showcases five exciting new features in web UI, including style queries, the :has() selector, advanced nth-child syntax, dynamic viewport units, and CSS nesting, with examples and explanations.

What’s new in CSS and UI: I/O 2023 Edition

CSS-in-JS: Why is this bad?

This article discusses CSS-in-JS, its goals, implementation mechanics, challenges, and suggests utility CSS (e.g., Tailwind) as an alternative.

CSS-in-JS: Why is this bad?

Journey to Front-End Web Development

This article provides advice and insights on starting a career in web development, emphasizing the importance of mastering the basics, creating projects, immersing oneself in the industry, networking, and addressing imposter syndrome.

Journey to Front-End Web Development

From Idea to Design for Non-Designers

This article provides practical tips for developers who want to add minimum styling to their projects without having extensive knowledge of design, covering topics such as goals, inspiration, layout, colors, typography, buttons, links, and putting everything together.

From Idea to Design for Non-Designers

Progressive Web Apps

This article explores the concept of Progressive Web Apps (PWAs), including their advantages and step-by-step instructions for creating one using HTML, CSS, and vanilla JavaScript.

Progressive Web Apps

Converting between strings and numbers in JavaScript

This article explains how to convert values between strings and numbers in JavaScript, covering methods, pitfalls, and the importance of choosing the right approach for each use case.

Converting between strings and numbers in JavaScript

Write better code by following these JavaScript best practices

This article provides comprehensive guidance on JavaScript best practices, covering topics such as coding style, variable naming, shorthand usage, commenting, separation of concerns, avoiding global variables, loop optimization, and more, to help improve your JavaScript skills.

Write better code by following these JavaScript best practices

The difference between traditional functions and arrow functions in javascript

The article discusses the differences between traditional functions and arrow functions in JavaScript, focusing on syntax, the use of the 'this' keyword, access to arguments, usage with the new operator, and parameters with duplicate naming.

The difference between traditional functions and arrow functions in javascript

HTML Document Structure

The article provides an introduction to the HTML document structure/template commonly used in web development, explaining the purpose and usage of various HTML elements such as doctype, html tag, head tag, meta tags, title tag, CSS stylesheet, script tags, and body tag.

HTML Document Structure


More News on channel t.me/fruntend_newsBy me a coffee

Top comments (2)

Collapse
 
ernanej profile image
Ernane Ferreira

Cool! Thanks for sharing my article!

Collapse
 
bealecs profile image
Clifton Beale

Thanks for featuring my article! Cheers