DNS Lookup

Le grimoire OKLCH step 2

La suite de la compréhension d'OKLCH, on va un peu plus loin dans les changements de variable via des équations.

CodePen

Learn to create professional, responsive UI designs with Figma Auto Layout! Master spacing, alignment, resizing, and nested frames to streamline your workflow and build reusable components.

Read the full guide →
https://codelabsacademy.com/en/blog/figma-auto-layout-for-beginners-guide

#Figma #UXUIDesign #Frontend #TechSkills #CareerChange #DesignTips

Figma Auto Layout for Beginners: Simple Guide

Learn Figma Auto Layout for beginners with simple steps, examples, and tips. Build responsive UI designs and start your UX career today.

Another free performance optimization: preload critical fonts with <link rel=preload href=font.woff2 as=font crossorigin> before render.

Result: fonts available at paint time, zero layout shift. We reduced CLS from 0.15 to 0.02 on a client portfolio site. The difference is obvious.

Performance is not an optimization. It is user experience. #webperf #frontend

CSS container queries just hit 90%+ global support. If you are still using @media for component responsiveness, you are missing the better tool. CQ works on any container, perfect for cards and dynamic layouts that adapt anywhere. We migrated client sites to CQ-first responsive patterns. Components adapt everywhere without 5 media query breakpoints. #webperf #frontend
HueGrid — Create Stunning Gradients with 22+ Modes

Create stunning gradients with 22+ modes — noise, dither, aurora, mesh, cosmic, liquid chrome, and more. Export as 5K images or code.

HueGrid

#Development #Fun
Package manager easter eggs · The whimsical side of dependency management https://ilo.im/16bwlb

_____
#EasterEggs #PackageManagers #Linux #Python #Ruby #Npm #JavaScript #WebDev #Frontend #Backend

Package Manager Easter Eggs

A tour of the easter eggs hiding inside package managers.

Andrew Nesbitt

Built a simple Expense Tracker app using React Native + Expo

Learned a lot: working without emulator, testing on real device, and generating APK via cloud build. Also explored optimizing app size and performance with production builds + Hermes.

Still improving it. Feedback welcome!
🔗 https://github.com/yaseerabas/expense-tracker

#ReactNative #Expo #ExpenseTracker #PersonalFinance #SideProject #Reactjs #Frontend

#FirstPost

Quick React win: move static object/array props outside the component or wrap with useMemo(). Inline literals create a new reference on every render — silently breaking React.memo() and useCallback(). Three lines of refactor, real perf difference in large trees.

#React #JavaScript #webdev #frontend #buildinpublic

While I'm sitting in Penpot with my designs, I have some thoughts about AI in design.

First of all, it might make it easy for low-skill designers to create decent looking designs.

But what I'm afraid of is that designers will be more sloppy. If humans have a hard time to keep up with 8px spacing, I shouldn't have any hope that machine trained on human output will be any better.

This will either push more frontend developer to semi-hybrid design roles where we'll need to fix small design mistakes.

Or frontend developers will move more to the backend roles.

So designers will write messy frontend with help of code generators making things like accessibility way worse than it is now.

I hope I am wrong about this one.

#design #frontend