FrontEnd Development
28.8K subscribers
145 photos
1 video
9.35K links
Полезные ссылки иHTML, CSS, JavaScript, TypeScript, Angular, React, Vue, Node.js, Mobile and more.
Download Telegram
Mastering React: Techniques to Take Your UI to the Next Level

A thorough, iterative tutorial which takes a given feature—in this case, a navigation bar—from the designer’s Figma diagram to finished, production-ready component. - https://blog.bitsrc.io/mastering-react-techniques-to-take-your-ui-to-the-next-level-a5002173904f

#react
👍7
7 Practical CSS Typography Tips & Tricks

Handy hands-on tips to improve your CSS Typography, explaining in detail how to implement fluid typography using clamp(), adjust letter spacing, set optimal and balanced line lengths, style link underlines, improve unordered list styling with emoji bullets, and use Color Fonts. - https://www.youtube.com/watch?v=d1QOiBRID2E

#css
👍3
How to force a Vue component to re-render

Vue.js updates the DOM whenever the JavaScript state changes. However, in certain scenarios, this approach isn’t sufficient, and we need to re-render individual components. In this article, review some best practices to efficiently re-render Vue components to avoid reloading the entire page. The following four basic practices apply to both Vue 2 and Vue 3. - https://blog.logrocket.com/force-vue-component-re-render/

#vue
👍61
Awesome React: Almost 500 Curated React Projects and Resources

A frequently updated and in-depth collection of articles and resources relating to the React ecosystem. - https://github.com/enaqx/awesome-react

#react
👍8
Future CSS: Anchor Positioning

Roman Komarov explains how the anchor positioning (currently available under an experimental flag in Chrome Canary) augments absolute positioning by allowing you to use the positions and dimensions of elements other than the element’s usual positioning context. - https://kizu.dev/anchor-positioning-experiments/

#css
👍5
Revuelution: Using GSAP with Nuxt3

Animations have become an integral part of modern web design. They add life to the website and make it more engaging for the user. GSAP (GreenSock Animation Platform) is a powerful animation library that can be used to create complex and creative animations on the web. In this blog post, we'll explore how you can use GSAP in Nuxt3 to create stunning animations. - https://ninja-army.hashnode.dev/revuelution-using-gsap-with-nuxt3

#vue
👍4
Building a Blog with Next.js 13 and React Server Components

Some might say that building a simple blog with tools of this calibre is overkill. However, an easily understood case study as a basis for learning is still a useful exercise. - https://maxleiter.com/blog/build-a-blog-with-nextjs-13

#react
👍8
First look at Nuxt DevTools

In this article, go through the main features of Nuxt DevTools which was unveiled a couple of days ago. We will be enabling it on the Nuxt Movie App project which we created in a previous article. - https://blog.alexandergekov.com/first-look-at-nuxt-devtools

#vue
👍7
Rebuilding a featured news section with modern CSS: Vox news

Ahmad Shadeed rethinks how to build the featured news section on Vox.com and explores if modern CSS can be helpful for that. - https://ishadeed.com/article/rebuild-featured-news-modern-css

#css
👍51
In Praise of Vite

“The single best feature of Vite, as far as I’m concerned, is its simplicity. Compared to the nightmare of configuring WebPack and Babel? Vite is delightfully easy to use.” - https://cloudfour.com/thinks/in-praise-of-vite/

#vite
👍7👎1