-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy patharticles.html
More file actions
156 lines (151 loc) · 7.2 KB
/
articles.html
File metadata and controls
156 lines (151 loc) · 7.2 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
---
layout: layout-main
title: Статьи
---
<section class="start portfolio-bg">
<div class="container">
<div class="start__inner portfolio-bg">
<h1 class="start__title _anim-items _anim-no-hide">
Полезные ресурсы.
</h1>
<p class="start__text _anim-items _anim-no-hide">
В этом разделе собраны статьи, ресурсы, и ссылки о <nobr>web-разработке</nobr>.
</p>
</div>
</div>
</section>
<section class="article container">
<h2 class="article__title">Работа с кодом</h2>
<div class="article__wrapper">
<div class="article-block">
<div class="article-block__title">Инструменты</div>
<ul class="article-block__list">
<li class="article-block__item">
<a href="https://temp-mail.org/ru/" target="blank">Временная почта от Temp-mail</a>
</li>
<li class="article-block__item">
<a href="https://www.typograf.ru/" target="blank">Типограф</a>
</li>
<li class="article-block__item">
<a href="https://chir.ag/projects/name-that-color/#6195ED" target="blank">Name that Color</a>
</li>
<li class="article-block__item">
<a href="http://apps.eky.hk/css-triangle-generator/" target="blank">CSS triangle generator</a>
</li>
</ul>
</div>
<div class="article-block">
<div class="article-block__title">Тестирование</div>
<ul class="article-block__list">
<li class="article-block__item">
<a href="https://validator.w3.org/" target="blank">W3C валидатор</a>
</li>
<li class="article-block__item">
<a href="https://nglazov.github.io/bem-validator-page/" target="blank">БЭМ валидатор</a>
</li>
<li class="article-block__item">
<a href="https://pagespeed.web.dev/" target="blank">Page Speed Insights</a>
</li>
</ul>
</div>
<div class="article-block">
<div class="article-block__title">Стиль кода и доступность</div>
<ul class="article-block__list">
<li class="article-block__item">
<a href="https://github.com/yoksel/common-words" target="blank">Слова, часто используемые в
CSS-классах</a>
</li>
<li class="article-block__item">
<a href="https://htmlacademy.ru/blog/boost/frontend/about-normalize-css" target="blank">О
normalize.css</a>
</li>
<li class="article-block__item">
<a href="https://caniuse.com/" target="blank">Can I use</a>
</li>
<li class="article-block__item">
<a href="https://codeguide.academy/" target="blank">Стиль кода Академии HTML</a>
</li>
</ul>
</div>
</div>
</section>
<section class="article container">
<h2 class="article__title">Библиотеки и плагины</h2>
<div class="article__wrapper">
<div class="article-block">
<h3 class="article-block__title">Vanilla JavaScript</h3>
<ul class="article-block__list">
<li class="article-block__item">
<a href="https://swiperjs.com/" target="blank">Swiper</a>
</li>
<li class="article-block__item">
<a href="https://www.youtube.com/watch?v=ddbxsrGPRY0&ab_channel=%D0%A4%D1%80%D0%B8%D0%BB%D0%B0%D0%BD%D1%81%D0%B5%D1%80%D0%BF%D0%BE%D0%B6%D0%B8%D0%B7%D0%BD%D0%B8-IT%D0%B8%D1%84%D1%80%D0%B8%D0%BB%D0%B0%D0%BD%D1%81"
target="blank">FAQ по Swiper</a>
</li>
<li class="article-block__item">
<a href="https://fslightbox.com/" target="blank">Fullscreen Lightbox</a>
</li>
<li class="article-block__item">
<a href="https://refreshless.com/nouislider/" target="blank">noUiSlider</a>
</li>
</ul>
</div>
<div class="article-block">
<h3 class="article-block__title">jQuery</h3>
<ul class="article-block__list">
<li class="article-block__item">
<a href="https://kenwheeler.github.io/slick/" target="blank">Slick carousel</a>
</li>
<li class="article-block__item">
<a href="https://sweetalert.js.org/" target="blank">Sweet Alert</a>
</li>
<li class="article-block__item">
<a href="https://www.kunkalabs.com/mixitup-multifilter/docs/get-started/" target="blank">MixItUp
MultiFilter</a>
</li>
</ul>
</div>
<div class="article-block">
<h3 class="article-block__title">Справочники</h3>
<ul class="article-block__list">
<li class="article-block__item">
<a href="https://doka.guide/" target="blank">Дока</a>
</li>
<li class="article-block__item">
<a href="https://htmlweb.ru/html/symbols.php" target="blank">Специальные символы HTML</a>
</li>
<li class="article-block__item">
<a href="http://css.yoksel.ru/nth-child/#combination" target="blank">Nth-child и nth-of-type</a>
</li>
<li class="article-block__item">
<a href="https://habr.com/ru/company/ruvds/blog/419371/" target="blank">Ключевое слово this в
JavaScript</a>
</li>
</ul>
</div>
<div class="article-block">
<h3 class="article-block__title">API</h3>
<ul class="article-block__list">
<li class="article-block__item">
<a href="https://jsonplaceholder.typicode.com/" target="blank">{JSON} Placeholder</a>
</li>
<li class="article-block__item">
<a href="https://openweathermap.org/api" target="blank">Weather API</a>
</li>
<ul class="article-block__list">
<li class="article-block__item">
<a href="https://restcountries.com/" target="blank">Rest Countries API</a>
</li>
</ul>
</ul>
</div>
<div class="article-block">
<h3 class="article-block__title">React</h3>
<ul class="article-block__list">
<li class="article-block__item">
<a href="https://react-select.com/home" target="blank">React Select</a>
</li>
</ul>
</div>
</div>
</section>