6 Awesome Website for Developers to Boost Your Front-End Skills.

HTML/CSS/JavaScript challenges.

Thread 🧵👇

1️⃣ Frontend Mentor

Frontend Mentor helps you to Improve your front-end skills by building real projects. Solve real-world HTML, CSS, and JavaScript challenges whilst working on professional

2️⃣ Codier

Explore and attempt front-end coding challenges

https://t.co/eHdpm9EUl8

3️⃣ Code Wars

Codewars is where developers achieve code mastery through challenge. Train on kata in the dojo and reach your highest potential.

https://t.co/6y8T2ncSdY

4️⃣ Ace FrontEnd

Ace your web developer interview. No trivia, only practical coding challenges to hone your

23 FREE SVG Icon Libraries For Front-End Developers

Mega Thread 🧵👇

1️⃣ Ionicons: The premium icon pack for Ionic Framework

Ionicons is an open-sourced and MIT-licensed icon pack.

2️⃣ 700+ CSS Icons, Customizable, Retina Ready & API

Pure CSS icons library, Customizable & Retina-Ready built 100% in pure CSS, SVG, SVG Sprite, styled components, Figma, and Adobe XD. Easy integration: Embed, NPM & API

3️⃣ SVG Repo - Free SVG Vectors and Icons

Free Vectors and Icons in SVG format. Download free mono or multi-color vectors for commercial use. Search in 300.000+ Free SVG Vectors and Icons.

https://t.co/2Ht2sI23TE

4️⃣ Feather – Simply beautiful open source icons

Feather is a collection of simply beautiful open source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency, and readability.

7 Awesome Sites For Front-End Developers Design Inspiration You Probably Didn't Know Existed.

Thread 🧵👇

1️⃣ Lapa Ninja

The best landing page design inspiration from around the web. Lapa Ninja is created to help designers find inspiration, learn and improve design skills. The contents are selected from the best designs, and daily updated.

https://t.co/PDsqFU39on

2️⃣ Top Shopify Plus Stores

Browse 200+ Home Page Designs from Top Shopify Plus Stores

https://t.co/hW3adG5js3

3️⃣ Good Landing Page

Get inspired by these brilliant landing page design examples. Including screens from behind signup/paywalls.

https://t.co/FMnxJz4T46

4️⃣ SaaS Landing Page

SaaS Landing Page showcases the best landing page examples created by top-class SaaS companies. Get ideas and inspirations for your next design

7 Awesome Sites For Front-End Developers You Probably Didn't Know Existed

Thread 🧵👇

1️⃣ Wicked Backgrounds

Create beautiful SVG backgrounds for your UI designs.

2️⃣ Inline Text Editor

The perfect WYSIWYG editor with the cleanest UI and really easy-to-use features to provide a simple and modern JavaScript rich text

3️⃣ Triangify

https://t.co/uL81JeAZnV is a tool for generating low poly triangle patterns that can be used as wallpapers and website

4️⃣ Design Vault

A curated library of screenshots & UI interaction patterns from the world's best digital products.

Gain insights, explore trends, and understand competitors and best

7 Chrome extensions for developers you may not know existed.

Thread 🧵👇

1️⃣ Copy My IP

Copy your IP with a single click

Simple tool to copy your current public IP address into your clipboard with just one click.

https://t.co/oqVZbJRlvc

2️⃣ Simplescraper

A web scraper that's fast, free, and simple to use. Scrape website data and table data in seconds

https://t.co/JuNqnNfWCe

3️⃣ Site Palette

Extract colors from any website
Free browser extension that generates color palettes.

https://t.co/ZM5XOT1Sco

4️⃣ Amino: Live CSS Editor

Live CSS Editor. Write custom CSS for any website and see your changes in real-time.

https://t.co/HSy2VRo6Ah

👋🏼 8 Awesome YouTube Channels for Web Developers You Probably Do Not Follow Yet

Thread 🧵👇

1️⃣ WebDevMentors

A Youtube Channel for emerging technologies and already established technologies in the Computer or IT field. We make courses on various IT or Computer-based stuff that enables you to learn and excel on the same.

https://t.co/gMEdsgIeGU

2️⃣ Codecourse

Helping you learn to code. PHP + Laravel + VueJS

https://t.co/LMycopz0rk

3️⃣ thenewboston

Tons of sweet computer-related tutorials and some other awesome videos too!

https://t.co/q6L57mGpXj

4️⃣ Adam Khoury

Master development technologies like JavaScript, PHP, SQL, HTML, CSS, ActionScript, and more.

https://t.co/3e6TxHnEEk

7 FREE Sites For Front-End Developers You Probably Didn't Know Existed

Thread 🧵👇

1️⃣ CSS buttons, checkboxes, and more!

Choose from numerous UI components and get the CSS & HTML. Everything is open-source and free to use.

https://t.co/cUXCZqOVdN

2️⃣ Showcode

Generate beautiful images of code.

https://t.co/8Di2YqBMNM

3️⃣ Free Forms Library

Copy & Paste Code Examples | HeroTofu

Tailwind CSS, Bootstrap, Bulma, and other forms for your project. Free to customize and use.

4️⃣ Spectrum- Web Generator

Generate colors palettes for your next app with just a few clicks

https://t.co/6TtOay3REM