This media is not supported in your browser
VIEW IN TELEGRAM
Flexer - визуальный конфигуратор CSS Flexbox, который отлично подходит для начинающих для изучения и понимания работы flexbox.
🔗 Ссылка
CodeBase | Frontend | #resource
CodeBase | Frontend | #resource
Please open Telegram to view this post
VIEW IN TELEGRAM
Понравился пост? Добавь🔥 🔥 🔥
CodeBase | Frontend | #js
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8🔥5
This media is not supported in your browser
VIEW IN TELEGRAM
CodeBase | Frontend | #scss
Please open Telegram to view this post
VIEW IN TELEGRAM
❤7👍1
CodeBase | Frontend | #react
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
Если вам нравится такой формат постов, добавь🔥 🔥 🔥
CodeBase | Frontend | #cheat_sheets #bg
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥15❤1⚡1
Будет полезно новичкам, да и старичкам тоже.
CodeBase | Frontend | #lesson #js
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6👍3
В данном видеокурсе мы с вами рассмотрим технологию Flexbox. Flexible Box Layout Module (Flexbox) - представляет собой способ компоновки элементов, в основе лежит идея оси. Другими словами все элементы можно располагать вдоль основной и поперечной осей, или вертикально и горизонтально. Технология позволяет буквально в пару свойств создать гибкий лэйаут, или гибкие UI элементы.
CodeBase | Frontend | #css
Please open Telegram to view this post
VIEW IN TELEGRAM
❤10
CodeBase | Frontend | #templates
Please open Telegram to view this post
VIEW IN TELEGRAM
❤4
CodeBase | Frontend | #animate #js
Please open Telegram to view this post
VIEW IN TELEGRAM
❤1
Годная вещь для новичков, которые хотят разобраться с флексами
CodeBase | Frontend | #css #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5🔥3👍1
Если понравился пост, добавь🔥 🔥 🔥
CodeBase | Frontend | #js #AI
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7⚡1👍1
JavaScript — невероятно гибкий язык, особенно с появлением JavaScript ES5 и последующих стандартов, которые значительно расширили его функциональность.
CodeBase | Frontend | #pet #js
Please open Telegram to view this post
VIEW IN TELEGRAM
❤6
div {
position: absolute;
inset: 0;
}
Понравился пост? Добавь🔥 🔥 🔥
CodeBase | Frontend | #css
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥14👍4
При этом можно указать:
CodeBase | Frontend | #css
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9👍3⚡1
This media is not supported in your browser
VIEW IN TELEGRAM
CodeBase | Frontend | #js #animate
Please open Telegram to view this post
VIEW IN TELEGRAM
❤1👍1🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Система автоматической генерации случайных CAPTCHA с проверкой корректности введенного кода.
Технологии: HTML, CSS, JS
CodeBase | Frontend | #js
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
React-animations — это библиотека, основанная на анимациях из animate.css. Она легко осваивается и предлагает большое количество анимаций.
React-animations совместима с любыми inline-style библиотеками, которые поддерживают определение ключевых кадров анимации через объекты, такими как Radium, Aphrodite или styled-components.
Теперь давайте разберём, как это работает на примере анимации подпрыгивания.
const Bounce = styled.div`animation: 2s ${keyframes`${bounce}} infinite;
<Bounce><h1>Hello Animation Bounce</h1></Bounce>
import React, { Component } from 'react';
import styled, { keyframes } from 'styled-components';
import { bounce } from 'react-animations';
import './style.css';
const Bounce = styled.div`animation: 2s ${keyframes`${bounce}} infinite;
export default class ReactAnimations extends Component {
render() {
return (
<Bounce><h1>Hello Animation Bounce</h1></Bounce>
);
}
}
Анимация успешно работает, она проста и легко настраивается.
Для использования анимации при прокрутке можно воспользоваться отличным решением — библиотекой react-animate-on-scroll.
CodeBase | Frontend | #react
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3❤1
Bluefish — это многофункциональный редактор кода.
Обладает рядом полезных функций:
CodeBase | Frontend | #ide
Please open Telegram to view this post
VIEW IN TELEGRAM
❤1👍1👎1🤔1
Начинающие фронтендеры всегда ищут дизайны для отработки своих навыков работы. Мы нашли несколько удивительных бесплатных дизайнов пользовательского интерфейса от талантливых и потрясающих дизайнеров из сообщества Figma.
1. Красивые разделы целевой страницы для стартап-приложения
2. Минималистичный дизайн портфолио
3. Дизайн приложения для доставки еды
4. Лендинг VPN-сервиса
5. Сайт архитекторов
Если было полезно, сохраняй и оставляй реакции🔥
CodeBase | Frontend | #templates
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7
This media is not supported in your browser
VIEW IN TELEGRAM
CodeBase | Frontend | #animate
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5
Выбор элементов на основе их содержимого с использованием псевдокласса :has() открывает возможности изменения стилей элементов в зависимости от наличия определенных дочерних элементов или других условий в их содержимом.
CodeBase | Frontend | #css
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6🔥2