91
Заметки по разработке. Программирование, опыт, сервисы, новости, трюки. Чат: @webdevin_chat
Яндекс занялся переработкой страницы YA.RU. Дизайнеры задались вопросом - "А как бы выглядел поиск будущего?". Немного об истории странички, метаниях дизайнеров и проекте в целом на промо сайте https://ya.ru/design/
Интересные видео истории дизайнеров, на страничках с их решениями. Как вам например "поиск в виде чата?")
Вышел релиз Firefox 58 🦊
Добавили много интересных штук.
Меня как веб разработчика заинтересовало то, что в неактивных вкладках через 30 секунд будет замедляться исполнение JS кода. А в CSS добавлено свойство font-display, которое даёт возможность определить как, когда и какой отображать шрифт, пока не загрузился основной. Для Android добавлена поддержка PWA приложений (позволяет управлять web-приложением, как обычной установленной программой). Подробности: http://opennet.ru/opennews/art.shtml?num=47949
Голосовой помошник Алиса - разработанный в Яндексе, на полном серьёзе выдвинули в кандидаты президента России 2018.
Сайт кандидата выглядит вполне серьёзно, в близжайшие дни обещают представить программу.
Интересно, что создатель и видимо главный иницатор идеи - фронтенд разработчик. Яндекс же от идеи открестились, но противостоять не собираются.
Правильный пиар на https://alisa2018.ru/
Создаем анимации с помощью Anime.js, последние части серии:
— Управление воспроизведением: https://goo.gl/RkwDQU
— Callback-функции и SVG: https://goo.gl/YUYD62
Вадим Макеев, в "шортах" назвал всех разработчиков пользующихся Float'ами с̶т̶а̶р̶п̶ё̶р̶а̶м̶и̶ староверами. И "разрешил" всем кто ещё сомневаться переходить на Flex'ы. А лучше на Grid'ы.
https://youtu.be/Wpglfz7aXzo
https://github.com/Konfuze/HEAD Ребята собрали в одном месте все теги которые могут содержаться внутри < head >.
Читать полностью…
https://special.meduza.io/storm/2017/
Лендинг для крупной новостной компании? Нет проблем!
Крутая SVG анимация:
http://louie.co.nz/25th_hour/
Умер ли MVC для фронтенда? https://habrahabr.ru/company/tuturu/blog/321820/
Читать полностью…
http://sketchapp.me/13-sposobov-predstavleniya-form-i-budushhee-vvoda-dannyx/
Читать полностью…
О различиях между российским пониманием профессии веб-дизайнер и западным.
olgabaryshnikova/веб-дизайнеры-начните-верстать-c44fa28b6ad9" rel="nofollow">https://medium.com/@olgabaryshnikova/веб-дизайнеры-начните-верстать-c44fa28b6ad9
Новая версия CSS. CSS2.1 -> CSS3 -> CSS2017
http://css-live.ru/vecssti-s-polej/css-2017-published.html
Интернет - Журнал Frontender Magazine http://frontender.info
Читать полностью…
Вcё ещё уверены что 2x2=4?
Тогда как вам конструкция на JS где (a==1 && a==2 && a==3) вернёт true !
https://habrahabr.ru/company/ruvds/blog/347530/
Разделигирован домен telegra.ph На сайте висит плохосвёрстанная заглушка филиппинского регистратора. Сайт статейного сервиса Дуровых переехал на graph.org
Читать полностью…
Это новшество скорей подойдёт тем кто в фотошопе работает с фотографией.
Но не сказать об этом нельзя. В Adobe Photoshop CC 2018 будет новая функция, которая позволит выделять объекты на сплошном фото в один клик, тесть можно будет наконец забыть об изнурительной обводке при помощи лассо.
Встречаем «Select Subject»: https://youtu.be/x-9qYLr15tU
Функция работает на основе нейросети!
Независимо от того станет ли популярным XD, некоторые профессионалы предсказывают скорую смерть для Sketch, так как не смотря на то, что он очень удобен - остаётся его основной недостаток - его легко повторить. На рынок вышло уже несколько хороших редакторов, которые умеют не хуже чем Sketch, а выход на этот рынок Adobe - может стать самым серьёзным ударом. И не забываем что Sketch по прежнему нет под Windows...
Читать полностью…
В Академии Яндекса запустили новый плейлист Школы Дизайна:
https://www.youtube.com/watch?v=kEt7c972Oss&list=PLLkvpHo_HuBOiSFsDfT8I5aWJKkMzzrPD
https://yandex.ru/20/
Ухты! Яндексу двадцать!
Новые "лендинги для подражания" от Apple:
apple.com/iphone-x
apple.com/iphone-8
apple.com/apple-watch-series-3
apple.com/apple-tv-4k
"Хочу как у Apple" теперь выглядит так)
Начиная с 15 версии, Edge научился обрамлять (text-stroke) и заливать фон (text-fill) у текста (префикс -ms-). Остальные уже умеют.
-ms-text-fill-color: yellow;
-ms-text-stroke-color: gray;
Оказывается, события мыши не срабатывают на disabled-элементах форм! Джейк Арчибальд с демонстрацией и способом обхода этого ограничения — https://goo.gl/LY7QGc
Читать полностью…
Хочется Scetch, но нет Мака?
Инструмент для UX дизайна от Adobe - ADOBE XD
http://www.adobe.com/products/experience-design.html
Если вдруг вы занимаетесь веб-разработкой, и вам кажется, что там все ужасно, что CSS-верстка бесит, все на костылях-заплатках, сложно разобраться в хитросплетении технологий, которые еще к тому же чудовищно быстро меняются, то... попробуйте React Native, там все тоже самое, только еще хуже!
Это такая технология, которая позволяет веб-разработчикам пилить нативные приложения под Android и iOS. Шутки ли, уже основное приложение Facebook на нем!
facebook.github.io/react-native/showcase.html
Хорошая статья, про то как надо работать над дизайном. Думаю, информация в статье годится для любых проектов, и маленьких тоже и не только в Sketch. А правила описанные там вполне могут стать хорошим тоном дизайна.
https://habrahabr.ru/post/320990/
Моя статья про шрифты вызвала некоторую ДИСКУССИЮ среди дизайнеров. Уважаемые интернет-эксперты по дизайну и шрифтам пишут о том, какая это ужасная идея пытаться объяснить простым языком сложные вещи, и лучше вообще этого не делать, а сидеть и молчать. Ха-ха!
Спасибо Илье Харитонову (дизайнер из «Рокетбанка»), что ответил этим людям за меня: facebook.com/hulio.tebenado/posts/962136160552989
https://habrahabr.ru/company/mailru/blog/319956/
Читать полностью…
Интересная особенность iOS о которой не все знают.
Если элемент не является ссылкой, то событие нажатия на нём не происходит, кроме случаев когда явно указан onClick или стоит свойство cursor:pointer