Senior Frontend - javascript, html, css. Страница 47
20191
@seniorFront
Senior Front - канал для front-end программистов, здесь есть много всего про CSS3, Javascript, Html5, Angular, React, видео / статьи / курсы
-
Senior Frontend - javascript, html, css
Яркие цитаты о программировании 1. Измерять продуктивность программиста подсчетом строк кода — это так же, как оценивать постройку самолета по его весу. 2.Иногда лучше остаться спать дома в понедельник, чем провести всю неделю в отладке написанного в понедельник кода. 3. Большинство хороших программистов делают свою работу не потому, что ожидают оплаты или признания, а потому что получают удовольствие от программирования. 4. Программы должны писаться для людей, которые будут их читать, а машины, которые будут эти программы исполнять — второстепенны. 5. Любой дурак сможет написать код, который поймет машина. Хорошие программисты пишут код, который сможет понять человек. 6. Программирование — это сложно. Основные правила, на которых все строится, очень просты, но по мере разработки программа сама начинает вводить свои правила и законы. Таким образом, программист строит лабиринт, в котором сам же может и потеряться. 7. Есть всего два типа языков программирования: те, на которые люди всё время ругаются, и те, которые никто не использует. 8. Работает? Не трогай. 9. Неработающая программа обычно приносит меньше вреда, чем работающая плохо. 10. Аналогично тому, как написание картины является искусством для души, так и написание программы является искусством для разума. 👉 @seniorFront 
-
Senior Frontend - javascript, html, css
Coverflow Effect Слайдер сделан при помощи библиотеки Swiper. В настройках задействован эффект coverflow. 👉 @seniorFront -
Senior Frontend - javascript, html, css
-
Реклама
-
Senior Frontend - javascript, html, css
book Для переворота страницы используется CSS transform: rotate. Логика перелистывания реализована в JS. 👉 @seniorFront -
Senior Frontend - javascript, html, css
Sum of Digits Вам дано число, состоящее из нескольких цифр. Создайте рекурсивную функцию, которая сложит все цифры. Если количество полученных цифр больше 1, продолжить сложение. Примеры: 16 --> 1 + 6 = 7 942 --> 9 + 4 + 2 = 15 --> 1 + 5 = 6 132189 --> 1 + 3 + 2 + 1 + 8 + 9 = 24 --> 2 + 4 = 6 493193 --> 4 + 9 + 3 + 1 + 9 + 3 = 29 --> 2 + 9 = 11 --> 1 + 1 = 2 👉 @seniorFront 
-
Senior Frontend - javascript, html, css
3D card animation Свёрстано на HTML и CSS. В JS создана логика поворота карточки в зависимости от положения курсора пользователя. 👉 @seniorFront -
Senior Frontend - javascript, html, css
background-attachment Свойство background-attachment определяет будет ли фон прокручиваться вместе со страницей или будет зафиксирован на одном месте. Часто используется для создания так называемого эффекта параллакса. Доступные значения: - fixed — фон фиксируется и не прокручивается вместе с элементом. - local — фон фиксируется с учётом поведения элемента. Если элемент имеет прокрутку, то фон будет прокручиваться вместе с содержимым, но фон выходящий за рамки элемента остаётся на месте. - scroll — значение по умолчанию, фон перемещается вместе с содержимым элемента. 👉 @seniorFront 
-
Senior Frontend - javascript, html, css
Soap Bubble Animation В этом видео автор создает и анимирует мыльный пузырь на HTML и CSS. Эффект размытости достигается использованием CSS filter. 👉 @seniorFront -
Senior Frontend - javascript, html, css
⚡️Яндекс опубликовал список из 3 телеграм-каналов, по которым в компании обучают новых программистов. Сохраняйте, пригодится: IT подкасты – идеальный канал для тех, у кого нет времени 24/7 учить прогу. Разборы задач и советы от топовых кодеров будут с тобой везде. Книжное хранилище – бесплатная база более 3000 платных книг. Найдётся чтиво на любую тему: от PHP и Python до C++ и алгоритмов. IT Jobs – самый простой способ найти работу в айти. Яндекс, MailRu и даже VK набирают кандидатов исключительно отсюда. -
Senior Frontend - javascript, html, css
Neural Network Visualization Вся сцена - это svg картинка, анимированная в CSS. 👉 @seniorFront -
Senior Frontend - javascript, html, css
Random dots along path Вся сцена - это svg картинка, анимированная в JS. 👉 @seniorFront -
Senior Frontend - javascript, html, css
HTML теперь в телеграм! HTML — самый популярный язык в мире. Именно на нем написаны все сайты. Начать свой путь в программировании проще всего с изучения HTML. Тем более теперь в телеграмме появился официальный русскоязычный канал. Это первоисточник всего, что появляется в платных курсах и остальных ресурсах. Стоит подписаться! 
-
Senior Frontend - javascript, html, css
transform-style Свойство transform-style определяет, как будут вести себя потомки элемента в 3D-пространстве при трансформации. Допустим, есть родительский элемент, у которого есть потомки. Если задать родительскому элементу свойство transform-style со значением preserve-3d, то это позволит применять к дочерним элементам нормальные 3D-трансформации. При нормальных 3D-трансформациях дочерний элемент сможет, допустим, при повороте пересечь родительский элемент. Если задать значение flat, то дочерние элементы всегда будут лежать в плоскости родителя и не смогут пересечь его ни при каких поворотах, масштабировании и прочих условиях. Получается, что при transform-style: preserve-3d каждый дочерний элемент получает независимую от родителя плоскость, к которой можно применять 3D-трансформации. При transform-style: flat существует ровно одна плоскость — плоскость родителя, и никакие трансформации не могут заставить дочерний элемент выйти из этой плоскости. 👉 @seniorFront 
-
Senior Frontend - javascript, html, css
CSS Magic Line Icon В этом видео автор создает элемент с иконкой внутри, а также псевдо элемент со второй картинкой. При наведении высота псевдо элемента изменяется и он перекрывает собой основную картинку. 👉 @seniorFront -
Senior Frontend - javascript, html, css
Новый сезон онлайн-конференции Podlodka Frontend Crew стартует уже 15 августа. 🛠 Тема сезона — тулинг — инструменты, облегчающие жизнь фронтендеру 🛠 Возьмите максимум пользы всего за 5 дней: 👽 Вместе с Андреем Ситником из «Злых марсиан», Александром Краснояровым и Валентином Семирульником из Aviasales узнайте всю правду про Webpack и плагины — «золотой стандарт» организации процесса сборки. 🤖 Научитесь автоматизировать процесс написания документации и не корпеть над скучными задачами вместе с Арманом Мурзабулатовым из Rabobank. 🧛🏻 Антон Крылов из Авито научит анализировать граф зависимостей, чтобы сложные зависимости на проекте или отсутствие документации не заставляли вас чувствовать боль и страдания. 🧙🏼♀️ Овладейте магией схем и декларативности с волшебной Полиной Гуртовой из «Злых марсиан». Конференция продлится всего 5 дней. Продажа билетов уже стартовала на сайте. Поспешите на борт! -
Реклама
-
Senior Frontend - javascript, html, css
simple pure css loader Загрузчик, созданный и анимированный на чистом CSS. 👉 @seniorFront -
Senior Frontend - javascript, html, css
Tardigrade Создано с использованием Pug и SCSS. В JS реализована логика взаимодействия со сценой. 👉 @seniorFront -
Senior Frontend - javascript, html, css
О чем НЕ говорят разработчики А у меня на компе работает Эта фраза знакома всем и должна быть исключена из лексикона любого разработчика. По определению у тебя на компе код всегда работает. Разве может быть иначе? А не работает он у других потому, что ты не учел нюансы, различия в данных и т.д, и твоя задача выяснить, что именно и исправить, а не пытаться сразу откосить. Какой пользователь так сделает? Наши любимые пользователи круче любых тестеров и выделывают такие финтеля, что все за голову берутся. Но это не их косяк, а наш. Раз сделали, значит мы им это позволили и нам отвечать за последствия и разбираться с ними. Тестеры нифига не протестировали! Тестеры не отвечают за качество ПО, в первую очередь это делают проектировщики и разработчики. Если ты замутил говнобилд и отдал тестерам, а они не заметили баг и выпустили его в продакшен, то это в первую очередь твой косяк, а не их. Готово на 99% Как показывает практика 1% может растянуться и на час, и на день, и на неделю. Качественная детализация, планирование и оценка сроков выполнения задач одна из важнейших характеристик зрелого разработчика. Это невозможно! Нет таких задач в индустрии, которые не могла бы решить мотивированная команда или разработчик. Когда нам что-то действительно интересно и нужно, мы горы сворачиваем и делаем это. 👉 @seniorFront 