33084
FullStack-материалы от Senior-разработчика для WEB-специалистов Сотрудничество: @CodingLead Разработка сайтов любой сложности 👨🏻💻 № 5014548300
🐙 Cronicle – планировщик задач, который отслеживает статистику, автоматизирует обработку данных и рассылает оповещения. Проект написан на Node.js.
Сайтодел | #репозиторий #github
✍️ Gordita – шрифт без засечек, который лучше всего подходит для обложек книг, заголовков сайтов, открыток и логотипов. Пример шрифта можно посмотреть на официальном сайте плеера Plyr
Сайтодел | #шрифт
🖥 Modern E-Commerce UI Kit – дизайн лендинга для магазина косметики. Его основа - это мягкие градиенты, а также сочетание кремового, желтого и персикового цветов.
Сайтодел | #макет #figma
🐙 Clean Code JavaScript – теория по написанию чистого кода, который легко читать и можно использовать повторно. Есть переводы на разные языки, в том числе и на русский.
Сайтодел | #репозиторий #github
✍️ Merienda – шрифт с закругленными формами, который подходит для заголовков и коротких текстов. Пример можно посмотреть в макете "Online Food Ordering Website"
Сайтодел | #шрифт
💾 Neon Toggle Switch – реалистичная трехмерная кнопка-переключатель. В активном состоянии плавно окрашивается в неоновый цвет.
Сайтодел | #сниппет #css
Как выучить любой иностранный язык с нуля до разговорного за три месяца?
Понадобиться бот Валли и следующий запрос:
«Ты мой учитель (английского) языка, я хочу изучить (английский с полного нуля до уровня B1), напиши план изучения по часам с ссылками на видео и статьи, чтобы я мог это сделать за (3 месяца), уделяя учебе по (5 часов в неделю)»
Бот вам выдаст расписание с ссылками на уроки, от вас требуется только придерживаться плану. Все что написано в скобках меняйте под себя
/channel/+L2tkPH3UZNZmZGRi
✍️ Titillium Web – шрифт без засечек, разработанный в рамках студенческого проекта Академии изящных искусств г. Урбино (Италия). Пример шрифта можно увидеть в сниппете "Atom Button"
Сайтодел | #шрифт
🐙 Swiped Events – библиотека, которая добавляет событие 'swiped' в DOM нативного JavaScript. Всего есть четыре события: пролистывание вверх, вниз, вправо и влево.
Сайтодел | #репозиторий #github
Как выучить любой иностранный язык с нуля до разговорного за три месяца?
Понадобиться бот Валли и следующий запрос:
«Ты мой учитель (английского) языка, я хочу изучить (английский с полного нуля до уровня B1), напиши план изучения по часам с ссылками на видео и статьи, чтобы я мог это сделать за (3 месяца), уделяя учебе по (5 часов в неделю)»
Бот вам выдаст расписание с ссылками на уроки, от вас требуется только придерживаться плану. Все что написано в скобках меняйте под себя
/channel/+Oq6xz9iz2HVhMGJi
🖥 AI Photo Generator – дизайн для сайта с генерацией изображений. Основные особенности: контраст черного и фиолетового, неоновая подсветка, футуристичные шрифты.
Сайтодел | #макет #figma
✍️ Inria Serif – элегантный шрифт с засечками и высокой контрастностью элементов, который подходит для статей и подзаголовков. Пример можно посмотреть в макете "Ngan Pho Gallery Landing Page"
Сайтодел | #шрифт
🎨 Цветовая палитра макета "MeTime Mobile Web App": HEX | RGB #CBCBCB | rgb(203,203,203) #FDCCC5 | rgb(253,204,197) #816967 | rgb(129,105,103)⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
🖥 Mobile & Web Portfolio UI Design – дизайн сайта-портфолио в оттенках персикового и темно-зеленого цветов. Особо выделяются заголовки, выделенные контрастным шрифтом с засечками.
Сайтодел | #макет #figma
🐙 JavaScript Interview Questions – список вопросов и ответов для собеседования. Подойдет для обучающихся среднего уровня и выше.
Сайтодел | #репозиторий #github
💾 Hexagon CSS Pricing Tables – карточки с ценами, где каждый ряд имеет похожий набор анимаций. При наведении курсора показывается дополнительная информация.
Сайтодел | #сниппет #css
💾 Interactive UI Cards – галерея карточек с заголовками и тегами. Каждая карточка напоминает раздел сайта и может содержать ссылки.
Сайтодел | #сниппет #css
💾 45 CSS Only Buttons – набор кнопок, написанных на CSS. У каждой их них есть свой уникальный анимированный hover-эффект.
Сайтодел | #сниппет #css
💾 Boxy Preloaders – лоадеры, в основе которых лежат квадраты и прямоугольники. Каждый элемент при движении меняет свой цвет.
Сайтодел | #сниппет #css
🎨 Цветовая палитра макета "AI Photo Generator": HEX | RGB #F8CEFA | rgb(248,206,250) #BF76F7 | rgb(191,118,247) #3A1979 | rgb(58,25,121)⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
🖥 Kids Toys & Games Store Website – дизайн сайта магазина для детей. Акцент сделан на теплые, приглушенные цвета и крупные иллюстрации.
Сайтодел | #макет #figma
💾 Isometric Card Grid – набор разноцветных визиток с похожим дизайном. Этот макет также подойдет для презентации собственного дизайна карточек.
Сайтодел | #сниппет #css
💾 Spooky Scrolling – слайдер с анимированными элементами. При прокрутке слой с кустами накладывается на слой с небом.
Сайтодел | #сниппет #css
💾 CSS Loading Spinners – набор анимированных одноцветных спиннеров для отображения загрузки. Они написаны на CSS без использования JavaScript.
Сайтодел | #сниппет #css
🎨 Цветовая палитра макета "Mobile & Web Portfolio UI Design": HEX | RGB #FFCEBF | rgb(255,206,191) #FF9676 | rgb(255,150,118) #00341E | rgb(0,52,30)⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
💾 Liquid Content Reveal – эффект, при котором маска на изображении становится прозрачной. Маркер, стирающий ее, создает эффект жидкости.
Сайтодел | #сниппет #css
💾 Three.js Loading Spinner – двухцветный спиннер для темной темы экрана, который состоит из геометрических фигур.
Сайтодел | #сниппет #css
💾 Weather App Concept – анимация для мобильного приложения, написанная на чистом CSS. Лучше всего работает в Chrome.
Сайтодел | #сниппет #css
💾 Card Pagination – слайдер с пагинацией. Позволяет переключать по одной странице или переходить сразу в начало/в конец. Изображения растягиваются в высоту при изменении высоты экрана.
Сайтодел | #сниппет #css
💾 Sparkle Button – кнопка, которая имеет анимированную обводку и в активном состоянии светится неоновым сине-фиолетовым цветом.
Сайтодел | #сниппет #css