Sense of depth - непростая реализация вращающегося текста внутри изображения на чистом CSS при помощи свойства clip-path.

#html #css

Animated Illustrations — коллекция анимированных иллюстраций. Выберите понравившуюся иллюстрацию, выберите формат (видео или json) и разместите ее на своем веб-сайте, приложении, в социальной публикации или презентации.

#графика

Фича 5. Свойство font-style: oblique

Практически каждый раз, когда вы видите свойство font-style, оно используется в значении «normal» или «italic». Но оно также можете иметь значение «oblique».

Слово «oblique» типографский термин и представляет собой наклонный шрифт, но это не курсив.
В связи с тем, как CSS обрабатывает наклонный шрифт, он может быть взаимозаменяем с курсивом, если используемый шрифт не имеет наклонного типа.

Шрифт не может одновременно иметь наклонный вид и курсив, так как наклонный вид шрифта предполагается как замена курсива у тех шрифтов, которые его не имеют.

Пример на Codepen

#фичи #css

Umami - это простая и быстрая альтернатива Google Analytics с открытым исходным кодом для веб-аналитики.

Umami выдаёт статистику по просмотрам всех конкретных страниц, по браузерам, ОС, рефереррам, устройствам и странам. Показано количество посетителей и просмотров, девайсы и среднее время визита за сутки, неделю, месяц.

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

ImpactJS - это игровой движок JavaScript, ориентированный в основном на разработку 2D-игр. При этом есть плагины, которые вы можете добавить в Impact для имитации трехмерной среды.

Движок поставляется с несколькими добавленными инструментами, такими как редактор уровней для любой игры 2D-типа, мощными инструментами отладки и очень интересной платформой для публикации под названием Ejecta , которая позволяет публиковать данные в iPhone AppStore.

#javascript

Ubuntu Web Remix — альтернатива Chrome OS.

Ubuntu Web Remix. Его начали разрабатывать в начале лета, а сейчас он доступен для загрузки. Основа дистрибутива — Ubuntu. Но разработчик постарался следовать минимализму Chrome OS, упростив интерфейс оригинальной операционной системы. Вместо Google Chrome здесь используется браузер Firefox, несколько веб-приложений из /e/, плюс Anbox, инструмент, который дает возможность запускать Android-приложения на Linux.

Дистрибутив дает возможность установить практически любое приложение для Ubuntu при помощи apt-get, но вот Ubuntu Software Center в этой ОС нет. Вместо этого используется линк на “Open Web Store”, размещенный в таскабре. При клике по ярлыку пользователь попадает на сат, где можно найти набор приложений на все случаи жизни. После загрузки и установки они отображаются в списке приложений ОС.

Для работы каждого из эти веб-приложений используется браузер Firefox. Каждое новое запущенное приложение открывается в новой вкладке.

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

Quasar - это фреймворк на основе Vue.js с открытым исходным кодом, который позволяет вам как веб-разработчику быстро создавать адаптивные веб-сайты / приложения.

Quasar никак не ограничивает возможности Vue, в нём нет навязанных паттернов и он не тянет за собой тонны зависимостей, по крайней мере поначалу — по умолчанию модули устанавливаются по мере необходимости, но при желании можно загрузить всё и сразу.

При помощи Quasar можно создавать:
- SPA (одностраничное приложение)
- SSR (серверное приложение с рендерингом) (+ необязательная подмена клиента PWA)
- PWA (прогрессивное веб-приложение)
- BEX (расширение для браузера)
- Мобильные приложения (Android, iOS,…) через Cordova или Capacitor
- Многоплатформенные настольные приложения (с использованием Electron)

#vue

Ресурсы для обучения или закрепления знаний по CSS.

1) CSS и CSS3. Свойства для форматирования HTML элементов — Html5Book;
2) Cascading Style Sheets (CSS) — Mozilla (MDN);
3) Справочник по CSS — Webref;
4) Инструменты разработчика Chrome DevTools для просмотра стилей;
5) Вёрстка на Flexbox в CSS. Полный справочник (перевод и оригинал на CSS Tricks);
6) БЭМ Методология;
7) БЭМ для начинающих. Очевидные и неочевидные вопросы верстки.

#css

SlashData опубликовала результаты исследований языков программирования с самым большим сообществом.

Рейтинг:
— JavaScript (12.4 млн разработчиков)
— Python (9.0 млн разработчиков)
— Java (8.2 млн разработчиков)
— C/C++ (6.3 млн разработчиков)
— PHP (6.1 млн разработчиков)
— C# (6.0 млн разработчиков)
— Swift (2.4 млн разработчиков)
— Kotlin (2.3 млн разработчиков)
— Go (1.5 млн разработчиков)
— Ruby (1.5 млн разработчиков)

#статьи

🔥 Лучшее на канале за последнюю неделю

1) Ресурсы для обучения или закрепления знаний по CSS.
2) Книга "Как создать сайт. Комикс-путеводитель по HTML, CSS и WordPress".
3) Animated Illustrations — коллекция анимированных иллюстраций.
4) Sortable - это библиотека JavaScript для переупорядочиваемых перетаскиваемых списков.
5) Umami - это простая и быстрая альтернатива Google Analytics с открытым исходным кодом для веб-аналитики.

Всем успешной разработки!

#Лучшее

Profile Card Hover Effect - простая, но интересная реализация отображения информации профиля в виде карточек на чистом CSS.

#html #css

Fluid Framework - это набор клиентских библиотек от Microsoft для распределения и синхронизации общего состояния. Эти библиотеки позволяют нескольким клиентам одновременно создавать и работать с общими структурами данных, используя шаблоны кодирования, аналогичные темы, которые используются для работы с локальными данными.

#typescript

PDF Converter - полезный сервис по работе с PDF материалами. Его главное преимущество в том, что он может работать с большими файлами, больше 100мб. Сжимает и объединяет большое количество файлов.

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

Code Spell Checker - базовая проверка орфографии, которая хорошо работает с кодом camelCase.
Цель этого средства проверки правописания - помочь выявить распространенные орфографические ошибки, сохраняя при этом низкое количество ложных срабатываний.

#vscode #расширения

Animista - набор готовых решений для создания анимаций на вашем проекте при помощи CSS. Выбираете анимацию, которая понравилась, копируете код себе и добавляем в CSS-файл.

#css

Selectize - это гибрид текстового поля и поля <select>. Он основан на jQuery и полезен для добавления тегов, списков контактов, выбора страны и т.д.

Его размер составляет около 7 КБ (в сжатом виде). Цель состоит в том, чтобы предоставить надежный и удобный пользовательский интерфейс с чистым и мощным API. Поддерживает Bootstrap 2, 3, 4 версии.

#jquery

Evericons - это коллекция из 460+ хорошо продуманных иконок для вашего проекта. Они бесплатны для личного и коммерческого использования.

#Графика

📖 Вы не знаете JS. Замыкания и объекты

Автор: Кайл Симпсон
О книге: 2019 год, 336 страниц, Русский язык, 3.97Mb

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

#книги

DarkModeJS - легкий и кроссбраузерный, помогает автоматически определять время пользователя и переключать тему на темную режим. Кроме того, он весит всего 2,39 КБ (1,05 КБ в сжатом виде) и написан на чистом Javascript, без каких-либо плагинов!

#javascript

Calltoidea - это платформа для дизайнеров, которая может найти подходящие примеры элементов сайта для вдохновение в соответствии с потребностями.

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

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