Frontend Links
Frontend links from our Slack chat
API
- import.io – Instantly Turn Web Pages into Data
- kimono – Turn websites into structured APIs from your browser in seconds
BEM
- Пишем БЭМ правильно – доклад про BEM, слайды
Books
- free-programming-books – List of Free Learning Resources
CSS
- 10 Lightweight Alternatives To Bootstrap & Foundation
- 5 killer CSS talks of 2014
- CSS Gradient Animator – A CSS generator to create beautiful animated gradients for use on your website.
- CSS Reference – An extensive CSS reference with all the important properties and info to learn CSS from the basics
- Furtive – A forward-thinking, CSS micro-framework.
- HTML6 ideas or HTML.next – Article: HTML6 ideas or HTML.next, elements, html6, semantics
- Learn CSS Layout – This site teaches the CSS fundamentals that are used in any website's layout.
- Materialize – A modern responsive front-end framework based on Material Design
- Useful :nth-child Recipes
- Количественные CSS селекторы
- Производительность CSS-анимаций – Советы по оптимизации CSS-анимаций. Испытаны на боевом проекте.
- A Complete Guide to Flexbox – Очень хороший гайд для изучения Flexbox
- A Complete Guide to Grid – Очень хороший гайд для изучения Grid
Fonts
- Font Family Reunion – Compatibility tables for default local fonts.
Guidelines
- Automating Style Guide-Driven Development
- Frontend Guidelines – Some HTML, CSS and JS best practices.
- Sass Guidelines – An opinionated styleguide for writing sane, maintainable and scalable Sass.
Icons
- Evil Icons – Simple and clean SVG icon pack with the code to support Rails, Sinatra, Node.js, Gulp and Grunt
- SVG-иконки
Javascript
- Angularjs Performance – Angularjs Performance Slides
- Bonsai – A lightweight graphics library with an intuitive graphics API and an SVG renderer.
- JavaScripting – The definitive source of the best JavaScript libraries, frameworks, and plugins.
- React in 7 Minutes – React Video Tutorial
- select3 – Modular and light-weight selection library for jQuery and Zepto.js
Node
- Node Frameworks – Hand-picked registry of Node.js frameworks.
- SemVer in nodejs – The Mystical & Magical SemVer Ranges Used By npm & Bower
PostCSS
- PostCSS: будущее после Sass и Less - Слайды про PostCSS
Tools
- code-screenshots – Скриншоты редакторов кода разных разработчиков
- Essential Tools for JavaScript Developers – Video course about tools for JavaScript developers
- Frontend stuff – list of framework/libraries and tools
- makeup – Инструмент для приятного контроля за качеством верстки на веб-проектах
- Open Source Libraries – Discover new open source libraries, modules and frameworks and keep track of ones you depend upon.
- SVG Optimizer – SVG Optimizer is a Nodejs-based tool for optimizing SVG vector graphics files.
- svgo-gui – Node-WebKit based GUI for SVGO