Logo

dev-resources.site

for different kinds of informations.

Website for pixel-perfect development training (In Progress, looking for contributors)

Published at
10/20/2024
Categories
frontend
design
ux
figma
Author
mauricio_antonioj_6ee36d
Categories
4 categories in total
frontend
open
design
open
ux
open
figma
open
Author
24 person written this
mauricio_antonioj_6ee36d
open
Website for pixel-perfect development training (In Progress, looking for contributors)

Hi everyone, 

I usually work with pixel perfect development in a daily basis and found difficult to start at the beginning, like training all the difeent css posibilities, curretly I'm building https://pixel-perfect.io/ where I will have over 100 exercises with good tips and examples. 

This ca also be helpful to show off dev skills in your cv if the company requires pixel perfect development. So far I have 10 exercises more or less ready, I'm planning to have around 100, I think wth that can be helpful for devs that look for this kind of trainning.

If you want to contribute to the project let me now, would be nice to build this with more people, just clone it and create PRs.

Repository (has still messy parts that I need to fix): https://github.com/thiswallz/pixel-training-simulator

Tech stack: NextJS, React, Typescript, Framer motion, Supabase, SCSS modules and libs.

figma Article's
30 articles in total
Favicon
10 Figma Shortcuts to Design Faster
Favicon
I developed a Figma plugin, which generates a colour palette using a bezier curve…
Favicon
Figma for Programmers
Favicon
Best Figma plugins for design and development in 2025
Favicon
iPhone 16 Mockup for Figma
Favicon
Breaking Down Figma Prototyping: A No-Nonsense Guide for Beginners
Favicon
Componentes no Figma — Um guia para te ajudar a começar!
Favicon
Como o Figma Virou Parte do Meu Dia a Dia no Front-End
Favicon
gluestack-ui v2.0 Design Kit
Favicon
Best Figma Plugins for Designers
Favicon
Figma Components: Supercharge Your Design System
Favicon
De la Maquette au Code : Comment Figma Simplifie l’Intégration Front-End
Favicon
I used [ Figma] to bring this concept to life and truly enjoyed every step of the process.
Favicon
Figma x IA : La révolution des interfaces est en marche
Favicon
Evento sobre HTML Gratuito da Alura: Responsividade
Favicon
Invitation to cooperate in the project "Making Paid Templates Free"
Favicon
Turn a Figma Design Into a Working Dashboard App in 5 Minutes
Favicon
Designing with gluestack-ui: Essential Practices for Consistent Results
Favicon
What is Figma? Features, Pricing, and How to Get Started
Favicon
Webinar Sobre Figma Gratuito Com Certificado da EBAC
Favicon
Deep Exploration of Reinforcement Learning in Fine-Tuning Language Models: RLHF, PPO, and DPO
Favicon
Introducing the new Material Tailwind: Rebuilt from the Ground Up
Favicon
Adobe XD vs Figma: A Comprehensive Comparison for Designers
Favicon
Yo! I Built My First Figma Plugin
Favicon
Generate Figma Designs with AI
Favicon
Website for pixel-perfect development training (In Progress, looking for contributors)
Favicon
Creating Figma Unions
Favicon
Design Smarter with Figma Auto Layout
Favicon
Figma to React Native: Convert designs to clean code in a click
Favicon
Codia AI Figma to code:HTML, CSS, React, Vue, iOS, Android, macOS, Flutter, ReactNative, Tailwind, Web, Native, …

Featured ones: