Статья "Что должен знать HTML-верстальщик?"
Изучить подробно статью "Что должен знать HTML-верстальщик?"
Criterio del fin
Все ссылки изучены, полезные ресурсы сохранены
Recursos personales
Время, интерес
-
Английский язык
-
Графические редакторы
-
Инструменты разработчика в браузере
-
Подключение шрифтов
-
Emmet
-
Семантика и доступность
-
HTML и CSS
-
Правильное именование
-
Оптимизация изображений
-
Работа с SVG
-
Responsive/adaptive верстка
-
Сборка спрайтов
-
SVG-спрайты
-
CSS-методологии
-
CSS-анимации и плавные переходы
-
jQuery
-
Командная строка
-
Верстка писем
-
СSS-фреймворки
-
CSS-препроцессоры
-
Шаблонизаторы
-
Автоматизация: таск-раннеры
-
Тестирование верстки
-
Git
Conclusión
Остальные пункты хочется изучить с практикой и более развернуто. Уже посмотрела почти полностью скринкаст по node.js, планирую потом перейти к Gulp и Grunt-таскам.
Анимацию хочется практиковать.
Статью изучила, ссылки прочитала. Теперь нужно углубляться=)
Diario del objetivo
А какие стандартно рекомендуют использовать media querries?
- 320px
- 480px
- 600px
- 768px
- 900px
- 1200px
Зависит от студии, у каждой свои размеры. Многие ориентируются на бутстрап:
@media (max-width: 1200px) {...}
@media (max-width: 992px) {...}
@media (max-width: 768px) {...}
Видела даже такое. :)
@media only screen and (max-width: 990px){}
@media only screen and (max-width: 850px){}
@media only screen and (max-width: 767px){}
@media only screen and (max-width: 566px){}
@media only screen and (max-width: 489px){}
@media only screen and (max-width: 379px){}
@media only screen and (max-width: 339px){}
@media only screen and (max-width: 299px){}
Я вот Будстрап и использую. Задумалась, а если без него. Спасибо за ответ! А каким вы фреймворком предпочитаете пользоваться?
Вот несколько практических советов, которые увеличили мою производительность, как разработчика.
- Набрасывайтесь, прежде чем осмотреться. Я перестал читать так много теории по технологии, прежде чем погрузиться в нее. Я начал применять ее и потом уточнять мои знания, вместо того чтобы сначала прочитать, а потом делать.
- Перестаньте волноваться о том, как. Часто, когда я рассматриваю некое направление работы или новый проект, я в первую очередь я рассматриваю пути выполнения. Это убийство мотивации и пустая трата времени. Как не так важно, что и когда намного важнее. Как заставляет нас копаться в деталях. Я начал верить в себя и в то, что выясню как, когда понадобится.
- Не бойтесь сделать неаккуратно в первый раз. Много раз я хотел начать с чистого решения проблемы. Часто это просто трата времени, потому что вы не знаете о проблеме достаточно, чтобы разработать корректное решение, пока не начнете ее решать.
- Не бойтесь переписывать код. Это близко к моему прошлому утверждению, но я выделил это, потому что это важно само по себе. Переписывать что-то не так плохо и сложно, как кажется. Если вы не боитесь полностью переписать какой-то свой код, у вас больше шансов решить проблему почти оптимальным способом, который поможет двигаться вперед, и не застрять.
- Признайте, что нет идеального решения, есть только решения, оптимизированные по одному или нескольким параметрам. Некоторые решения имеют меньше компромиссов, чем другие, но все решения имеют компромиссы, которых нельзя избежать, как ни старайся.
- Не бойтесь потерпеть неудачу, но потому, что старались как могли, а не потому, что сдались. Лучше попробовать двадцать раз взяться за большое дело и на двадцатый раз достичь успеха, чем решать маленькие задачки, которые вы умеете решать с первого раза. Вы можете достичь ровно таких высот, с каких готовы упасть. Главное в неудаче то, что если вы упали, всегда можно подняться.
Очень интересно в самом низу про Микроданные и WAI-ARIA
И еще на хабре про них же
Набрела на канал чувака и поняла, что раньше смотрела его JS tutorials.
Оставлю тут на всякий случай:
https://github.com/yoksel/common-words
Очень смущаетнаименование тегов в классах...
<article class="article"></article>...
Наталья, Согласна! Не знаю, устарело это или нет, но нас учили не называть классы названиями тегов.
Да, в нашей компании мы эту методологию не применяем, но много читала о ней.
Про Emmet знаю давно и пользуюсь постоянно, зачеркиваю пункт.
Полезный ресурс - https://www.fontsquirrel.com/
Для просмотра скринкаста по Gulp, мне предложили ознакомится с node.js
Поэтому смотрю пока курс по Node.js.
Из полезного по основным командам npm:
- npm init - package.json
- npm adduser
- npm publish
- npm search ключевые слова
- npm install модуль
- npm update модуль
- npm remove модуль
- npm help
Семантическое версионирование - npm install/i name@3.0 (версия указывается после @)
1) Use fa-fw to set icons at a fixed width.
2) Use fa-ul and fa-li to easily replace default bullets in unordered lists.
3) Use the fa-spin class to get any icon to rotate, and use fa-pulse to have it rotate with 8 steps.
4) To arbitrarily rotate and flip icons, use the fa-rotate-* and fa-flip-* classes.
5) To stack multiple icons, use the fa-stack class on the parent, the fa-stack-1x for the regularly sized icon, and fa-stack-2x for the larger icon.
