کتاب رابط کاربری بهتر

این کتاب اثر تحسینشدٔه UI Refactoring است. در این کتاب، آدام واتان، که بسیاری او را با فریمورک محبوب CSS Tailwind میشناسند، تجربیات خود را در طراحی
رابط کاربری به اشتراک گذاشته است. مفاهیم ارائهشده در این اثر، چکیده ای از کاربردیترین اصول
طراحی رابط کاربری است که هر توسعهدهنده و طراحی به آن نیاز دارد

منبع

#UI_UX



👈برای دسترسی به سایر کتابهایی که تا الان تو کانال منتشر شده از #pdf استفاده کنید

💎 @htmlcss_channels

Parallax effect for bakery card

HTML & CSS & JS



</CODE>


💎 @htmlcss_channels

Useful websites for developers:

~ Icons
https://tablericons.com

~ Hosting
https://sevalla.com

~ HTML templates
https://uideck.com

~ Code Snippets
https://carbon.now.sh

~ UI inspiration
https://websitevice.com

~ UI components
https://uiverse.io

~ Remote Jobs
https://jobboardsearch.com

~ Illustrations
https://undraw.co

~ Photos
https://unsplash.com

~ 40+ button designs
https://cssnippets.shefali.dev/buttons

~ Color Palette
https://coolors.co

~ Animations
https://animista.net

~ Charts
https://chartjs.org

~ QR Code Generator
https://markodenic.com/tools/qr-code-generator


💎 @htmlcss_channels

Javascript string methods

#javascript #js


💎 @htmlcss_channels

If you're a beginner learning web development, here's a course for you.

You'll build a weather app that displays real-time weather data with a 7-day forecast.

You'll use the Next.js framework, Tailwind CSS for styles, & TypeScript to add strong typing.

https://www.freecodecamp.org/news/beginner-web-dev-tutorial-build-a-weather-app-with-next-js-typescript/


💎 @htmlcss_channels

Discover the variety of web design layouts!


💎 @htmlcss_channels

یادگیری CSS با بازی

CSS Diner
https://flukeout.github.io

Flexbox Froggy
https://flexboxfroggy.com

Flexbox Defense
https://flexboxdefense.com

Grid Garden
https://cssgridgarden.com

CSSBattle
https://cssbattle.dev

Super Markup World
https://supermarkupworld.com

Guess CSS
https://guess-css.vercel.app

CSS Speedrun https://css-speedrun.netlify.app



💎 @htmlcss_channels

This color wheel website generator is nuts

https://meodai.github.io/poline/



💎 @htmlcss_channels

HTML & CSS & JS

Code



💎 @htmlcss_channels

As a front-end developer, understanding how UI/UX design works is essential for building user interfaces.

In this article from freeCodeCamp shows you key UI/UX principles every developer should know.

You'll learn about building visually engaging interfaces, how to learn UI/UX as a developer, and its benefits.

https://www.freecodecamp.org/news/why-front-end-developers-should-understand-uiux-design/


💎 @htmlcss_channels

Realistic Liquid Button | HTML CSS



💎 @htmlcss_channels

developer cheat sheets collection, quick references for coding

🔗 https://github.com/Fechin/reference


#Cheatsheet

🆔 @htmlcss_channels

HTML & CSS

Code


🆔 @htmlcss_channels