Метка «веб-дизайн» - 6

в 20:34, , рубрики: Google Chrome, веб-дизайн, интерфейсы, расширения, хабр, хабраредизайнер, метки: , , , ,

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

Я постарался улучшить дизайн, добавить новые фишки и учесть пожелания сообщества.

Встречайте,
ХабраРедизайнер beta.

Кратко

Панель стала немного функциональней, симпатичней. Исправлены некоторые ошибки. Освободилось много места, которое в дальнейшем, по моим задумкам, будет использоваться для различных функциональных кнопок (например написать письмо автору поста или добавить топик в избранное).

Читать полностью »

в 7:30, , рубрики: веб-дизайн, интерфейсы, расширения, хабр, метки: , , ,

Похоже на этой неделе волна постов изменялок интерфейса Хабра. Напишу и про свою.

Иногда так бывает, что открываешь пост, а там уже сотни комментариев, а времени и желания читать всё нет, или тема не особо интересная чтобы тратить на неё много времени. Хочется посмотреть только самые интересные комментарии.

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

image

Читать полностью »

в 7:20, , рубрики: Google Chrome, веб-дизайн, интерфейсы, хабр, метки: , ,

Добрый день, после прочтения этого топика я твердо решил освоить написание расширений для Google Chrome.
Не люблю длинные речи, потому встречайте:
ХабраРедизайнер alpha делает шапку сайта похожей на концепты grokru.

Удобный интерфейс Хабра? Легко!

Расширение конечно сырое и многое хотелось бы обдумать и добавить, потому жду багрепосты и новые (нескучные) идеи.
Скачать расширение для хрома
Скачать исходный код

Читать полностью »

в 12:46, , рубрики: веб-дизайн, Дизайн в IT, интерфейсы, концепт, хабр, метки: , , ,

На досуге решил поразмышлять об улучшении интерфейса Хабрахабра. Он хорош, но ведь нет предела совершенству? В первую очередь необходимо определить группы пользователей и попытаться понять их потребности, а также наметить слабые места, которые можно улучшить. Об этом я уже писал в топике Удобный интерфейс Хабра?, в этот раз копну немного глубже.

imageЧитать полностью »

в 23:17, , рубрики: адаптивная вёрстка, веб-дизайн, Веб-разработка, Мобильный веб, метки: ,

Здраствуйте, ребята!

Сегодня наткнулся на статью «9 интересностей и полезностей для веб-разработчика» (http://habrahabr.ru/post/189994/), в которой рассматриваются всякие полезности для веб-разрабочиков. Среди всего прочего нашел для себя прикольную тулзу для тестирования сайта под разным расширением — «dimensionsapp» (ссылка). Но в чем проблема, мне необходимо тестировать сайт который располагается на моем локальном веб-сервере. И тут мне в голову пришла идея быстренько собрать такую же тулзу, только чтобы она работала у меня в локале!

Требования к тулзе:

  • Возможность ручного выбора ширины области просмотра и выбор из готовых размеров устройств Apple (iPhone и iPad)
  • Возможность просматривать на 100% высоты окна или полностью подстравить область просмотра под размеры девайса
  • Простой и легковесный интерфейс (никакой графики)
  • Шкала делений с шагом в 5 и 50 пикселей
  • Возможность видеть текущую ширину области просмотра

Итак в результате 3-х часов кодинга получена тулза с кодовым названием «Moka moka» (ну я долго не думал). Дальше парочка скриншотов работы тулзы:

Тестирование адаптивной верстки локального сайта
Читать полностью »

в 12:44, , рубрики: html, веб-дизайн, Дизайн в IT, теория, цвет, метки: , ,

Разные люди могут по-разному представлять один и тот же цвет его названию. Например голубой цвет может на самом деле быть цветом морской волны или небесным. Гораздо точнее цвет определяется шестнадцатеричным кодом, всего существует 16777216 комбинаций. Поэтому дизайнеру может быть полезно распознавать цвет, просто взглянув на его hex-код.

Основы

Начнем с простого: рассмотрим обычный hex-код, где каждая из трех пар цифр контролирует один из цветов RGB — красный, зеленый, синий. Числа могут принимать значения цифр от 0 до 9 и букв от A до F.

Теория цвета в цифрахЧитать полностью »

в 10:27, , рубрики: адаптивный дизайн, веб-дизайн, Веб-разработка, Мобильный веб, типографика, метки: , , ,

Мобильная типографика

При разработке дизайна необходимо учитывать корректность его отображения не только на больших экранах, но и на мобильных устройствах. И в первую очередь это касается читаемости контента. Поэтому необходимо уделять особенное внимание типографике, которая является основой веб-дизайна. На эту тему есть полезная статья шестилетней давности — Web Design is 95% Typography (автор Oliver Reichenstein).

Для начала рассмотрим основные моменты веб-типографики с примерами на мобильных устройствах.Читать полностью »

в 14:58, , рубрики: веб-дизайн, Веб-разработка, Программирование, разработка, метки: , , ,

Всем не профессионалам в какой-либо одной области IT-универсалам посвящается данный текст.
История такая: я работаю на довольно неплохой должности (руководитель IT-отдела) и даже имею в подчинении трех несколько человек. Сама фирма не IT направленности. Занимаемся мы розничными, оптовыми и интернет продажами. А также являемся сервисным центром нескольких известных марок. В компании есть несколько веб-ресурсов, в том числе несколько интернет-магазинов, пара из которых имеют очень даже неплохой оборот. Вот этим всем хозяйством мне и приходится заправлять. Плюс реклама, полиграфия, баннеры, сео и т.д. Моя зарплата меня тоже вполне устраивает. Скажем, гораздо выше средней по СПб. В данный момент меня в моей работе все устраивает за исключением одного: отсутствие опыта работы в профильной компании (в профильной среде).
Читать полностью »

в 13:59, , рубрики: css, веб-дизайн, Веб-разработка, новое для веб-дизайнера, подборка, метки: , ,

Новые полезные штуки для веб-дизайнеров за июнь 2013. Остальные по тегу "новое для веб-дизайнера"

Инструменты

Новое для веб дизайнера за июнь

Red Pen — сервис позволяет легко получать обратную связь на свои работы в формате PNG: после загрузки картинки любой пользователь может оставлять свои комментарии к файлу
Читать полностью »

в 13:48, , рубрики: веб-дизайн, Дизайн в IT, Песочница, плоский интерфейс, метки: ,

Буквально за несколько недель, с момента показа новой iOS 7, произошел легкий сдвиг в сознании не только у дизайнеров, но и у пользователей, имя ему — плоский дизайн. Этот прием, да, назовем его так, получил шквал критики и восхищения, у него появились сторонники и лютые ненавистники, но сегодня, я постараюсь рассмотреть новый, современный, набирающий огромную популярность подход при проектировании — long shadows (длинные тени).

(P.S. — Все картинки кликабельны).

Что такое длинные тени в дизайне, и как это понимать?

fox icon

iPad Mini

Long Shadows

Читать полностью »

1...567...1020...20
Рейтинг@Mail.ru
Главная   |  Архив новостей  |   Android  |   Google  |   Apple  |   Microsoft  |   Информационная безопасность  |   Веб – разработка
Публикации RSS  |  Комментарии RSS
https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js