Страница телеграм канала Типичный Верстальщик

tpverstak logo

Типичный Верстальщик

1673 подписчиков

Советы от автора по созданию сайтов, книги для скачивания, подборка сервисов для работы. Вся годнота в одном месте! Обратная связь: @annblok ВК: https://vk.com/tpverstak Ютуб: https://www.youtube.com/channel/UCn5wduCq2Mus0v85QZn9IaA


Входит в категории: Технологии
Типичный Верстальщик
19.11.2019 11:11
React Context за 5 минут: что это и как использовать React Context для многих стал привычным способом управления состоянием, заменив собой Redux. В этой статье вы узнаете о React Context и научитесь его использовать. Читать - https://tproger.ru/articles/react-context-in-5-min/ #react
Читать

Обращаем внимание, что мы не несем ответственности за содержимое(content) того или иного канала размещенный на нашем сайте так как не мы являемся авторами этой информации и на сайте она размещается в автоматическом режиме


Типичный Верстальщик
19.11.2019 10:11
Где веб-разработчику искать работу: — Вакансии для веб-разработчиков (https://vk.com/topic-77986122_33658935). Переодически появляются предложения о работе или поиске людей на фриланс — vc.ru/job - на крупнейшей платформе РФ для предпринимателей и высококвалифицированных специалистов. На сегодня открыты 25 вакансий по разным направлениям разработки; — Linkedin - еще одна крупнейшая соцсеть, заточенная на поиск работы. У меня есть 2 видео на канале о том, как оформить свой профиль так, чтобы работодатели сами вас искали:

и

— отслеживать раздел “Вакансии” на сайте интересующей компании. Но если ваши знания не соответствуют требованиям работодателей, можно пройти курс по frontend-разработке в SkillFactory, где рассказывают о HTML, CSS, JavaScript, инфраструктуре веб-приложений. Слушатели получают доступ к закрытой подборке вакансий, а резюме лучших студентов отправляют напрямую партнёрам (Яндекс, Рамблер, Сбербанк и др.). А еще у ребят уже распродажа в честь Черной Пятницы: https://clc.to/Ar1iUA
Читать

Обращаем внимание, что мы не несем ответственности за содержимое(content) того или иного канала размещенный на нашем сайте так как не мы являемся авторами этой информации и на сайте она размещается в автоматическом режиме


Типичный Верстальщик
18.11.2019 17:11
Немного о эффекте filter в CSS Фильтры CSS позволяют применять к изображениям эффекты, аналогичные фильтрам Photoshop. Синтаксис свойства filter выглядит следующим образом: filter: blur(), brightness(), contrast(), -shadow(), grayscale(), invert(), saturate(), hue-rotate(), opacity(), sepia() Простой пример использования фильтра: filter: blur(20px) grayscale(20%); Параметры, которые может принимать свойство: Размытие (blur) – эта функция размывает изображение. Чем больше значение, тем сильнее эффект размытия. Значение по умолчанию равно 0. Яркость (brightness) – значение 0% сделает изображение абсолютно черным, 100% оставит его без изменений, а более – повысит яркость. Контрастность (contrast) – значение 0% сделает изображение полностью серым, 100% оставит исходное изображение без изменений, больше – повысит контрастность. Тень (-shadow) –создает эффект тени на изображении. Функция принимает один из следующих параметров: Горизонтальная тень (Н-shadow) – обязательный параметр. Он устанавливает смещение тени по горизонтали. Отрицательное значение задает сдвиг тени влево. Вертикальная тень (V-shadow) – обязательный параметр. Задает смещение тени по вертикали. Отрицательное значение сдвигает тень вверх. Цвет (color) – необязательный параметр. Если он не указан, браузер добавляет определенный цвет к тени. Растяжение (spread) – необязательный параметр. Устанавливается в пикселях. Положительное значение растягивает тень, а отрицательное – сжимает. Grayscale – значение 0% оставляет изображение без изменений, а 100% преобразует его в черно-белое. Значение по умолчанию равно 0; Инверсия (invert) – инвертирует цвета исходного изображения. Значение 0% оставляет изображение без изменений, а значение 100% полностью инвертирует изображение (негатив). Значение по умолчанию равно 0. Насыщенность (saturate) – управляет цветовой насыщенностью. Значение 0% делает изображение черно-белым, значение 100% оставляет изображение без изменений, выше – повышает насыщенность. Значение по умолчанию равно 1. Поворот оттенка (hue-rotate) – меняет оттенки цветов изображения. Значение 0 градусов оставляет изображение без изменений, максимально допустимое значение – 360 градусов. Непрозрачность (opacity) – значение 0% делает изображение полностью прозрачным, 100% оставляет изображение без изменений. Значение по умолчанию равно 1. Отрицательные значения недопустимы. Сепия (sepia) – эффект «старения» изображения. Значение 0% оставляет изображение без изменений, 100% полностью преобразует изображение в сепию. Значение по умолчанию 0, отрицательные – недопустимы. url –принимает местоположение XML- файла, который определяет фильтр SVG. #css
Читать

Обращаем внимание, что мы не несем ответственности за содержимое(content) того или иного канала размещенный на нашем сайте так как не мы являемся авторами этой информации и на сайте она размещается в автоматическом режиме


Типичный Верстальщик
17.11.2019 11:11
Вот так выглядит страница 404 на сайте Figma. Стильно и со смыслом! Кидай в чат @tpverstakchat варианты таких страниц, которые считаешь удачными.
Читать

Обращаем внимание, что мы не несем ответственности за содержимое(content) того или иного канала размещенный на нашем сайте так как не мы являемся авторами этой информации и на сайте она размещается в автоматическом режиме


Типичный Верстальщик
17.11.2019 09:11
React.js: понятное руководство для начинающих В этом руководстве, которое рассчитано на начинающих разработчиков, имеющих знания в области HTML, JavaScript и CSS, будут рассмотрены основы React и самые распространённые ошибки, с которыми может столкнуться программист, пользующийся данной библиотекой. Читать - https://vk.com/@tproger-react-js-a-clear-guide-for-beginners #react
Читать

Обращаем внимание, что мы не несем ответственности за содержимое(content) того или иного канала размещенный на нашем сайте так как не мы являемся авторами этой информации и на сайте она размещается в автоматическом режиме


Типичный Верстальщик
16.11.2019 13:11
Вакансия верстальщика Формат работы: удаленка Занятость: полная, гибкий график Зарплата: 1500-2000$ Ищем: верстальщика Platinum Engineering– международная компания, консультирующая бизнес-проекты по вопросам развития и выхода на ICO/STO/IEO, занимающаяся it разработкой и развитием собственной биржи. Мы – дорогая и результативная команда. Наш сайт: https://platinum.fund/sto/ Требования: - уверенное знание html, css, javascript - умение работать с API (REST/WebSockets) - умение верстать pixel-perfect - умение верстать без фреймворка - желательно- основная рабочая система НЕ windows - желательно знание react - желательно иметь опыт работы с backend - желателен опыт работы с webgl и создании анимаций Что нужно делать: -сайты / лендинги -создание новых и поддержка существующих Условия: - Заработная плата зависит от опыта сотрудника, это будет оклад 1500-2000 USD; - 6-дневная рабочая неделя -полностью удаленный формат Резюме отправлять @AlexandraKrylova #вакансия
Читать

Обращаем внимание, что мы не несем ответственности за содержимое(content) того или иного канала размещенный на нашем сайте так как не мы являемся авторами этой информации и на сайте она размещается в автоматическом режиме


Типичный Верстальщик
16.11.2019 12:11
Офигеть, анимированные стикеры сразу отражаются в Touch Bar *человек, который изучает возможности того, чего ранее не пробовал*
Читать

Обращаем внимание, что мы не несем ответственности за содержимое(content) того или иного канала размещенный на нашем сайте так как не мы являемся авторами этой информации и на сайте она размещается в автоматическом режиме


16.11.2019 12:11
Читать

Обращаем внимание, что мы не несем ответственности за содержимое(content) того или иного канала размещенный на нашем сайте так как не мы являемся авторами этой информации и на сайте она размещается в автоматическом режиме


Типичный Верстальщик
15.11.2019 07:11
Как работать вне офиса и не сойти с ума Несмотря на свои преимущества, удаленная работа имеет существенные недостатки. Между одиночеством и изоляцией, неоднозначностью целей организации, нечеткими границами работы и жизни при сложной скоординированность удаленная работа создаёт определённый набор проблем. Однако, ни одна из этих проблем не является непреодолимой. Анализируя недостатки удаленной работы, мы можем продуманно структурировать наш рабочий день, чтобы смягчить или вовсе нивелировать эти недостатки. Читать - https://habr.com/ru/post/474592/ #work
Читать

Обращаем внимание, что мы не несем ответственности за содержимое(content) того или иного канала размещенный на нашем сайте так как не мы являемся авторами этой информации и на сайте она размещается в автоматическом режиме


Типичный Верстальщик
14.11.2019 17:11
Типизация REST API для фронтенд разработчика Сегодня широкое распространение имеют следующие подходы для описания взаимодействия браузера и сервера, такие как OpenApi & GraphQL. В этой статье автор расскажет о попытке сделать статически типизированное REST API и избавить фронтенд команду от написания кода по написания запросов данных, упростить тестирование и уменьшить количество возможных ошибок. Читать - https://habr.com/ru/post/475086/ #work
Читать

Обращаем внимание, что мы не несем ответственности за содержимое(content) того или иного канала размещенный на нашем сайте так как не мы являемся авторами этой информации и на сайте она размещается в автоматическом режиме


Типичный Верстальщик
14.11.2019 16:11
Распаковка Macbook Pro 2019 Это видео не совсем типично для моего канала, но ранее я уже делала ролики про Apple, поэтому в каком-то смысле я продолжаю традицию. Буквально вчера я приобрела Macbook Pro 2019, чтобы монтировать видео быстрее, т.к. работы стало больше. Напомню, что до этого весь контент производился на Macbook Air, несмотря на то, что многие скептически относятся к этой линейке. Видео выполнено в традиционном формате "Распаковка" (Unboxing). Спустя пару недель запишу обзор, чтобы сформировать полное мнение о нем. А пока вот что есть Смотреть —

Под видео пиши свои вопросы про ноут. Вполне возможно, что именно на них я обращу внимание, когда начну снимать обзор.
Читать

Обращаем внимание, что мы не несем ответственности за содержимое(content) того или иного канала размещенный на нашем сайте так как не мы являемся авторами этой информации и на сайте она размещается в автоматическом режиме


Типичный Верстальщик
13.11.2019 17:11
Где брать вдохновение веб-разработчику? Удивительно, но факт: по запросу "вдохновение веб-разработчика" гугл выдает результаты, относящиеся к веб-дизайну. Решила исправить это недоразумение и записать видео о трех рабочих методах поиска вдохновения. Веб-разработка — это не только сухой кодинг, но иногда и творческая составляющая. Чтобы создать анимацию на сайте - нужен код. Чтобы создать крутой canvas + js - нужен код. Чтобы писать совершенный чистый код - нужен навык, опыт и, конечно же, вдохновение от других работ. В общем, где его искать, узнаешь из видео

Читать

Обращаем внимание, что мы не несем ответственности за содержимое(content) того или иного канала размещенный на нашем сайте так как не мы являемся авторами этой информации и на сайте она размещается в автоматическом режиме


Типичный Верстальщик
13.11.2019 11:11
Ожидаемые новые возможности JavaScript, о которых полезно знать С момента выхода стандарта ECMAScript 2015 (его ещё называют ES6) JavaScript серьёзно изменился и улучшился. Это очень хорошая новость для всех JS-разработчиков. Более того, теперь новая версия ECMAScript выходит каждый год. Возможно, вы не обратили особого внимания на то, что появилось в самой свежей версии стандарта, который был выпущен в июне 2019 года. Автор заметки хочет в двух словах рассказать о новшествах JavaScript, и о том, чего можно ждать в следующей версии стандарта ECMAScript. Читать - https://habr.com/ru/company/ruvds/blog/475244/ #javascript
Читать

Обращаем внимание, что мы не несем ответственности за содержимое(content) того или иного канала размещенный на нашем сайте так как не мы являемся авторами этой информации и на сайте она размещается в автоматическом режиме


Типичный Верстальщик
12.11.2019 10:11
А есть ли случайные числа в CSS? CSS позволяет создавать динамические макеты и интерфейсы в Интернете, но как язык разметки он является статическим — после установки значения его нельзя изменить. Идея случайности не обсуждается. Генерация случайных чисел во время выполнения — это территория JavaScript, а не CSS. Или нет? Если мы учтем небольшое взаимодействие с пользователем, мы на самом деле можем генерировать некоторую степень случайности в CSS. Читать - https://habr.com/ru/post/474818/ #css
Читать

Обращаем внимание, что мы не несем ответственности за содержимое(content) того или иного канала размещенный на нашем сайте так как не мы являемся авторами этой информации и на сайте она размещается в автоматическом режиме


Типичный Верстальщик
11.11.2019 17:11
Блочная модель CSS. Что это? Это одна из основ в понимании CSS, модель форматирования документа. Определяет формирование размеров элементов на странице, их взаимодействие между собой. Скрин - https://i.imgur.com/qX5USsa.png content — содержимое блока, информация; padding — внутренний отступ; border и outline — граница и внешняя граница; (второе свойство не участвует в формировании размеров блока) margin — внешний отступ; height и width — высота и ширина элемента. В IE4 и IE5 высота и ширина блока формируются с учётом padding и border. В IE6 в режиме совместимости (quirks mode) также. Согласно спецификации W3C CSS высота и ширина определяются исключительно содержимым без учёта других свойств. На следующем рисунке сравниваются блочные модели W3C и IE4/IE5: Скрин - https://i.imgur.com/SGTfSSD.png В CSS3 появилось свойство box-sizing для поддержки блочной модели IE4/IE5. Оно позволяет переключаться с блочной модели W3C на блочную модель IE4/IE5. Значения: content-box — это значение используется по умолчанию и позволяет задавать размеры блока согласно спецификации, то есть только на основе ширины и высоты содержимого (content) border-box — это блочная модель IE4/IE5, то есть размеры блока задаются с учётом внутреннего отступа и границы (content + padding + border) padding-box — это значение появилось позже и позволяет задавать размеры с учётом контента и внутреннего отступа (content + padding) Последнее значение поддерживается только Mozilla Firefox. #css
Читать

Обращаем внимание, что мы не несем ответственности за содержимое(content) того или иного канала размещенный на нашем сайте так как не мы являемся авторами этой информации и на сайте она размещается в автоматическом режиме