Forwarded from Библиотека верстальщика (Николай)
Forwarded from NOP::Nuances of Programming
Эти лайфхаки по организации таблиц стилей позволят вам увеличить доступность вашего проекта, облегчить контроль над ним, сделать более компактным его структурное содержимое.
https://nuancesprog.ru/p/13833
@nuancesprog #статьи #CSS
https://nuancesprog.ru/p/13833
@nuancesprog #статьи #CSS
Forwarded from NOP::Nuances of Programming
Хотите повысить свою производительность? Освойте несколько классных инструментов и ресурсов CSS. Они значительно упростят вашу работу и сэкономят массу времени!
https://nuancesprog.ru/p/15045/
@nuancesprog #CSS
https://nuancesprog.ru/p/15045/
@nuancesprog #CSS
Forwarded from NOP::Nuances of Programming
Хотите повысить свою производительность? Освойте несколько классных инструментов и ресурсов CSS. Они значительно упростят вашу работу и сэкономят массу времени!
https://nuancesprog.ru/p/15045/
@nuancesprog #CSS
https://nuancesprog.ru/p/15045/
@nuancesprog #CSS
Forwarded from Типичный программист
16 генераторов CSS-кода для веб-разработчиков
CSS стал таким мощным, что иногда им можно заменить даже JavaScript. Для CSS даже специальные инструменты стали выпускать, которые генерируют всякие прикольные штуки.
Например, на картинке в посте — инструмент, с помощью которого много мелких картинок можно объединить в один файл и выводить не с помощью тега img, а с помощью CSS.
В подборке рассказываем ещё про 15 занятных CSS-генераторов:
https://tprg.ru/lV43
#веб #css
CSS стал таким мощным, что иногда им можно заменить даже JavaScript. Для CSS даже специальные инструменты стали выпускать, которые генерируют всякие прикольные штуки.
Например, на картинке в посте — инструмент, с помощью которого много мелких картинок можно объединить в один файл и выводить не с помощью тега img, а с помощью CSS.
В подборке рассказываем ещё про 15 занятных CSS-генераторов:
https://tprg.ru/lV43
#веб #css
Flexbox и Grid — два основных способа вёрстки страниц с помощью CSS.
Если ещё не владеете ими, то посмотрите этот видеоурок, посвящённый CSS Grid.
Хотите вставить на сайт какой-то особенный символ?
Держите интерактивный справочник с символьными объектами HTML, символами Unicode и 8859-1, кавычками и многим другим.
Если ещё не владеете ими, то посмотрите этот видеоурок, посвящённый CSS Grid.
Хотите вставить на сайт какой-то особенный символ?
Держите интерактивный справочник с символьными объектами HTML, символами Unicode и 8859-1, кавычками и многим другим.
Telegram
Точка входа в программирование
Как верстать на CSS Grid?
В этом видеоуроке рассматривается, как создать красивый сайт с нуля, используя гриды. Также автор показывает лучшие практики работы с CSS и несколько фишек в вёрстке:
https://youtu.be/pIr6ACmdof4
#css #html
В этом видеоуроке рассматривается, как создать красивый сайт с нуля, используя гриды. Также автор показывает лучшие практики работы с CSS и несколько фишек в вёрстке:
https://youtu.be/pIr6ACmdof4
#css #html
Эволюция масштабируемого CSS
За время существования интернета CSS прошёл долгий путь и сильно изменился.
И всегда были какие-то проблемы, к единому решению которых никто так и не пришёл.
В этой статье вы посмотрите на эволюцию CSS и проблем, связанных со стилями, а также на то, как эти проблемы решаются самыми разными способами:
https://frontendmastery.com/posts/the-evolution-of-scalable-css/
Милая и наглядная шпаргалка по CSS Flexbox
Если вы давно искали шпаргалку, которая будет наглядно демонстрировать работу всех свойств flexbox, которую приятно будет разглядывать ребёнку и вашей девушке, пытающейся разобраться в том, чем вы занимаетесь, то вам сюда.
Мы подготовили для вас шпаргалку на русском языке с милыми иллюстрациями, а также оставили её видеоверсию:
https://tproger.ru/articles/css-flexbox-tutorial-with-flexbox-properties-cheat-sheet/
#фронтенд #шпаргалка #css
За время существования интернета CSS прошёл долгий путь и сильно изменился.
И всегда были какие-то проблемы, к единому решению которых никто так и не пришёл.
В этой статье вы посмотрите на эволюцию CSS и проблем, связанных со стилями, а также на то, как эти проблемы решаются самыми разными способами:
https://frontendmastery.com/posts/the-evolution-of-scalable-css/
Милая и наглядная шпаргалка по CSS Flexbox
Если вы давно искали шпаргалку, которая будет наглядно демонстрировать работу всех свойств flexbox, которую приятно будет разглядывать ребёнку и вашей девушке, пытающейся разобраться в том, чем вы занимаетесь, то вам сюда.
Мы подготовили для вас шпаргалку на русском языке с милыми иллюстрациями, а также оставили её видеоверсию:
https://tproger.ru/articles/css-flexbox-tutorial-with-flexbox-properties-cheat-sheet/
#фронтенд #шпаргалка #css
Хотите вставить на сайт какой-то особенный символ?
Держите интерактивный справочник с символьными объектами HTML, символами Unicode и 8859-1, кавычками и многим другим.
Swimlanes.io — инструмент, который поможет вам визуализировать процессы.
Как создавать диаграммы быстро и просто рассказали тут.
Scratch — инструмент от MIT, который помогает даже детям освоить программирование.
Рассказали, как бесплатно прокачаться.
GitHub не всему голова.
Git-Tower — Git-клиент с расширенными возможностями.
Не все любят видеокурсы и статьи.
Для вас мы нашли книгу, которая сделает из вас крутого Java-разработчика.
А если хотите что-то более популярное, то и это у нас есть.
Держите книгу по криптографии и взлому шифров на Python.
Держите интерактивный справочник с символьными объектами HTML, символами Unicode и 8859-1, кавычками и многим другим.
Swimlanes.io — инструмент, который поможет вам визуализировать процессы.
Как создавать диаграммы быстро и просто рассказали тут.
Scratch — инструмент от MIT, который помогает даже детям освоить программирование.
Рассказали, как бесплатно прокачаться.
GitHub не всему голова.
Git-Tower — Git-клиент с расширенными возможностями.
Не все любят видеокурсы и статьи.
Для вас мы нашли книгу, которая сделает из вас крутого Java-разработчика.
А если хотите что-то более популярное, то и это у нас есть.
Держите книгу по криптографии и взлому шифров на Python.
Telegram
Точка входа в программирование
Шпаргалка по символам и иконкам для фронтенд-разработчика
AmpWhat — это интерактивный справочник с символьными объектами HTML, символами Unicode и 8859-1, кавычек, математических символов, а также греческих букв.
Если вам нужно вставить иконку или найти…
AmpWhat — это интерактивный справочник с символьными объектами HTML, символами Unicode и 8859-1, кавычек, математических символов, а также греческих букв.
Если вам нужно вставить иконку или найти…
Создавать крутые анимации можно с помощью простого CSS.
Юлия Миоцен рассказала о 10 свойствах, которые прокачают ваш скилл
Flexbox и Grid — два основных способа вёрстки страниц с помощью CSS.
Если ещё не владеете ими, то посмотрите этот видеоурок, посвящённый CSS Grid.
Шпаргалка по всем свойствам CSS Flexbox
https://tproger.ru/articles/css-flexbox-tutorial-with-flexbox-properties-cheat-sheet/
Что изменилось в CSS за последние несколько лет
Есть ли во фронтенде что-нибудь, что развивается так же быстро, как CSS в наши дни?
Все чаще выходят обновления, позволяющие реже зависеть от замысловатых имен классов, меньше думать о выборе правильной функции и дающие возможность избежать необходимости предварительно вычислять математические параметры.
О том, что нового появилось в в CSS за последние годы вы сможете узнать здесь.
И нет, в статье не будет разбора и упоминания каждой новой функции за последние 5 лет, но в ней вы сможете узнать о новинках, оказавших наибольшее влияние на повседневную работу с CSS.
#веб #фронтенд #css
Юлия Миоцен рассказала о 10 свойствах, которые прокачают ваш скилл
Flexbox и Grid — два основных способа вёрстки страниц с помощью CSS.
Если ещё не владеете ими, то посмотрите этот видеоурок, посвящённый CSS Grid.
Шпаргалка по всем свойствам CSS Flexbox
https://tproger.ru/articles/css-flexbox-tutorial-with-flexbox-properties-cheat-sheet/
Что изменилось в CSS за последние несколько лет
Есть ли во фронтенде что-нибудь, что развивается так же быстро, как CSS в наши дни?
Все чаще выходят обновления, позволяющие реже зависеть от замысловатых имен классов, меньше думать о выборе правильной функции и дающие возможность избежать необходимости предварительно вычислять математические параметры.
О том, что нового появилось в в CSS за последние годы вы сможете узнать здесь.
И нет, в статье не будет разбора и упоминания каждой новой функции за последние 5 лет, но в ней вы сможете узнать о новинках, оказавших наибольшее влияние на повседневную работу с CSS.
#веб #фронтенд #css
Tproger
Шпаргалка по всем свойствам CSS Flexbox
Рассмотрели основы CSS Flexbox и объяснили, как работает каждое из свойств Flexbox. Внутри статьи — шпаргалки с котиками.
Forwarded from Веб-страница
This media is not supported in your browser
VIEW IN TELEGRAM
— Насколько хорошо вы умеете работать с CSS?
— Настолько, что рисую на CSS картины.
— Что?
— Что?
Целый аккаунт с похожими работами: https://twitter.com/asyrafhussin4
#css @tproger_web
— Настолько, что рисую на CSS картины.
— Что?
— Что?
Целый аккаунт с похожими работами: https://twitter.com/asyrafhussin4
#css @tproger_web
Forwarded from Веб-страница
Почему не стоит использовать сброс стилей (reset.css, обнуление стилей CSS)?
Интересная предложка от нашего читателя Виталия Першина, в которой он кратко объяснил, почему сброс стилей — худшее решение в современной верстке: https://www.youtube.com/watch?v=eDXSW22p9Bk
@tproger_web #css
Интересная предложка от нашего читателя Виталия Першина, в которой он кратко объяснил, почему сброс стилей — худшее решение в современной верстке: https://www.youtube.com/watch?v=eDXSW22p9Bk
@tproger_web #css
Forwarded from Типичный программист
Web Code Tools — ещё один годный сервис в копилку веб-разработчиков
Там есть генератор CSS, HTML, JSON-LD и т.д. Особенно удобно, что можно увидеть, какие браузеры поддерживают тот или иной элемент: https://webcode.tools/
#веб #html #css #инструменты
Там есть генератор CSS, HTML, JSON-LD и т.д. Особенно удобно, что можно увидеть, какие браузеры поддерживают тот или иной элемент: https://webcode.tools/
#веб #html #css #инструменты
Хотите вставить на сайт какой-то особенный символ?
Держите интерактивный справочник с символьными объектами HTML, символами Unicode и 8859-1, кавычками и многим другим.
Swimlanes.io — инструмент, который поможет вам визуализировать процессы.
Как создавать диаграммы быстро и просто рассказали тут.
Scratch — инструмент от MIT, который помогает даже детям освоить программирование.
Рассказали, как бесплатно прокачаться.
GitHub не всему голова.
Git-Tower — Git-клиент с расширенными возможностями.
Не все любят видеокурсы и статьи.
Для вас мы нашли книгу, которая сделает из вас крутого Java-разработчика.
А если хотите что-то более популярное, то и это у нас есть.
Держите книгу по криптографии и взлому шифров на Python.
Держите интерактивный справочник с символьными объектами HTML, символами Unicode и 8859-1, кавычками и многим другим.
Swimlanes.io — инструмент, который поможет вам визуализировать процессы.
Как создавать диаграммы быстро и просто рассказали тут.
Scratch — инструмент от MIT, который помогает даже детям освоить программирование.
Рассказали, как бесплатно прокачаться.
GitHub не всему голова.
Git-Tower — Git-клиент с расширенными возможностями.
Не все любят видеокурсы и статьи.
Для вас мы нашли книгу, которая сделает из вас крутого Java-разработчика.
А если хотите что-то более популярное, то и это у нас есть.
Держите книгу по криптографии и взлому шифров на Python.
Telegram
Точка входа в программирование
Шпаргалка по символам и иконкам для фронтенд-разработчика
AmpWhat — это интерактивный справочник с символьными объектами HTML, символами Unicode и 8859-1, кавычек, математических символов, а также греческих букв.
Если вам нужно вставить иконку или найти…
AmpWhat — это интерактивный справочник с символьными объектами HTML, символами Unicode и 8859-1, кавычек, математических символов, а также греческих букв.
Если вам нужно вставить иконку или найти…