CodeRoll | Frontend

Фича 5. Свойство font-style: oblique Практически каждый раз, когда вы видите свойство font-style, оно используется в значении «normal» или «italic». Но оно также можете иметь значение «oblique». Слово «oblique» типографский термин и представляет собой наклонный шрифт, но это не курсив. В связи с тем, как CSS обрабатывает наклонный шрифт, он может быть взаимозаменяем с курсивом, если используемый шрифт не имеет наклонного типа. Шрифт не может одновременно иметь наклонный вид и курсив, так как наклонный вид шрифта предполагается как замена курсива у тех шрифтов, которые его не имеют. Пример на Codepen #фичи #css

Мечтаешь о создании собственного сайта и зарабатывать на нем? Тогда сверстай его вместе с IT салагой! Этот канал для тех, кто не разбирается в компьютерах и в IT сфере. Или же понимает слишком мало. — Мы сравниваем устройства, даём полезные советы по сборкам, учим кодить и верстать, восстанавливать утерянные файлы и не только. Вся полезная инфа из мира айти находится в канале: IT Салага

Animated Illustrations — коллекция анимированных иллюстраций. Выберите понравившуюся иллюстрацию, выберите формат (видео или json) и разместите ее на своем веб-сайте, приложении, в социальной публикации или презентации. #графика

Sense of depth - непростая реализация вращающегося текста внутри изображения на чистом CSS при помощи свойства clip-path. #html #css

— что собой представляет Front-End? — необходимые знания и навыки для изучения Front-End разработки — востребованность Front-End разработчиков на рынке труда — план "Как ступить на путь Front-End" 📢 Узнайте об этом на вебинаре "Front-End разработка: с чего начать изучение?" от Web Academy Ждем вас 🕔 18.11 в 17:00 по Киеву / 18:00 МСК на бесплатном вебинаре 🗣 Спикер: Борис Черепаха - Senior Software Engineer. ➡️ Регистрируйтесь прямо сейчас через чат-бот: https://bit.ly/2IHGx7F или через браузер - https://bit.ly/35BfsM3 #Ивенты_WebAcademy #Программирование_WebAcademy

📖 Как создать сайт. Комикс-путеводитель по HTML, CSS и WordPress Автор: Нейт Купер О книге: 2019 год, 266 страниц, Русский язык, 32.0Mb Содержание: В книге — шесть глав. Каждая из них раскрывает одну тему — что нужно для начала работы, базовые HTML-теги, настройка и подключение СSS, работа с WordPress, выбор хостинга и запуск сайта. #книги

Sortable - это библиотека JavaScript для переупорядочиваемых перетаскиваемых списков. Основные особенности - Поддерживает сенсорные устройства и современные браузеры (включая IE9). - Можно перетаскивать из одного списка в другой или внутри того же списка. - CSS-анимация при перемещении элементов. - Умная автопрокрутка. - Плавная анимация. - Поддержка множественного перетаскивания. - Поддержка преобразований CSS. - Создан с использованием собственного API перетаскивания HTML5. - Поддерживает любую библиотеку CSS, например Bootstrap. #javascript

⚡️СКОРО Black Friday в Лектруме!  Только один раз в году, скидки до 50% на все обновлённые курсы! Это твой выгодный старт в мир IT или укрепление позиций в веб-разработке. 💪  В Лектруме уже есть расписание курсов на 2021 год, поэтому ты можешь выбрать любой подходящий курс и записаться в группу по вкусной стоимости. 💥Еще одна бомбическая новость!💥 Курсы можно оплачивать частями.  🤩 Хочешь узнать подробности распродажи, записывайся через сайт в список счастливчиков, которые узнают первыми. Количество акционных мест ограничено! ⬇️

JSHint — гибкий инструмент, развивающийся сообществом, для обнаружения ошибок и потенциальных проблем в вашем JS-коде. Основная цель этого инструмента статического анализа кода — помощь разработчикам JavaScript, работающим над сложными программами. Он способен обнаруживать ошибки синтаксиса, неявное преобразование типов данных или отсутствие переменной. Однако он не может определить скорость и правильность работы вашего приложения, как и не сможет определить проблемы с памятью в вашем приложении. #инструменты

🔥 Лучшее на канале за последнюю неделю 1) HTML DOM - крутая шпаргалка по JavaScript c подробным пояснением для тех, кто работает в основном c DOM. 2) Шпаргалка по БЭМ - классное объяснение как работать с CSS-препроцессорами и БЭМ.  3) StackBlitz - это онлайн-среда разработки, в которой вы можете создавать проекты Angular, React, Vue, Svelte 4) Davur - HTML шаблон панели администратора для заказа еды в ресторане, кафе, интернет-магазинах.  5) Unicons — коллекция из более чем 3300 векторных иконок в трех начертаниях для Вашего проекта. Всем успешной разработки! #Лучшее

Indenticator - это расширение для VS Code, которое визуально выделяет текущую целевую глубину. Это позволяет легко различать разные уровни разных блоков кодов. Глубина отмечена маленькими точками и линиями. #расширения #vscode

Rockpack - это простое решение для создания приложения React с рендерингом на стороне сервера, сборкой, линтингом, тестированием, ведением журнала, локализацией. Основная цель Rockpack - сократить время настройки проекта до 5 минут. #react

Тесты по JavaScript и не только - @programmingtests

Swagger — это набор правил и инструментов для описания API. Инструмент представляет собой языково-независимую утилиту. Это значит, что Swagger создаёт чёткую документацию, которая читается одинаково хорошо как человеком, так и машиной, позволяя автоматизировать процессы зависящие от API. #инструменты

​​Hack Life - Хакатон и Конференция по современным технологиям ЧТО: Хакатон и Конференция по современным технологиям ГДЕ: online КОГДА: 21-22 ноября 2020 Подробная информация и регистрация: https://hacklife.fun Конференция по современным технологиям: Регистрация на конференцию: https://hacklife.fun/conf/ Более 15 спикеров проведут лекции по blockchain, big data, AR/VR, data science, искусственному интеллекту и машинному обучению. Конференция пройдёт в двух треках: общий трек для всех желающих и специальный трек для программистов. Хакатон по современным технологиям Регистрация на хакатон: https://hacklife.fun/hack/ • 100 000 рублей призовой фонд • Возможность дальнейшего развития проекта • Во время хакатона будет организован образовательный мастер-класс для начинающих хакатонщиков: «За 36 часов от идеи до победы на хакатоне». • Тематика хакатона: Комфортная городская среда Подать заявку на участие в хакатоне можно до 18 ноября — как индивидуально, так и в команде от трех до шести человек. Организаторы мероприятия: АНО «Цифровая молодежь», Росмолодежь, Комитет по благоустройству Санкт-Петербурга. Партнер мероприятия: «Сбер». Подробная информация и регистрация: https://hacklife.fun Остались вопросы? Пиши на почту: hello@hacklife.fun

Unicons — коллекция из более чем 3300 векторных иконок в трех начертаниях для Вашего проекта. Доступны как иконки в SVG, так и веб-шрифты. #графика

Google Chrome начнет блокировать JavaScript-редирект по кликам на ссылки. Атрибут target=«blank» дает команду браузеру открывать ссылку в новой вкладке при клике. У этого атрибута есть известная проблема безопасности, которая позволяет злоумышленникам использовать JavaScript для перенаправления на другой URL. По этому адресу могут находиться фишинговые страницы или те, которые автоматически загружают вредоносы. Чтобы этого не происходило, в браузер Chrome включили атрибут ссылки HTML rel=«noopener», который не позволяет новой вкладке использовать JavaScript для перенаправления. Функция уже включена в Chrome Canary и, как ожидается, войдет в Chrome 88 в январе 2021 года. В 2018 году Apple уже внесла подобное изменение в Safari. Там обрабатываются все ссылки с target="_blank". Если эта функция включена, даже при отсутствии у сайта атрибута rel=«nooopener» в URL-адресах браузер все равно обработает их. #статьи

Protractor — это сквозной тестовый фреймворк, написанный на Node.js для тестирования приложений на AngularJS и Angular. Он был создан на основе WebDriverJS и проверяет приложения подобно конечному пользователю, используя специальные драйвера и встроенные события. #angular

Шпаргалка по БЭМ. Классное объяснение как работать с CSS-препроцессорами и БЭМ. Список рекомендаций по неусложнению жизни себе и другим участникам проекта по вёрстке. БЭМ (Блок, Элемент, Модификатор) — компонентный подход к веб-разработке. В его основе лежит принцип разделения интерфейса на независимые блоки. Он позволяет легко и быстро разрабатывать интерфейсы любой сложности и повторно использовать существующий код, избегая «Copy-Paste». #html #css

Хотите быть в курсе всех последних событий в сфере IT? https://t.me/T_e_c_h_4 📝На этом канале вы получите краткую и ёмкую информацию о технологиях, новостях, инсайдах. Всегда удобно следить за короткими статьями и постами. Именно поэтому данный канал подходит для тебя! 👇 https://t.me/T_e_c_h_4  📈Крутой канал с интересным контентом 🗂Качественные статьи, удобная подача 📘Создан для интересующихся технологиями людей ✅Заходи, будет интересно