Useful websites for developers:

~ Icons
http://tablericons.com

~ Hosting
http://sevalla.com

~ HTML templates
http://uideck.com

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

~ UI inspiration
http://websitevice.com

~ UI components
http://uiverse.io

~ Remote Jobs
http://jobboardsearch.com

~ Illustrations
http://undraw.co

~ Photos
http://unsplash.com

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

~ Color Palette
http://coolors.co

~ Animations
http://animista.net

~ Charts
http://chartjs.org

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


💎 @htmlcss_channels

Javanoscript string methods

#javanoscript #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-typenoscript/


💎 @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

10 CSS PRO Tips and Tricks you NEED to know



🆔 @htmlcss_channels

Light/Dark/Black Theme

A menu with three different topics (for a day, night, and just dark). Implemented using SCSS.

⤷ code



#HTML #CSS #JavaScript

💎 @htmlcss_channels

Flex Slider

Animated slider of cards with information. Implemented using Vue.

⤷ code


🆔 @htmlcss_channels

از کجا برای فرانت اند مقاله بخونیم؟ این سایت میتونن منبع های خفنی برات باشن

1- css-tricks.com
یکی از بهترین منابع های برای یادگیری css و ترفند های خفن

2- smashingmagazine.com
مقاله های کاربردی فرانت اند , طراحی , UX و .....

3- dev.to
پلتفرم برای توسعه دهنده ها که خودشون مقاله منتشر میکنن

4- frontendmentor.io
مخصوص تمرین واقعی با پروژه های و نکات های طراحی

5- awwwards.com/blog
مخصوص UI,UX و ترند های طراحی سایت های حرفه ای

🆔 @htmlcss_channels