CSS Responsive HouseАнимация изменения количества комнат в доме. Выполнено с использованием библиотеки Flipping.
Frontend-палатка
@front_tent
Тут публикуются интересные новости из мира фронтенд, полезные ссылки и материалы.Обязательно сохрани полезное в закладки 🔥📌 Не забудь подписаться!
363подписчиков
Несколько раз в неделю🇷🇺
Похожие каналы
Все →Последние посты
Login Form with floating placeholderФорма входа с плейсхолдерами, убирающимися наверх при вводе. Выполнено на HTML и CSS.#forms #css
OpenVimЭто интерактивный учебник для изучения Vim. Vim – это мультиплатформенный текстовый редактор, который популярен среди пользователей Unix.#vim
Кнопки на чистом CSSИнтересные анимированные кнопки для вашего сайта. Правильный выбор одной только кнопки на вашем сайте способен повысить конверсию. P.S. Нижние две особенно классные, подобный принцип анимации встречается во многих интернет-магазинах.#css #анимация #кнопки
Learn Git BranchingПри изучении Git важно визуализировать выполняемые команды, чтобы полностью понимать происходящее в консоли. Эту проблему решает Learn Git Branching, который интерактивно и наглядно обучает основам и особенностям работы с Git.#полезное #рекомендации #git
Что полезного можно изучить в выходной? Селекторы!CSS Diner – это красиво оформленный интерактивный учебник для изучения CSS-селекторов. Подойдет как для начинающих фронтендеров, так и для профи. Люди с опытом могут вспомнить аспекты использования селекторов, а начинающие смогут изучить возможности CSS-селекторов. #обучение
Эффект перелистывания страниц на чистом CSSПодгрузка случайных изображений реализована с использованием внешнего API.#CSS
Как скопировать строку в буфер обмена?1. Создаете элемент <textarea>, заполняете данными и добавляете в документ.2. Используете Selection.getRangeAt() для выбора диапазона.3. Используете Document.execCommand('copy') для копирования в буфер обмена. 4. Удаляете <textarea> со страницы. 5. С помощью Selection().addRange() возвращаете исходное выделение (если было).
replit – in-browser IDE, о которой вы обязаны знатьСреда разработки, которая доступна прямо в браузере. Позволяет писать на более чем 50 языках. Имеет много интересных возможностей, среди которых есть и совместная разработка.
#анимацияЗалипательная анимация, реализованная на three.js.