Size: a a a

2019 May 30
WebDEV
До CSS3 обрезать изображения было очень непросто, если помните. Но теперь у нас есть два отличных свойства: object-fit и object-position. С их помощью можно изменять размеры изображения, не влияя на соотношение его сторон.

Анимация кадрирования фото

#css #tips #article
источник
2019 June 03
WebDEV
Если вы работали с Photoshop, то знаете, насколько мощным инструментом могут быть режимы смешивания цветов. Оказывается, большинство из них могут быть использованы и для создания различных CSS-эффектов.

Режимы смешивания

#css #tips #article
источник
2019 June 04
WebDEV
Недавно вышла Node 12 с кодовым именем Erbium, долгосрочная поддержка которой (LTS) продлится с октября 2019 по апрель 2022.

В новой версии много вкусностей и улучшений рантайма. Помимо этого, учитывая, что под капотом V8, нода также получит все улучшения движка.

Что нового в Node 12

#js #node #backend
источник
WebDEV
Вы используете Node?
Анонимный опрос
39%
Да, использую часто
27%
Редко
34%
Нет
Проголосовало: 2462
источник
2019 June 05
WebDEV
​​Tessaract.js — это мощная JavaScript библиотека для распознавания текста на картинке. Она автоматически определяет расположение текста, распознает более 60 языков включая китайский, арабский и русский.

Демо | GitHub

#js
источник
2019 June 08
WebDEV
Здесь будут рассмотрены некоторые особенно горячие темы, поднятые на мероприятиях NgConf и Google I/O 2019. Уверен, что вам любопытно будет узнать о том, чего можно ждать от Angular 8.

Angular 8

#angular #article #news
источник
2019 June 10
WebDEV
​​OverlayScrollbars — замечательная JavaScript библиотека, которая изменяет внешний вид скроллбаров на сайте. Отлично задокументированное API с возможностью кастомизации и поддержкой всех современных браузеров.

Демо | GitHub

#js #scroll
источник
2019 June 11
WebDEV
Я думаю ни для кого не секрет, что скорость загрузки страницы влияет на множество факторов. На сегодняшний день уже многие поисковые системы при ранжировании сайтов, начали учитывать скорость загрузки страницы. Поэтому чем быстрее будет грузиться Ваш сайт, тем больше посетителей Вы можете получить с поисковых систем, а, следовательно, и больше денег на этом заработать.

Поэтому в этой статья я решил собрать топ-10 советов о том, как же можно увеличить скорость загрузки веб-странички и сайта в целом. Статья не претендует на гениальность и рассчитана на новичков.

10 советов о том, как увеличить скорость загрузки страницы

#web #frontend #backend
источник
2019 June 12
WebDEV
Вы часто пользуетесь тегами для навигации по каналу?
Анонимный опрос
17%
Да
29%
Редко
53%
Не пользуюсь
Проголосовало: 2235
источник
WebDEV
​​mailgo — небольшая JavaScript библиотека, которая меняет все mailto: ссылки на красивые ссылки с попаутами, предлагающие выбор почтового клиента. Кнопкой копирования email адреса и защитой от спама.

Демо | GitHub

#js #mail
источник
WebDEV
webb_dev
Вы часто пользуетесь тегами для навигации по каналу?
Анонимный опрос
17%
Да
29%
Редко
53%
Не пользуюсь
Проголосовало: 2235
Нужны ли теги в постах?
Анонимный опрос
59%
Да, нужны
9%
Нет
32%
Мне все равно
Проголосовало: 2287
источник
2019 June 14
WebDEV
Газпром использует программу «Геонафт», чтобы управлять бурением скважин удаленно. Программа эта мощная, сложная и функциональная. Рассказываем, как дизайнеры «Собаки Павловой» улучшали и упрощали интерфейс профессионального инструмента инженеров-нефтяников.

http://bit.ly/2WQcaAY
источник
2019 June 15
WebDEV
Технологии не стоят на месте и постоянно развиваются, и то, что использовали несколько лет назад уже может быть неактуально сегодня, или то что не могли сделать несколько лет назад уже стало реальностью. Существует больше количество современных инструментов, которые помогают создавать веб- и мобильные приложения быстрее и качественней.

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

Технологические тренды веб-разработки 2019

#web #article #trends
источник
2019 June 17
WebDEV
​​ngxCharts — это библиотека чартов для Angular 2+. Простая библиотека с отличной документацией и множеством примеров. Поддерживает большое количество разных типов чартов.

Демо | GitHub

#charts #angular
источник
2019 June 18
WebDEV
Создание рабочего и красивого дизайна для большинства дизайнеров — это напряженный творческий процесс. Вся суть их работы — передача смысла через цвета, типографику, пробелы и многое другое. Точность и забота, которые вкладываются в дизайн, также должны быть перенесены в разработку интерфейса.

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

10 полезных советов по реализации Pixel Perfect дизайна в Frontend разработке

#frontend #design #article
источник
2019 June 20
WebDEV
​​Medium Zoom — классная JavaScript библиотека, которая добавляет на сайт возможность создания зума для картинок как на сайте Medium'a. Библиотека обладает рядом преимуществ: управление зумом мышкой или клавиатурой, SD качество в HD при зуме, анимация в 60fps и много еще.

Демо | GitHub

#js #zoom #img
источник
2019 June 21
WebDEV
Как создать разметку, в которой позиция элемента по вертикали зависит от высоты элемента, расположенного над ним, как на Pinterest? Ответ в статье.

Галерея картинок в стиле Pinterest

#css #tips #article
источник
2019 June 24
WebDEV
​​Cash — это абсурдно маленькая альтернатива jQuery для современных браузеров, которая цепочки управления элементами DOM в стиле jQuery. Библиотека не нацелена на полное покрытие всех методов jQuery, а наоборот фокусируется только на самых часто используемых методах.

GitHub

#js #jquery
источник
2019 June 25
WebDEV
​​Ola — это отличные JavaScript чарты, которые позволяют интерполировать цифры и наборы данных. Предлагает много типов чартов, которые могут динамически обновляться и имеют плавную анимацию.

Демо | GitHub

#js #charts
источник
2019 June 27
WebDEV
Чтобы создать кастомные буллиты для неупорядоченных списков, используйте псевдоэлемент :before и его свойство content. В статье описано, как можно изменить внешний вид стандартного списка без использования сторонних библиотек.

Буллиты для списков

#fontent #css #tips
источник