Code Editors
- VS Code - is most used code editor (IDE)
- Sublime text 3 - is convenient and fast code editor
- Atom - is a cool editor from GitHub
- Brackets - is more suitable for beginners
Online Code Editors
- Where teams build faster, together - create, share, and get feedback with collaborative sandboxes for rapid web development
- JS fiddle - for JavaScript
- CodePen - for HTML, CSS and JS
- CSS Desk - more
Images and Pictures
- Сompressor - resizing JPG and PNG
- Tiny png - compresses images. with API.
- Pixabay - over 2.5 million high quality stock images, videos and music shared by our talented community.
- Unsplash - is internet's source of freely-usable images.
- StockSnap.io - Beautiful Free Stock Photos
- Pixlr - Free Online Photo Iditor
Cheat-sheets
- CSS Cheat Sheet - HTML and CSS cheatsheet
- jQuery page2page - Query
- Emmet Cheat Sheet - Emmet
- WebReference - is another HTML5 and CSS3 cheat sheet. Also, this site has published its cheat sheets in the form of applications on Google Play.
- Ease - Functions Cheat Sheet.
- FlexBox - is Cheat Sheet.
- Xabr - Cheat Sheet for LESS and SASS.
- OverAPI dot com - Javacript Cheat Sheet
- QuickRef.ME JavaScript cheatsheet - A JavaScript cheat sheet with the most important concepts, functions, methods, and more..
- Module - Module Cheatsheet.
Fonts
- Google Fonts- Google fonts
- Transfonter - font converter
- Fonts4web - Fonts for web sites
Speed typing
- Typing.com- Keyboarding, Digital Literacy, & Coding
- keybr.com/ - Speed typing
- monkeytype.com/ - Monkey typing
- 10fastfingers.com - Test & Improve your Typing Speed with free Games
Code checking
- Can I Use - Cross-browser codes
- Validator W3 - HTML Code Validity
- PageSpeed Insights - Page optimization checking
Life hacks for a layout designer
- How To Center in CSS - center everything
- CodeHouse - cool collections of ready-made CSS and jQuery solutions without plugins
- Learn Git Branching - interactive Git tutorial
Useful jQuery plugins
- jQuery Script - Free jQuery Plugins and Tutorials
- jQuery custom content scroller - Highly customizable custom scrollbar
- Scrollrevealjs - Animate elements as they scroll into view
- Slick - sesponsive Slider
- Owl Carousel - responsive carousel slider
- Tooltipster - creating tooltips
- flatpickr - pop-up windows with date selection
Icons and graphics
- icons8.com - 1,421,300 free icons
- Iconify Design - Iconify
- React Icons - Include popular icons in your React projects easily with react-icons
- Flaticons - Free vector icons
- Seeklogo - Company vector logos
- SVG Porn - Vector logos
- TOP Logos - Company logos (Russian)
- Font Awesome Icon font + SVG
- UTF-8 Icons - Icons for utf-8
- SVG REPO - 500.000+ Open-licensed SVG Vector and Icons
Working with design layouts
- Avocode - platform for working with layouts for layout designers (PSD, Sketch, etc.)
- Adobe Assets - work with PSD layouts directly in the browser. Export code.
- Zeplin - working with design layouts in the browser. Exists code export.
- PSD Tech - free analogue of Avocode.
- Responsive Design - A free, once–weekly round-up of responsive design articles, tools, tips, tutorials and inspirational links.
Libraries with animations
- Animate.css - CSS animation library
- Magic - cross browser animations
- It's Tuesday. - simple and pleasant CSS animations
- AOS - Animate On Scroll Library
JavaScript Online Tutorials and Projects
- Javacript Projects - Projects are the most practical way to learn any language
- JavaScript Tutorial - is designed for beginners and professionals both from javaTpoint.com
- Javascript Handbook - is intended to take one from not knowing very much about Javascript to getting confident with it
WEB RTC
- WebRTC - Getting started with WebRTC Google Documentation
- WebSockets vs Long Polling - An overview and coparision: pros and cons
- WebRTC - Real time communication with WebRTC
- With WebRTC technology - develop a video chat between the browser and mobile app
CSS Grid
- Gapless, draggable grid layouts - by Packery
- A Complete Guide to Grid - by Chris House
- CSS Grid Tutorial: Responsive Design Examples - by LearnWebCode
- CSS Grid Layout With Image Span - by Traversy Media
Async utilities
- IngoQ - A Brief Introduction to REST
- Async utilities - for node and the browser
- {JSON} Placeholder - Free fake API for testing and prototyping.
- Dogs, JavaScript & An API 🐶 Fetch, Promises & Async Await - by LearnWebCode
- RapidAPI - Free Public APIs for Developers
Data Visualization UI
- Apexcharts.com/ - Modern & Interactive Open-source Charts 📍
- Chart.js - Simple yet flexible JavaScript charting for designers & developers
- Tremor.so - React components to build charts and dashboards
- Visx -a collection of expressive, low-level visualization primitives for React
Programming EBooks
- EBooks - Freely available programming books
Free Frontend Resources
- Free Frontend - Resources, Codes...
- CSS Script - Best Free JavaScript & CSS/CSS3 Libraries For Modern Web DesignFollow us on Facebook Follow us on rssSkip to content
Carousel Sliders
- Owl Carousel - responsive carousel slider
- Slick - slick is a responsive carousel jQuery plugin that supports multiple breakpoints
- FullPage.js - fullPage plugin by Alvaro Trigo. Create full screen pages fast and simple
- PagePiling.js - create an original scrolling site (including vertical sliders)
ReactJS Online Tutorials and Projects
- React for Beginners - Recommended by official Reactjs.org documentation website, Tania Rascia's personal website well explains ReactJS concepts and tools
Input types
- Codexpedia.com - A list of HTML input types
HTML Tables
- Divtable.com - HTML Table Generator
Web Dev Youtube
- 100+ Web Development Things - you Should Know
Animation Effects
- FreeFrontend Free Projects - 30+ CSS Animated Backgrounds
Online Resume and Portfolio Editors
- CANVA - Online Resume and Portfolio Editor