Channel Public Channel

Библиотека верстальщика

@weblibrary

Полезные материалы.

Группа Вк: vk.com/web_structure
Верстка сайтов: @web_structure
Веб Дизайн: @dev_design
Работа: @web_fl

Реклама: @M_Boroda

Open in Telegram

Subscribers: 2.27K
Photos: 475
Videos: 3
Links: 211

Showing posts older than #693 · Back to latest

Older Posts 20 shown

Post #692 1.66K Aug 8, 2024, 09:02 UTC

Поиск

#html #css #js #search

👍 2

Post #691 1.56K Aug 6, 2024, 09:01 UTC

Галерея

#html #css #popup #gallery

Post #690 1.5K Aug 4, 2024, 09:02 UTC

Input Placeholder Animation

#html #css #input #animation

👍 5

Post #689 1.52K Aug 1, 2024, 09:02 UTC

Курсор

#html #css #js #cursor

👍 2
🔥 1

Post #688 1.47K Jul 30, 2024, 09:01 UTC

Ховер

#html #css #js #hover

❤ 2

Post #687 1.65K Jul 29, 2024, 08:00 UTC

5 полезных "фишек" для верстальщика, которые могут значительно улучшить ваш рабочий процесс:

Emmet
Использование сокращений для быстрого создания структуры HTML. Например, введение ul>li*5 развернется в список с пятью элементами <li>.

Live Server
Автоматическая перезагрузка браузера при сохранении файлов. Это позволяет мгновенно видеть изменения на странице без необходимости вручную обновлять браузер.

CSS Grid и Flexbox
Использование CSS Grid для создания сложных макетов и Flexbox для выравнивания и распределения пространства между элементами. Например, display: grid; и display: flex; для легкого выравнивания элементов.

DevTools в браузерах
Использование DevTools для отладки кода, анализа производительности, просмотра и изменения DOM и CSS в реальном времени. Вкладка "Elements" позволяет изменять HTML и CSS прямо в браузере и видеть изменения мгновенно.

Preprocessors (Sass, Less)
Использование переменных и миксинов для создания повторно используемого кода. Например, с Sass можно создать переменную для цвета $primary-color: #333; и использовать её в стилях для обеспечения консистентности и лёгкого изменения темы.

Эти фишки помогут вам работать эффективнее, писать чище и поддерживаемый код, а также ускорят процесс верстки веб-страниц.

❤ 4

Post #684 2.17K May 30, 2024, 09:18 UTC

Галерея

#html #css #gallery #filter

👍 2

Post #679 2.92K Apr 1, 2024, 09:01 UTC

Loader

#html #css #loader

🔥 6

Post #678 3.55K Feb 4, 2024, 08:59 UTC

Полезные инструменты для фронтенда

Fontsquirrel — Генератор веб-шрифтов

Sprite — Простой способ сделать из множества картинок одну

Git — Система контроля версий

Gulp — Сборщик проектов

Box shadows — Добавляет элементу тень

Favicon generator — Генератор FAV-иконок под любые разрешения

VirtualBox — виртуальная машина от Microsoft, возможность протестировать проект на Windows, если работаешь на Mac

Post #676 3.19K Jan 12, 2024, 12:00 UTC

Клик Spark

#html #css #js #click

❤ 3

Post #675 2.7K Jan 11, 2024, 08:59 UTC

⚡️ Помогают выставить счет в USD или EUR и получить оплату на карту или счет в России.

Ваш работодатель переводит средства на наш зарубежный счет, а они выплачивают вам рубли в РФ в нужной валюте (На карту, на счет, криптой)

Работают от 1500$

Их услуги подходят, как для частных специалистов - получать постоянную зарплату из-за рубежа, так и для компаний, получать средства за проектную деятельность

Отзывы и подробности в Telegram канале @moneyport

👍 2

Post #674 2.26K Jan 8, 2024, 12:01 UTC

Кнопка для сайта

#html #css #js #button

👍 2

Post #673 2.52K Jan 7, 2024, 19:43 UTC

✅Телеграм выпустил монету NOTCOIN, которую можно зарабатывать ежедневно прямо в телефоне, просто кликая на экран!

Все бесплатно!

notcoin_bot

👆 Переходите по ссылке и зарабатывайте.