https://github.com/trigensoftware/web-dev-studying-links
Links for studying web development.
https://github.com/trigensoftware/web-dev-studying-links
Last synced: 3 months ago
JSON representation
Links for studying web development.
- Host: GitHub
- URL: https://github.com/trigensoftware/web-dev-studying-links
- Owner: TrigenSoftware
- License: cc-by-4.0
- Created: 2018-01-22T06:58:59.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2020-06-15T13:18:27.000Z (almost 6 years ago)
- Last Synced: 2025-10-29T09:40:01.471Z (7 months ago)
- Size: 23.4 KB
- Stars: 2
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.md
Awesome Lists containing this project
README
# web-dev-studying-links
Links for studying web development.
## Feeds
- [Fresh Frontend Links](https://medium.com/@frontender_ua) ([Twitter](https://twitter.com/frontender_ua))
- [For Web](https://forwebdev.ru/) ([Twitter](https://twitter.com/forwebdev))
- [Web-standards](https://twitter.com/webstandards_ru)
- [Web Platform News](https://twitter.com/WebPlatformNews)
- [bitsofcode](https://bitsofco.de/)
- [DEV](https://dev.to/)
## HTML
- [A list of everything that *could* go in the head of your document](https://github.com/joshbuchea/HEAD)
- [A11Y Style Guide](http://a11y-style-guide.com/style-guide/)
- [Autofill: What web devs should know, but don’t](https://cloudfour.com/thinks/autofill-what-web-devs-should-know-but-dont/) ([RU](https://habrahabr.ru/company/mailru/blog/301840/))
- [Гид по верстке адаптивных писем](https://habrahabr.ru/company/netologyru/blog/324970/)
- [Accessible SVG Icons with Inline Sprites](https://www.24a11y.com/2018/accessible-svg-icons-with-inline-sprites/) ([RU](https://medium.com/web-standards/accessible-svg-icons-4d8d80b52f92))
- [Людоедский интерфейс, Вадим Макеев](https://www.youtube.com/watch?v=KAK-WAb9vow)
## CSS
- [BEM For Beginners: Why You Need BEM](https://www.smashingmagazine.com/2018/06/bem-for-beginners/)
- [9 Underutilized Features in CSS](https://medium.com/@iamjordanlittle/9-underutilized-features-in-css-90ced6ddbfe7)
- [Simple Little Use Case for `vmin`](https://css-tricks.com/simple-little-use-case-vmin/)
- [The :target Trick](https://bitsofco.de/the-target-trick/)
- [:focus-within](https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-within)
- [Полное руководство по Flexbox](https://frontender.info/a-guide-to-flexbox/)
- [Learn CSS Flexbox in 5 Minutes](https://medium.freecodecamp.org/learn-css-flexbox-in-5-minutes-b941f0affc34)
- [Flex-grow 9999 Hack](http://joren.co/flex-grow-9999-hack/)
- [CSS Grid Layout Terminology, Explained](https://bitsofco.de/css-grid-terminology/)
- [How the minmax() Function Works](https://bitsofco.de/how-the-minmax-function-works/)
- [Using CSS Grid the right way](https://vgpena.github.io/using-css-grid-the-right-way/)
- [To Grid or to Flex?](https://css-irl.info/to-grid-or-to-flex/)
- [Get Ready for `display: contents;`](https://css-tricks.com/get-ready-for-display-contents/)
- [A Guide to CSS Animation](https://codeburst.io/a-guide-to-css-animation-part-1-8777f5beb1f8)
- [Smooth as Butter: Achieving 60 FPS Animations with CSS3](https://medium.com/outsystems-experts/how-to-achieve-60-fps-animations-with-css3-db7b98610108) ([RU](https://habrahabr.ru/post/308006/))
- [Анимации на GPU: делаем это правильно](https://habrahabr.ru/company/odnoklassniki/blog/313978/)
- [The math of CSS locks](https://fvsch.com/code/css-locks/) ([RU](https://habrahabr.ru/company/mailru/blog/315196/))
- [Критический CSS + прогрессивный CSS = ?](https://medium.com/web-standards/critical-and-progressive-css-d6611f034d7d)
- [font-display](https://css-tricks.com/almanac/properties/f/font-display/)
- [One File, Many Options: Using Variable Fonts on the Web](https://css-tricks.com/one-file-many-options-using-variable-fonts-web/)
- [mix-blend-mode](https://developer.mozilla.org/ru/docs/Web/CSS/mix-blend-mode)
- [Anna Selezniova - Front-end As I See It](https://www.youtube.com/watch?v=B9SXHMei58c)
## JS
- [What is “this” in JavaScript?](https://blog.bitsrc.io/what-is-this-in-javascript-3b03480514a7)
- [A Definitive Guide to JavaScript Prototypes](https://hackernoon.com/a-definitive-guide-to-javascript-prototypes-2c263788021e)
- [Understanding Prototypes and Inheritance in JavaScript](https://www.digitalocean.com/community/tutorials/understanding-prototypes-and-inheritance-in-javascript)
- [Diving Deeper in JavaScripts Objects](https://blog.bitsrc.io/diving-deeper-in-javascripts-objects-318b1e13dc12) ([RU](https://habr.com/ru/company/ruvds/blog/438794/))
- [Functional Programming Principles in Javascript](https://dev.to/leandrotk_/functional-programming-principles-in-javascript-26g7) ([RU](https://habr.com/ru/company/ruvds/blog/434112/))
- [ES6 — Let’s divide our phones into Classes](https://medium.com/front-end-hacking/es6-lets-divide-our-phones-into-classes-4574bd0454bf)
- [ES6 magical stuffs — Spread (…) syntax in depth](https://medium.com/front-end-hacking/es6-magical-stuffs-spread-syntax-in-depth-afdd0118ebd0)
- [ES6 Cool Stuffs — Destructuring me, plz!](https://medium.com/front-end-hacking/es6-cool-stuffs-destructuring-me-plz-b8f1335d241a)
- [JavaScript async/await: The Good Part, Pitfalls and How to Use](https://hackernoon.com/javascript-async-await-the-good-part-pitfalls-and-how-to-use-9b759ca21cda)
- [A Simple Guide to ES6 Iterators in JavaScript with Examples](https://codeburst.io/a-simple-guide-to-es6-iterators-in-javascript-with-examples-189d052c3d8e)
- [A Simple Guide to Understanding Javascript (ES6) Generators](https://medium.com/dailyjs/a-simple-guide-to-understanding-javascript-es6-generators-d1c350551950)
- [Intro to web animations](https://www.gatherdigital.co.uk/community/post/intro-to-web-animations/82)
- [Customize Media Notifications and Handle Playlists](https://developers.google.com/web/updates/2017/02/media-session)
- [normalizr](https://github.com/paularmstrong/normalizr)
- [Generators and Channels in JavaScript](https://medium.com/javascript-inside/generators-and-channels-in-javascript-594f2cf9c16e)
- [strman](https://github.com/dleitee/strman)
- [Moment.js](https://momentjs.com/)
- [i18n-for-browser](https://github.com/TrigenSoftware/i18n-for-browser)
- [Immutable.js](https://facebook.github.io/immutable-js/)
- [A beginner’s introduction to Webpack](https://medium.freecodecamp.org/a-beginners-introduction-to-webpack-2620415e46b3)
### TypeScript
- [Advanced TypeScript Types with Examples](https://levelup.gitconnected.com/advanced-typescript-types-with-examples-1d144e4eda9e)
- [Some Lesser Known TypeScript Features](https://medium.com/@eliezer/some-lesser-known-typescript-features-d067e29797d0)
- [TypeScript: class vs interface](https://medium.com/front-end-weekly/typescript-class-vs-interface-99c0ae1c2136)
### NodeJS
- [19 things I learnt reading the NodeJS docs](https://hackernoon.com/19-things-i-learnt-reading-the-nodejs-docs-8a2dcc7f307f) ([RU](https://habrahabr.ru/company/ruvds/blog/318322/))
### Redux
- [Redux](https://redux.js.org/) ([RU](https://rajdee.gitbooks.io/redux-in-russian/content/))
- [Improving React and Redux performance with Reselect](http://blog.rangle.io/react-and-redux-performance-with-reselect/) ([RU](https://medium.com/devschacht/neil-fenton-improving-react-and-redux-performance-with-reselect-40f1d3efba89))
- [Reselect](https://github.com/reactjs/reselect)
### React
- [Functional setState is the future of React](https://medium.freecodecamp.org/functional-setstate-is-the-future-of-react-374f30401b6b)
- [SVG спрайт с webpack одной строкой](https://habrahabr.ru/post/327700/)
- [What you need to know about Storybook 3.0](https://blog.hichroma.com/what-you-need-to-know-about-storybook-3-0-6adf5b516322)
- [classnames](https://github.com/JedWatson/classnames)
- [Storybook](https://github.com/storybooks/storybook)
- [react-pdf](https://github.com/diegomura/react-pdf)
- [Learn the React Context API with a Practical Example You Can Bring to Your Apps](https://itnext.io/understanding-the-react-context-api-through-building-a-shared-snackbar-for-in-app-notifications-6c199446b80c)
## Services
- [BrowserStack - test your website for cross browser compatibility on real browsers. Instant access to multiple desktop and mobile browsers.](https://www.browserstack.com)
- [Litmus - provides a suite of email design and email marketing tools, helping you build, design, test, and analyze your emails.](https://litmus.com/)