Интернет
Недостающий совет, который мне был нужен, когда я начинал свою карьеру
Чтобы помочь вам не повторять подобных ошибок и не тратить бесценные годы своей жизни, Пол Боуг делится своими уроками и суровыми истинами, полученными в начале его карьеры.
ПодробнееПредставляем инструмент анализа изображений для проверки скорости веб-сайта
Веб-разработчики целыми днями пишут гипертекст, но, байт за байтом, большая часть Интернета состоит из изображений. Влияние изображений на среднюю производительность веб-страницы трудно переоценить; более быстрые веб-сайты имеют более широкий охват и большее влияние. Первое и самое важное, что вы можете сделать, чтобы **улучшить эффективность изображений на вашем веб-сайте**, — это выяснить, как их измерять. Воспользуйтесь _Website Speed Test_, бесплатным и невероятно простым инструментом, который использует наши (Cloudinary) возможности изображения, чтобы вы могли измерять, диагностировать и (что особенно важно) сообщать о производительности изображения любого веб-сайта. Более того, он построен на основе WebPagetest Пэта Минана и интегрирован в него. Заинтересованы? Читать дальше!
ПодробнееКак мы создали iOS-приложение для съемки 3D-видео (пример из практики)
В этой статье Евгений Хроленок и Игорь Михейко делятся своими уроками, полученными при разработке приложения, помогающего людям создавать собственные 3D-стереоролики.
ПодробнееСоздание библиотек паттернов с помощью Shadow DOM в Markdown
Некоторые люди ненавидят писать документацию, а другие просто ненавидят писать. Я люблю писать; иначе вы бы не читали это. Помогает то, что я люблю писать, потому что, как консультант по дизайну, предлагающий профессиональное руководство, письмо — большая часть того, что я делаю. Но я ненавижу, ненавижу, ненавижу текстовые процессоры. При написании технической веб-документации (читай: [библиотеки шаблонов](https://www.smashingmagazine.com/taking-pattern-libraries-next-level/)), текстовые процессоры не просто непослушны, но и неуместны. В идеале мне нужен способ написания, который позволяет мне включать компоненты, которые я документирую, в текст, а это невозможно, если сама документация не состоит из HTML, CSS и JavaScript. В этой статье я расскажу о методе простого включения демонстраций кода в Markdown с помощью шорткодов и инкапсуляции теневого DOM.
ПодробнееКак использовать еженедельные дизайнерские встречи
Как вы поддерживаете интерес команды? Как вы следите за тем, чтобы команда была в курсе всего, что выпускается? Как часто члены команды разговаривают друг с другом лицом к лицу? Имеют ли они достаточную поддержку, чтобы завершить свои задачи или продолжить свой рост?
ПодробнееНадпись кистью для левой руки: с чего начать
Леттеринг и каллиграфия быстро становятся востребованными навыками в наборе инструментов дизайнера. Такие дизайнеры, как Мариан Бантьес, Джессика Хиш, Шон Уэс и Мартина Флор, и это лишь некоторые из них, стали не только источником вдохновения для всех нас, но и эталоном. Их работа не только ориентирована на клиента; они стали собственным брендом, предоставляя товары и своим последователям. Другие дизайнеры последовали их примеру, и теперь кажется, что леттеринг и каллиграфия повсюду.
ПодробнееСоздание идеального аккордеона
Шаблоны проектирования. Почти мифическая фраза, которая часто вызывает то благоговение, то негодование. Как дизайнеры, мы склонны думать о шаблонах проектирования как об общих готовых решениях, которые можно применять к различным контекстам почти механически, часто без надлежащего рассмотрения. Навигация? Вне холста! Предложения дня? Карусель! Вы поняли идею.
ПодробнееКогда большого размера недостаточно: дизайн с использованием изображений-героев
Когда пользователи зайдут на вашу страницу, они почувствуют какую-то реакцию. Будь то положительная или отрицательная, эта реакция во многом определяется тем, что они видят. Поскольку **видение — это, пожалуй, самое сильное человеческое чувство**, главный образ — один из самых быстрых способов привлечь внимание пользователя. Смелые, графические и преднамеренные образы привлекают пользователя. Он сразу же привлекает пользователя и становится идеальным центральным элементом минималистского приложения или веб-сайта. Изображение героя — это больше, чем просто красивая картинка. Это мощный инструмент коммуникации. В этой статье я дам вам несколько советов по использованию основных изображений. Кроме того, если вы хотите приступить к работе и попробовать свои силы в создании прототипов и каркасов своих проектов, вы можете загрузить и протестировать _Adobe XD_ бесплатно.
ПодробнееПросто продолжайте прокручивать! Как создавать длинные, длинные страницы
Веб-сайты с длинной или [бесконечной прокруткой](https://www.smashingmagazine.com/2013/05/infinite-scrolling-lets-get-to-the-bottom-of-this/) в последнее время становятся все более распространенными, и это не просто тенденция или совпадение. Техника длинной прокрутки позволяет пользователям просматривать фрагменты контента без прерывания или дополнительного взаимодействия — информация просто появляется, когда пользователь прокручивает страницу вниз.
ПодробнееГибкая адаптивная типографика с CSS Poly Fluid Sizing
Гибкие макеты уже много лет являются нормальной частью фронтенд-разработки. Однако идея плавной типографики относительно нова и еще не изучена полностью. До сих пор идея гибкой типографики большинства разработчиков сводилась к простому использованию единиц Viewport, возможно, с некоторыми минимальными и максимальными размерами. В этой статье мы собираемся перейти на другой уровень. Мы собираемся изучить, **как создать масштабируемую, плавную типографику** с несколькими контрольными точками и предопределенными размерами шрифта, используя хорошо поддерживаемые функции браузера и немного базовой алгебры. Самое приятное то, что вы можете автоматизировать все это с помощью Sass.
Подробнее