Исследование аудитории телеграм. Небольшой тест (на 1-2 мин.).
https://goo.gl/forms/Q5voOROuJyMaxjvk1
https://goo.gl/forms/Q5voOROuJyMaxjvk1
10 популярных книг о графическом дизайне и об основах композиции в дизайне http://www.designonstop.com/?p=1210
Фавикон, логотипы и другие иконки, которые нужны современному сайту. https://habrahabr.ru/post/330584/
Хабр
Favicon сегодня: форматы, поддержка, автоматизация
На сегодняшний день favicon — это не просто значок 16x16 во вкладке браузера. Он является важной составляющей интерфейса, а также играет немаловажную роль в прог...
Государственные сайты России перейдут на единый стиль в дизайне. Непосредственно разработкой будет заниматься студия веб дизайна AIC. http://gov.design , GitHub: https://github.com/govdesign
В новом релизе браузера Google Chrome 60 добавлено CSS-свойство font-display и правило @font-face, которые дают возможность определить как и когда отображать текстовое содержимое, если шрифт ещё не загрузился. Теперь текст можно отобразить сразу, временно используя шрифт по умолчанию. https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face
MDN Web Docs
@font-face - CSS | MDN
The @font-face CSS at-rule specifies a custom font with which to display text; the font can be loaded from either a remote server or a locally-installed font on the user's own computer.
Интересный Youtube канал о Frontend разработке.
https://www.youtube.com/channel/UCEBHlT_L1ME6e9ixaRPp0wg
https://www.youtube.com/channel/UCEBHlT_L1ME6e9ixaRPp0wg
Forwarded from INTERNET 9000
Есть такая программа Pixelmator, которая долгое время была эдаким «фотошопом для бедных» на маке, но зато она максимально следовала всем конвенциям UI-дизайна macOS. Настолько, что их вполне бы могли купить Apple, чтобы дополнить линейку iWork (это где Keynote и остальные).
Окей, они анонсировали новую программу, Pixelmator Pro — которая, я уверен, невероятно прекрасная и все такое — но важно не это. А то, что они запустились с лендингом, который максимально следует новому визуальному стилю Apple с крупными шрифтами и жирными заголовками.
Это очень хороший пример того, как последовательное копирование не выглядит дешево, как жесткая форма придает новые смыслы, и как довольно просто можно собрать прекрасный продающий сайт — а ведь нет там спецэффектов, лишь большие картинки и убедительные слова (в большом количестве).
pixelmator.com/pro
Окей, они анонсировали новую программу, Pixelmator Pro — которая, я уверен, невероятно прекрасная и все такое — но важно не это. А то, что они запустились с лендингом, который максимально следует новому визуальному стилю Apple с крупными шрифтами и жирными заголовками.
Это очень хороший пример того, как последовательное копирование не выглядит дешево, как жесткая форма придает новые смыслы, и как довольно просто можно собрать прекрасный продающий сайт — а ведь нет там спецэффектов, лишь большие картинки и убедительные слова (в большом количестве).
pixelmator.com/pro
Pixelmator Pro
Pixelmator Pro is a powerful, beautiful, and easy to use image editor packed full of innovations.
Новые "лендинги для подражания" от Apple:
apple.com/iphone-x
apple.com/iphone-8
apple.com/apple-watch-series-3
apple.com/apple-tv-4k
"Хочу как у Apple" теперь выглядит так)
apple.com/iphone-x
apple.com/iphone-8
apple.com/apple-watch-series-3
apple.com/apple-tv-4k
"Хочу как у Apple" теперь выглядит так)
Apple
iPhone
Designed for Apple Intelligence. Discover iPhone 17 Pro, iPhone Air, and iPhone 17, along with iPhone 16 and iPhone 16e.
https://github.com/Konfuze/HEAD Ребята собрали в одном месте все теги которые могут содержаться внутри < head >.
Вадим Макеев, в "шортах" назвал всех разработчиков пользующихся Float'ами с̶т̶а̶р̶п̶ё̶р̶а̶м̶и̶ староверами. И "разрешил" всем кто ещё сомневаться переходить на Flex'ы. А лучше на Grid'ы.
https://youtu.be/Wpglfz7aXzo
https://youtu.be/Wpglfz7aXzo
YouTube
Кому нужны флексы — HTML Шорты
— Flexbugs — https://github.com/philipwalton/flexbugs
— Display property usage — https://developer.microsoft.com/en-us/microsoft-edge/platform/usage/css/display/
— CSS Box Alignment — https://www.w3.org/TR/css-align-3/
Все шорты — https://htmlacademy.ru/shorts
— Display property usage — https://developer.microsoft.com/en-us/microsoft-edge/platform/usage/css/display/
— CSS Box Alignment — https://www.w3.org/TR/css-align-3/
Все шорты — https://htmlacademy.ru/shorts
В Академии Яндекса запустили новый плейлист Школы Дизайна:
https://www.youtube.com/watch?v=kEt7c972Oss&list=PLLkvpHo_HuBOiSFsDfT8I5aWJKkMzzrPD
https://www.youtube.com/watch?v=kEt7c972Oss&list=PLLkvpHo_HuBOiSFsDfT8I5aWJKkMzzrPD
YouTube
Школа мобильного дизайна — Вводное видео. Антон Тен
В 2017 году в рамках проекта «Мобилизация» прошла уже третья Школа дизайна, и мы готовы поделиться видеозаписями лекций. Они дополняют два предыдущих видеокурса:
— Видеокурс Школы дизайна 2015: https://www.youtube.com/playlist?list=PLLkvpHo_HuBMU_fM4v-VS5VbUi9QuKyDR…
— Видеокурс Школы дизайна 2015: https://www.youtube.com/playlist?list=PLLkvpHo_HuBMU_fM4v-VS5VbUi9QuKyDR…
Независимо от того станет ли популярным XD, некоторые профессионалы предсказывают скорую смерть для Sketch, так как не смотря на то, что он очень удобен - остаётся его основной недостаток - его легко повторить. На рынок вышло уже несколько хороших редакторов, которые умеют не хуже чем Sketch, а выход на этот рынок Adobe - может стать самым серьёзным ударом. И не забываем что Sketch по прежнему нет под Windows...
Forwarded from Типичный программист
This media is not supported in your browser
VIEW IN TELEGRAM
Создаем анимации с помощью Anime.js, последние части серии:
— Управление воспроизведением: https://goo.gl/RkwDQU
— Callback-функции и SVG: https://goo.gl/YUYD62
— Управление воспроизведением: https://goo.gl/RkwDQU
— Callback-функции и SVG: https://goo.gl/YUYD62
Это новшество скорей подойдёт тем кто в фотошопе работает с фотографией.
Но не сказать об этом нельзя. В Adobe Photoshop CC 2018 будет новая функция, которая позволит выделять объекты на сплошном фото в один клик, тесть можно будет наконец забыть об изнурительной обводке при помощи лассо.
Встречаем «Select Subject»: https://youtu.be/x-9qYLr15tU
Функция работает на основе нейросети!
Но не сказать об этом нельзя. В Adobe Photoshop CC 2018 будет новая функция, которая позволит выделять объекты на сплошном фото в один клик, тесть можно будет наконец забыть об изнурительной обводке при помощи лассо.
Встречаем «Select Subject»: https://youtu.be/x-9qYLr15tU
Функция работает на основе нейросети!
YouTube
Photoshop Sneak Peek: Select Subject in Photoshop CC | Adobe
We’re excited to give you a sneak peek into one of the new functionalities coming to Photoshop CC. Select Subject, powered by Adobe Sensei, is a tool that enables users to make their selections in one click. With Select Subject, you’ll be able to get started…
Разделигирован домен telegra.ph На сайте висит плохосвёрстанная заглушка филиппинского регистратора. Сайт статейного сервиса Дуровых переехал на graph.org
Вышел релиз Firefox 58 🦊
Добавили много интересных штук.
Меня как веб разработчика заинтересовало то, что в неактивных вкладках через 30 секунд будет замедляться исполнение JS кода. А в CSS добавлено свойство font-display, которое даёт возможность определить как, когда и какой отображать шрифт, пока не загрузился основной. Для Android добавлена поддержка PWA приложений (позволяет управлять web-приложением, как обычной установленной программой). Подробности: http://opennet.ru/opennews/art.shtml?num=47949
Добавили много интересных штук.
Меня как веб разработчика заинтересовало то, что в неактивных вкладках через 30 секунд будет замедляться исполнение JS кода. А в CSS добавлено свойство font-display, которое даёт возможность определить как, когда и какой отображать шрифт, пока не загрузился основной. Для Android добавлена поддержка PWA приложений (позволяет управлять web-приложением, как обычной установленной программой). Подробности: http://opennet.ru/opennews/art.shtml?num=47949
Вcё ещё уверены что 2x2=4?
Тогда как вам конструкция на JS где (a==1 && a==2 && a==3) вернёт true !
https://habrahabr.ru/company/ruvds/blog/347530/
Тогда как вам конструкция на JS где (a==1 && a==2 && a==3) вернёт true !
https://habrahabr.ru/company/ruvds/blog/347530/
Habr
Может ли в JavaScript конструкция (a==1 && a==2 && a==3) оказаться равной true?
Недавно по Твиттеру и Реддиту гулял интересный кусок кода на JavaScript. Вопрос, связанный с ним, заключался в следующем: «Может ли выражение (a==1 && a==2 && a==3) вернуть true ?»....
Яндекс занялся переработкой страницы YA.RU. Дизайнеры задались вопросом - "А как бы выглядел поиск будущего?". Немного об истории странички, метаниях дизайнеров и проекте в целом на промо сайте https://ya.ru/design/
Интересные видео истории дизайнеров, на страничках с их решениями. Как вам например "поиск в виде чата?")
Интересные видео истории дизайнеров, на страничках с их решениями. Как вам например "поиск в виде чата?")
Блог Яндекса
Поиск новых форм: дизайнеры переделывают ya.ru
У поиска Яндекса есть лаконичная версия — ya.ru. Страницу, где нет ничего лишнего — только логотип, строка ввода и кнопка «Найти», — придумал в 2000 году Артемий Лебедев. Может ли лаконичный поиск выглядеть по-другому? Мы запустили проект «Поиск новых форм»:…
image_2018-03-07_12-22-48.png
216.8 KB
Шпаргалка по выравниванию элементов на CSS