An open API service indexing awesome lists of open source software.

https://github.com/daffpunks/my-cool-stuff

There i will be post cool and useful links (seems #deprecated)
https://github.com/daffpunks/my-cool-stuff

Last synced: 4 months ago
JSON representation

There i will be post cool and useful links (seems #deprecated)

Awesome Lists containing this project

README

          

# My-Cool-Stuff

Ссылки на крутые рессурсы, туториалы и тд. Список регулярно пополняется

##Содержание
* [Web-develop](README.md#web-develop)
* [CSS](README.md#html/css)
* [JavaScript](README.md#javascript)
* [React](README.md#react)
* [Angular](README.md#angular)
* [UX/UI](README.md#ux/ui)
* [English](README.md#english)
* [Education](README.md#education)
* [OOP](README.md#oop)
* [Debug](README.md#debug)
* [Books](README.md#books)
* [Git](README.md#git)

## Web-develop
* [Что изучать в web разработке в 2017 году?](https://coggle.it/diagram/Vz9LvW8byvN0I38x)
* [Frontend WhiteList](https://github.com/melnik909/frontend-whitelist?utm_source=forwebdev&utm_medium=announcement&utm_campaign=frontend-whitelist--kollektsiya-russkoyazych)

## HTML/CSS
* [27 демок реализации поисковых форм на HTML/CSS.](http://www.tuicode.com/article/57264a2219da7be82b12e2e0)
* [HTML Framework For Building Native iOS & Android Apps](https://framework7.io/)
* [Как и зачем линтить CSS](https://www.youtube.com/watch?v=geoy-41wRQw)
* [Flexbox Froggy — интерактивная игрушка для изучения Flexbox.](http://flexboxfroggy.com/)
* [Blend — сервис для создания CSS3 градиентов.](http://colinkeany.com/blend/)
* [CodePen Design Patterns — коллекция идей и вдохновляющих демок для ваших проектов.](http://codepen.io/patterns)
* [Top 50 CSS Libraries, Frameworks and Tools from 2016](https://speckyboy.com/top-50-css-libraries-frameworks-tools-2016/)
* [Туториал на русском «Настраиваемая анимация чек-боксов и радио-кнопок»](https://canonium.com/articles/tutorial-css-animated-checkboxes)
* [Learn Advanced CSS Layout Techniques](https://egghead.io/courses/learn-advanced-css-layout-techniques)
* [Инструмент Parker проанализирует ваш CSS код и скажет, как сделать его лучше](http://csswizardry.com/2016/06/improving-your-css-with-parker/)
* [Инспекция и причёсывание CSS](http://juwain.ru/2016/05/27/linting-css/)
* [Большая коллекция svg лоадеров на CodePen](https://codepen.io/collection/HtAne/4/)

## JavaScript
* [Руководство по Node.js для новичков ](https://vk.com/wall-54530371_90247)
* [AOS — простая JavaScript-библиотека для анимированного появления элементов при скролле.](http://michalsnik.github.io/aos/)
* [JavaScript Stack from Scratch](https://github.com/verekia/js-stack-from-scratch)

#### React
* [Быстрый старт в изучении React](https://itvdn.com/ru/video/react-js-essential)
* [Blueprint, коллекция доступных UI-компонентов на Реакте и Тайпскрипте, покрывает большинство интерфейсных задач](http://blueprintjs.com/)
* [Перевод официальной документации ReactJS](https://habrahabr.ru/post/315466/)
* [Строим приложение на React + Flux с аутентификацией](https://scotch.io/tutorials/build-a-react-flux-app-with-user-authentication)
* [Шпаргалка по жизненным циклам компонентов в React](http://codepen.io/eduardoboucas/full/jqWbdb/)

#### Angular
* [Angular2 за 60 минут](https://www.youtube.com/watch?v=-zW1zHqsdyc)

## UX/UI
* [100 лучших инструментов для дизайнера](https://vk.com/wall-37413577_35411)
* [1163955 иконок](https://vk.com/wall-31275926_43281)
* [11 прекрасных ресурсов с SVG-иконками.](http://codecondo.com/resources-svg-icons/)
* [Hero Patterns, коллекция бесплатных настраиваемых SVG-паттернов ](http://www.heropatterns.com/)
* [FontFaceNinja - сервис распознающий шрифт, который используется на любом сайте.](http://fontface.ninja/)
* [Colors - удобный сервис для подбора цветовых схем.](https://coolors.co/)
* [Flaticon - огромнейшее хранилище Flat иконок в форматах png, svg, eps, psd.](http://www.flaticon.com/)
* [Material Palette - палитра Material цветов](https://www.materialpalette.com/)
* [Adobe Color CC](https://color.adobe.com/ru/create/color-wheel)
* [ColorFavs — сервис предоставляющий возможность создания цветовых палитр из фотографий.](http://www.colorfavs.com/)
* [Transparent Textures — большая коллекция бесплатных текстур для бекграунда.](https://www.transparenttextures.com/)
* [Шикарнейшая коллекция статей по UX-дизайну на русском языке!](https://medium.com/@nancypong)
* [Как делать доступный дизайн и каких ошибок избегать](https://accessibility.blog.gov.uk/2016/09/02/dos-and-donts-on-designing-for-accessibility/)
* [15 статей для тех, кто хочет начать разбираться в UI/UX-дизайне.](https://spark.ru/startup/primeliber-com/blog/15621/15-statej-pro-ui-ux-dizajn)
* [Что читать начинающему UX/UI-проектировщику.](https://spark.ru/startup/tados/blog/18121/chto-chitat-nachinayuschemu-ux-ui-proektirovschiku)
* [15 статей для тех, кто хочет начать разбираться в UI/UX-дизайне.](https://spark.ru/startup/primeliber-com/blog/15621/15-statej-pro-ui-ux-dizajn)

## English
* [100 книг на английском: от простого к сложному](https://vk.com/wall-37160097_46174)

## Education
* [CodeAcademy - интерактивное обучение программированию](https://www.codecademy.com/)
* [Coursera — бесплатные курсы от преподавателей лучших вузов со всего мира.](https://www.coursera.org/)

## OOP
* [Пять полезных практик объектно-ориентированного программирования.](http://www.codeaddiction.net/articles/27/5-practices-that-will-make-your-code-better)

## Debug
* [10 полезных советов для отладки и избежания неполадок в программировании](http://www.onextrapixel.com/2013/08/07/10-useful-tips-for-debugging-and-troubleshooting-in-programming/)
* [Мастер-класс по использованию Chrome DevTools](https://www.youtube.com/watch?v=KykP5Z5E4kA)
* [20 советов для эффективной работы в Chrome DevTools](https://stories.jotform.com/how-to-use-chrome-devtools-like-a-pro-b9bd414870e3?gi=eb6b34ebd92#.5ohkp5ily)

## Books
* [Брюс Тейт, "Семь языков за семь недель"](https://vk.com/doc22866245_437246623)
* [97 вещей, которые должен знать каждый программист](https://97-things-every-x-should-know.gitbooks.io/97-things-every-programmer-should-know/content/ru/)
* ["Основы Web-Дизайна. Руководство" Рафал Томал (2015)](https://vk.com/doc370113674_438128362)
* [Приемы объектно-ориентированного проектирования. Паттерны проектирования (2016)](https://vk.com/doc123534285_438303638)
* [Эрик Фримен, Элизабет Фримен. Паттерны проектирования](https://vk.com/doc40514821_438044619)
* [«Глубокое погружение в Canvas»](https://webref.ru/dev/canvasdeepdive)

## Git
* [LearnGitBranching — интерактивный туториал по Git](http://learngitbranching.js.org/)
* [17 приемов работы с git, о которых вы могли не знать](http://theasder.github.io/tools/2016/06/03/git-hot-tips.html)