Библиотека верстальщика
2.89K subscribers
475 photos
3 videos
1 file
210 links
Полезные материалы.

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

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

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

notcoin_bot

👆 Переходите по ссылке и зарабатывайте.
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡️ Помогают выставить счет в USD или EUR и получить оплату на карту или счет в России.

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

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

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

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

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

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

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

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

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

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

VirtualBox — виртуальная машина от Microsoft, возможность протестировать проект на Windows, если работаешь на Mac
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; и использовать её в стилях для обеспечения консистентности и лёгкого изменения темы.

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