@frontend_school #полезное
Топ-10 расширений VSCode в 2020 году
Visual Studio Code от Microsoft это один из самых популярных редакторов кода. Он и сам по себе обладает целым рядом достоинств, но помимо этого позволяет расширять функционал и таким образом увеличивать продуктивность. VSCode это результат работы Microsoft в сфере открытого исходного кода: редактор в готовой сборке доступен бесплатно, а его исходный код открыт.
Расширяемость за счет плагинов и расширений — одна из причин популярности VSCode. Благодаря этим расширениям можно существенно улучшить базовый функционал редактора и сделать процесс разработки более эффективным и удобным.
Топ-10 расширений VSCode в 2020 году
Visual Studio Code от Microsoft это один из самых популярных редакторов кода. Он и сам по себе обладает целым рядом достоинств, но помимо этого позволяет расширять функционал и таким образом увеличивать продуктивность. VSCode это результат работы Microsoft в сфере открытого исходного кода: редактор в готовой сборке доступен бесплатно, а его исходный код открыт.
Расширяемость за счет плагинов и расширений — одна из причин популярности VSCode. Благодаря этим расширениям можно существенно улучшить базовый функционал редактора и сделать процесс разработки более эффективным и удобным.
@frontend_school #полезное
6 лучших браузеров для разработчиков в 2020 году
Веб-разработчики делают гораздо больше, чем просто просматривают страницы онлайн. Именно по этой причине среднестатистическому кодеру нужен браузер, способный на множество разных вещей. Например, тот, который поставляется с плагинами, позволяющими просматривать код вдохновляющих сайтов. Кроме того, вы можете искать браузер, который дает вам возможность увидеть, как некоторые проекты будут выглядеть на разных экранах.
6 лучших браузеров для разработчиков в 2020 году
Веб-разработчики делают гораздо больше, чем просто просматривают страницы онлайн. Именно по этой причине среднестатистическому кодеру нужен браузер, способный на множество разных вещей. Например, тот, который поставляется с плагинами, позволяющими просматривать код вдохновляющих сайтов. Кроме того, вы можете искать браузер, который дает вам возможность увидеть, как некоторые проекты будут выглядеть на разных экранах.
@frontend_school #полезное
Build a Better Mobile Input
С помощью данного инструмента можно наглядно посмотреть как будет вести себя тег
Build a Better Mobile Input
С помощью данного инструмента можно наглядно посмотреть как будет вести себя тег
input в мобильной версии сайта.@frontend_school #полезное #Git
Learning Git Branching
Сегодня хочу представить вашему вниманию интерактивный сервис, который поможет вам научиться пользоваться Git.
Learning Git Branching
Сегодня хочу представить вашему вниманию интерактивный сервис, который поможет вам научиться пользоваться Git.
@frontend_school #полезное
Стильные индикаторы выполнения на CSS
В этом руководстве авторы объясняют, как создать простые индикаторы выполнения процесса без использования сложных скриптов. Градиенты, полоски, эффектные отблески: вот это всё сделано с помощью CSS-техник.
Стильные индикаторы выполнения на CSS
В этом руководстве авторы объясняют, как создать простые индикаторы выполнения процесса без использования сложных скриптов. Градиенты, полоски, эффектные отблески: вот это всё сделано с помощью CSS-техник.
@frontend_school #полезное
CSSPlay
На сайте CSSPlay представлено огромное множество любопытных приёмов вёрстки, причём большинство CSS-стилей можно использовать без разрешения автора. Но чтобы ими воспользоваться вам придётся залезть в меню разработчиков — такова политика местной партии.
CSSPlay
На сайте CSSPlay представлено огромное множество любопытных приёмов вёрстки, причём большинство CSS-стилей можно использовать без разрешения автора. Но чтобы ими воспользоваться вам придётся залезть в меню разработчиков — такова политика местной партии.
@frontend_school #навигация
Навигация на канале
Для более удобного взаимодействия с каналом мы сделали инструкцию по взаимодействию с рубриками и направлениями канала:
#интересное - интересные проекты и заметки.
#статья - полезные статьи.
#викторина - ежедневные викторины.
#викторина_недели - еженедельные викторины с несколькими вопросами на время.
#задача - задачи на различные темы и по разным технологиям.
#ответ_на_задачу - способ решения ранее заданной задачи.
#туториал - туториалы и пошаговые инструкции применения различных технологий.
#видео - видео с лекциями и уроками.
#юмор - смешные картинки и видео, связанные с веб-разработкой и программированием.
#полезное - полезные сервисы и статьи, которые помогут проще и быстрее освоить ту или иную технологию.
#HTML, #CSS, #JavaScript - дополнительные теги, уточняющие тематику публикации.
Также не забывайте про наш главный чат Frontend.school("Чат"), где можно пообщаться на тему фронтенд-разработки, а также задать свой вопрос и получить ответ.
Навигация на канале
Для более удобного взаимодействия с каналом мы сделали инструкцию по взаимодействию с рубриками и направлениями канала:
#интересное - интересные проекты и заметки.
#статья - полезные статьи.
#викторина - ежедневные викторины.
#викторина_недели - еженедельные викторины с несколькими вопросами на время.
#задача - задачи на различные темы и по разным технологиям.
#ответ_на_задачу - способ решения ранее заданной задачи.
#туториал - туториалы и пошаговые инструкции применения различных технологий.
#видео - видео с лекциями и уроками.
#юмор - смешные картинки и видео, связанные с веб-разработкой и программированием.
#полезное - полезные сервисы и статьи, которые помогут проще и быстрее освоить ту или иную технологию.
#HTML, #CSS, #JavaScript - дополнительные теги, уточняющие тематику публикации.
Также не забывайте про наш главный чат Frontend.school("Чат"), где можно пообщаться на тему фронтенд-разработки, а также задать свой вопрос и получить ответ.
@frontend_school #полезное
Прижатый футер
Подвал сайта всегда должен быть прижат к низу экрана, если дизайн не требует другого, задача не самая сложная, но требующая определенных знаний.
Существуют разные способы прижать подвал:
- абсолютное позиционирование
- минимальная высота контента
- табличная верстка
- css flex
- css grid
Сегодня будут рассмотрены два варианта, как наиболее актуальные - с помощью flex и с помощью grid.
В обоих случаях нам нужно указать высоту html и body 100% и разделить сайт на две части - контент и футер.
Прижатый футер
Подвал сайта всегда должен быть прижат к низу экрана, если дизайн не требует другого, задача не самая сложная, но требующая определенных знаний.
Существуют разные способы прижать подвал:
- абсолютное позиционирование
- минимальная высота контента
- табличная верстка
- css flex
- css grid
Сегодня будут рассмотрены два варианта, как наиболее актуальные - с помощью flex и с помощью grid.
В обоих случаях нам нужно указать высоту html и body 100% и разделить сайт на две части - контент и футер.
@frontend_school #полезное
CSSBattle
Полезный сайт для тренировки навыков вёрстки. Ваша задача сверстать рисунок, используя только html и css. Размер рисунков фиксированный - 400х300.
С помощью этого сервиса вы сможете играючи прокачать свой скилл и показать другим игрокам чего вы стоите!
Перейти
CSSBattle
Полезный сайт для тренировки навыков вёрстки. Ваша задача сверстать рисунок, используя только html и css. Размер рисунков фиксированный - 400х300.
С помощью этого сервиса вы сможете играючи прокачать свой скилл и показать другим игрокам чего вы стоите!
Перейти
@frontend_school #полезное
CSS filter Editor
Этот codepen-проект поможет вам правильно подобрать и настроить фильтры для изображения. Если вам лень самим подбирать, то вы можете воспользоваться пресетами и посмотреть как они будут выглядеть.
CodePen
CSS filter Editor
Этот codepen-проект поможет вам правильно подобрать и настроить фильтры для изображения. Если вам лень самим подбирать, то вы можете воспользоваться пресетами и посмотреть как они будут выглядеть.
CodePen