Наглядный CSS

Автор: Грег Сидельников
О книге: 2021 год, 224 страницы, Русский язык, 12.35Mb

На 1 июня 2018 года CSS содержал 415 уникальных свойств, относящихся к объекту style в любом элементе браузера Chrome. Сколько свойств доступно в вашем браузере на сегодняшний день? Наверняка уже почти шесть сотен. Наиболее важные из них мы и рассмотрим. Грег Сидельников упорядочил свойства по основной категории (положение, размерность, макеты, CSS-анимация и т. д.) и визуализировал их работу.

#книги

Ring UI - этот набор компонентов пользовательского интерфейса призван предоставить все необходимые строительные блоки для веб-продуктов, созданных внутри JetBrains, а также сторонних плагинов, разработанных для продуктов JetBrains.

#react

CountUp.js - это легкая и без зависимостей JavaScript библиотека, которую можно использовать для быстрого создания анимации, отображающей числовые данные более интересным образом.

#javascript

Фича 6. Свойство background-image: image-set

Давненько не рассматривали фичи. Наверстываем упущенное!

CSS-свойство image-set, которое позволяет динамично подставлять бэкграунд картинки в зависимости от плотности пикселей, либо от поддержки тем или иным браузером формата картинки. Очень часто используется в профессиональной верстке. Вашу плотность пикселей можно узнать с помощью js-функции window.devicePixelRatio. К примеру, на обычном мониторе этот коэффициент будет равен одному, а на ретине макбука или смартфоне, около 2-3

#фичи #css

PurgeCSS - это инструмент для удаления неиспользуемого CSS. Это может быть частью вашего рабочего процесса разработки.

Когда вы создаете веб-сайт, вы можете решить использовать фреймворк CSS, такой как TailwindCSS, Bootstrap, MaterializeCSS, Foundation и т.д... Но вы будете использовать только небольшой набор фреймворка, и будет включено много неиспользуемых стилей CSS.

#инструменты

Автор: Валерий Янцев
О книге: 2021 год, 200 страницы, Русский язык, 8.41Mb

Создавая сайт, программист вынужден решать множество задач. Нужно настроить меню, продумать работу с фотографиями, создать форму для отправки сообщений, сделать удобную систему редактирования страниц, адаптировать сайт к просмотру на мобильных устройствах. Книга предлагает множество уже готовых решений для самых разнообразных проектов. 

#книги

MUI - это легкий CSS-фреймворк, который соответствует рекомендациям Google по материальному дизайну. MUI CSS можно легко настроить с помощью файлов SASS, а так же он имеет небольшой размер загрузки, чтобы страницы загружались как можно быстрее.

#css #framework

NGX-Bootstrap - компоненты Bootstrap на базе Angular. NGX-Bootstrap сделали модульным, чтобы вы могли реализовывать собственные шаблоны, стили и многое другое. Все компоненты разработаны с учетом расширяемости и адаптивности. Вы можете быть уверены, что они будут работать на мобильных и настольных компьютерах с одинаковым уровнем производительности. 

#angular

Medusa - это Headless движок с открытым исходным кодом, который позволяет разработчикам создавать потрясающие возможности цифровой коммерции.

Гибкость, позволяющая настраивать интеграцию и постоянно переключаться между лучшими в своем классе технологиями по мере роста вашей компании и изменения потребностей бизнеса.

#cms

Mapus - это инструмент с открытым исходным кодом, написанный на javascript, позволяющий совместно исследовать карту и комментировать ее. Вы можете рисовать, добавлять маркеры, линии, области, находить места, куда можно пойти, наблюдать за другими пользователями и многое другое.

#javascript

Ну что же, дорогие разработчики, дизайнеры и все кто в IT! Мы обновили дизайн нашего сайта и надеемся, он станет Вашим повседневным помощником в поиске необходимой информации, библиотек, инструментов, графики и т.д. Сделали его более информативным и удобным (сугубо личное мнение 😏). Вся информация из телеграма в ближайшее время будет перенесена.

Хотелось бы получить от Вас фидбек, по поводу улучшения проекта.

Наш сайт: тык

Вышла обновленная версия Wordpress 5.8.1

Вышла она еще 09.09.2021, но.. Хотелось бы сказать вот об этих изменениях:
- 41 баг-фикс для ядра WordPress
- 20 баг-фиксов для редактора блоков

И вот скажите мне, что за дела такие происходят с этой CMS? При каждом обновлении латается туева хуча дыр на протяжении нннадцати лет. Может быть это такая специфика написания кода на PHP, что в процессе вылазят баги в старом коде. Но как то не прикольно юзать такую CMS

Кто юзает, можете скачать тут

#cms

GitHub Pages — это бесплатный хостинг для статических файлов. Практически любой GitHub -репозиторий можно превратить в полноценный сайт в несколько кликов.

#инструменты

Shape Dividers — онлайн-инструмент, который создает разделители для Вашего сайта. В базе большой выбор разделителей в SVG формате с возможностью тонкой настройки.

#инструменты

AT-UI - это модульная среда пользовательского интерфейса для разработки быстрых и мощных веб-интерфейсов на основе Vue.js.

Основные особенности:
- Рабочий процесс фронтенд-разработки npm + webpack + babel
- Поддержка ES2015
- Независимость от стиля CSS, создание согласованных пользовательских интерфейсов
- Дружественный API

#vue

amCharts - библиотека диаграмм и карт JavaScript.
Библиотеки изначально интегрируется с приложениями TypeScript, Angular, React, Vue и обычным JavaScript. И исходный код общедоступен.

#javascript

Minimal - это идеальный UI Kit для старта вашего проекта. Он обеспечивает чистую и понятную кодовую базу.

UI-kit включает в себя: Material-UI v5-beta. 100% React hooks. Redux Toolkit & React Context API. Formik Form Hook. ESLint & Prettier. Example simple version for Next.js. React Form Validation Formik + Yup. Отлично подойдет для создания клиентских и административных панелей.

#шаблоны

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

#полезное

IconSax - более 1000 качественный иконок пользовательского интерфейса в 6 разных стилях и разных форматах, которые однозначно дополнят и украсят Ваш проект.

#иконки

Fatpickr - это легкая и мощная библиотека для выбора даты и времени. Расширяемый и не имеет каких либо зависимостей. Интерфейс минималистичен, но много тем. Богатые, открытые API и система событий делают его подходящим для любой среды. Доступны библиотеки для React, Angular, Vue, Ember и других.

#typescript