Веб-дизайн

индекс
159,18
сегодня в 20:34

Будущее [отсутствие] интерфейсов браузеров от Яндекса

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



Меня зовут Гена Лохтин. В Яндексе я отвечаю за проектирование интерфейса нового Браузера, и специально для Хабра хочу сейчас рассказать, почему мы пришли к такому новому интерфейсу и какие трудности нам удалось преодолеть по дороге. Внутри для нового браузера мы использовали кодовое название «Кусто» (чуть ниже расскажу, почему). Так что иногда я буду использовать его в тексте.

Всё началось ещё в 2012 году с вопроса, который задают себе многие авторы браузеров: как сделать так, чтобы интерфейс занимал меньше места и оставлял его сайтам? Вопрос кажется простым. И первые идеи ответов на него тоже простые. Кто-то убирает табы в заголовок окна, кто-то — иконки расширений к адресной строке.

Но никто ещё не предлагал такого радикального решения, как мы. Чтобы прийти к нему, и решить все те проблемы, которые оно ставит, — понадобилось несколько лет. Ведь это не только убирание рамок. Нужно, чтобы браузером при этом было удобно пользоваться. Внутри «Кусто» много новых интерфейсных решений, над которыми мы долго работали и которые долго тестировали. Итак.
13132
32
atonedash 52,6
вчера в 19:25

Видео с доклада Виталия Фридмана «Responsive Web-дизайн: Трюки и уловки»


Мега интересная лекция от знаменитости в области веб-разработки, основателя и шеф-редактора журнала Smashing Magazine. Мероприятие произошло благодаря Mail.ru. Ключевые темы: UI/UX, проектирование, отзывчивый дизайн, производительность, трюки с SVG. Все это на примере реальных кейсов от The Guardian, BBC и конечно же Smashing Magazine.

От себя хочется добавить, что Smashing Magazine я читаю ежедневно и многое беру от туда для моих подборок. А тут все эти «трендовые постулаты» Perfomance Budget, Mobibe First, Atomic Design, Critical Path и др. из первых уст! Еще Фридмана просто интересно слушать. Очень харизматичный спикер с постоянной дружелюбной улыбкой на лице. Рекомендую всем к просмотру.
9270
432
вчера в 15:40

Отзывчивые изображения на практике (Часть 3) перевод

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

Вторая стадия: picture и режиссура

srcset для ленивых, picture для безумных™
Мэт Маркес

Итак, для изображений, которые просто нужно масштабировать, мы приводим список наших исходников и их ширину в пикселях в srcset, позволяем браузеру выбирать, какая ширина изображения будет отображаться с помощью sizes, и отпускаем наше безумное желание все контролировать. Но! Иногда нам захочется адаптировать наши изображения, выходя за рамки масштабирования. В таком случае, нам нужно вернуть небольшую часть контроля над подбором исходников. Вводим picture.
6890
157
Irina_Ua 74,3
25 ноября в 22:47

Отзывчивые изображения на практике (Часть 2) перевод

Часть 3

В первой части автор упомянул проблемы, связанные с созданием и размещением отзывчивых изображений, а также привел пример, в котором использовано свойство srcset, позволяющее помочь браузеру подобрать оптимальный источник, что значительно повышает скорость сайта. Однако при таком подходе существует одна проблема: для подбора подходящего исходника необходимо знать размер макета изображения. А мы не можем попросить браузер отложить выбор, пока не загрузятся и не интерпретируются HTML, CSS и JavaScript страницы. Поэтому нам нужно дать браузеру возможность оценить ширину отображения картинки с помощью еще одного нового атрибута: sizes.
25 ноября в 22:47

Отзывчивые изображения на практике (Часть 1) перевод

Часть 2
Часть 3

Шестьдесят два процента данных в сети составляют изображения, и мы каждый день создаем все больше байтов изображений. Это было бы потрясающе, если бы все они использовались по назначению. Но на маленьких экранах или на экранах с низким разрешением большая часть этих данных превращается в хлам.
24 ноября в 23:15

Страх критики – отговорка слабаков или реальная проблема дизайнеров

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

С древних времен дизайнеры, как и многие творческие личности, боятся критики. Это очень сильно портит им жизнь, т.к. ограничивает воображение, снижает самооценку и пагубно влияет на инициативу. А для творческого работника это смерти подобно. Согласитесь, заниматься творчеством, когда у тебя не работает воображение, затруднительно.
4933
55
Lo_ony 28,3
24 ноября в 10:35

Uptime ваших сайтов теперь в PDF

Что делать, если начальство требует отчет о работе корпоративного сайта? Или же если посетила гениальная мысль о создании чудесного скрипта, который будет делать все-все-все за Вас, вот только для этого нужны данные в соответствующем формате? С сегодняшнего дня ХостТрекер предоставляет расширенный набор форматов отчетов, а также возможность скачать их в любой момент.



23 ноября в 22:54

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №135 (17 — 23 ноября 2014)

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости


+42
30965
286
alexzfort 209,5
21 ноября в 12:47

Расписание вузов: оптимизировать ввод учебного расписания студента

Мы работаем в компании «Расписание вузов», делаем мобильные приложения (iOS, Android, Windows Phone), в которых публикуется учебное расписание студентов и преподавателей.

Одним из главных вопросов нашего проекта остается — как сделать так, чтобы студент мог как можно проще и быстрее ввести свое расписание в нашу базу. Перебивать вручную расписание долго и муторно. Хорошо, если у ВУЗа электронное расписание и они сделали интеграцию с нашим сервисом, но 90-93% ВУЗов в России не имеют электронного расписания. А сделать интеграцию не спешат еще больше. Ничего не остается как перебивать его вручную.



Поначалу мы использовали excel-шаблоны с макросами, к ним прилагалась инструкция на пару страниц, могло запугать кого-угодно. Весной мы сделали веб-форму, чтобы сделать процесс перебивки своего расписания более дружелюбным. С конца августа мы начали получать по сотне расписаний в день через эту веб-форму и снова обратили внимание на этот процесс. Модерация происходила в ручном режиме, и нас завалило потоком расписаний. Надо было автоматизировать, а чуть позже, когда поток расписаний уменьшился, то и оптимизировать.
+2
5424
32
vuzarium 7,6
21 ноября в 09:16

Выбор шрифтов для веб-дизайна и Front-End разработки стал еще удобнее



Мне, как веб-дизайнеру и Front-End разработчику, очень не хватало удобного сервиса для подбора и тестирования шрифтов для своих проектов. Многие сервисы позволяют тестировать шрифты весьма ограниченно, поэтому я решил написать свой, который удовлетворял бы всем требованиям: позволял быстро находить, всесторонне тестировать и не менее быстро интегрировать нужный шрифт в проект.
+28
20487
435
wdmaster 27,1