Веб-дизайн

индекс
228,56
27 июня 2013 в 18:29

Вышла новая версия движка для интернет-магазинов AdVantShop.NET 4.0

Уважаемые хабраюзеры!

На днях мы выпускаем новую версию движка для интернет-магазинов на платформе .NET AdVantShop.NET 4.0.

Piccy.info - Free Image Hosting

Наша команда постаралась внести в AdVantShop.NET разные новые фичи: например, быстрый экспорт товаров в Яндекс.Маркет прямо из интернет-магазина, покупка в кредит и «в один клик», и другие интересные и полезные возможности. Предлагаем познакомиться с нашим движком подробнее и будем благодарны за Ваши комментарии, предложения и, конечно, по возможности конструктивную критику :)

0
6769
37
buxler –2,0
27 июня 2013 в 14:42

20 вопросов про веб-шрифты


Привет, Хабр!

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

+93
74423
758
tourte 17,0
22 июня 2013 в 20:32

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

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


+29
29666
162
alexzfort 166,1
19 июня 2013 в 16:30

Дао веб-строителя



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

Все мы очень любим смотреть на интересно сделанные сайты. Нестандартный скролл, параллакс, типографика — всё это очень привлекает и радует глаз. Нынешние дизайнеры при использовании современных технологий в состоянии реализовать любой каприз заказчика и собственной фантазии. С другой стороны, средства программной разработки развиваются столь же интенсивно. Различные фреймворки, SASSы и прочие радости жизни ускоряют процесс и облегчают жизнь программистам и верстальщикам. Казалось бы, живи и радуйся, веб-индустрия, сверкай бриллиантами гениальной интерактивности, раздвигай рамки привычного скучного мира однообразных сайтов…

+4
12725
56
speedy095 2,0
19 июня 2013 в 12:47

Красивое меню на CSS3 из песочницы

Чуть меньше года назад Snickersmix публиковал статью "Меню с плавной инверсией цвета". В данной статье описывается меню, сделанное на JavaScript. Днём ранее он мне показывал сайт, на котором он делал это меню, и я, как поклонник NoScript, возмутился: «Это меню можно сделать на CSS!»

Красивое меню на CSS3

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

Итак, предлагаю реализацию похожего меню на CSS3.

Чтобы сразу ты, уважаемый читатель, увидел отличия приведу финальную демку меню на CSS3 и демку меню от Snickersmix на JS

Теперь постараюсь вкратце рассказать про процесс создания

+22
22200
312
BaNru –0,6
18 июня 2013 в 22:29

О современном веб-дизайне и кнопке «Наверх» recovery mode

Сегодняшний «Бизнес-линч» напомнил о том, что я давно хочу высказать свои мысли о современном состоянии веб-дизайна, в частности, о кнопке «Наверх».

Веб-дизайн болен. Разработчики превращают сайты в веб-приложения, которые работают нормально только в правильных с их точки зрения браузерах. Повсюду плавающие элементы, которые на мобильном устройстве обязательно куда-нибудь уедут и что-нибудь загородят. Бесконечная прокрутка порою прикручена к сайту так бездумно, что чтобы добраться до ссылок в подвале, приходится судорожно долбить кнопку End (прямо как quick time event в играх). На мобильном устройстве пользоваться полной версией сайта со всеми этими «удобствами» невозможно, и разработчики делают урезанную версию сайта, называя это «адаптив-дизайн», «респонсив-дизайн» и «йет–эназер–маркетинг–буллшит–инглиш–ворд-дизайн» — по сути своей это WAP-сайты в новой личине. Мало того, эту урезанную версию пользователю ещё и навязывают. И не дай бог у сайта есть мобильное приложение: в лучшем случае вы увидите радостное сообщение об этом на весь экран, а в худшем вас, ни о чём не спрашивая, перенаправят в App Store или Google Play, и никого не интересует, что вы зашли на сайт по поисковой выдаче и не собираетесь постоянно его посещать.


За примером далеко ходить не надо

Когда-нибудь, я надеюсь, всё это уйдёт, как ушли заставки на сайтах, неуместное использование Flash, облака тегов. Интернет снова станет единым, на компьютере и посудомоечной машине сайты будут выглядеть одинаково, проблема отображения на разных экранах будет решаться «резиновым» дизайном (придумают новый маркетинговый термин и будут подавать это как что-то новое), а на место отдельных мобильных приложений для сайтов придёт единый формат вроде RSS, встроенный в систему. Кстати, представьте, как будет здорово: нажатием одной кнопки можно будет добавить в свой телефон любой поддерживающий эту функцию сайт, читать его в удобном формате (в том числе и в офлайне — прощай, Readability!) и получать уведомления.
+30
30332
91
Ogi –13,9
15 июня 2013 в 21:28

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №61 (9 — 15 июня 2013)

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


+31
33292
191
alexzfort 166,1
14 июня 2013 в 13:03

Оптимизация скорости загрузки сайта на Wordpress используя подсказки Page Speed из песочницы

Доброго времени суток.

Сегодня я расскажу на примере одного из сайтов созданных и поддерживаемых мной — как оптимизировать скорость его загрузки и лояльность Googla.

Исходные данные:

  • Скорость загрузки сайта — 2 с,
  • Скорость обработки первого запроса 1,06 с,
  • Время передачи первого запроса 364 мс,
  • Объем загружаемых данных ~ 3 мБ,


Ответ на задачку

  • Скорость загрузки сайта — 1 с,
  • Скорость обработки первого запроса 80 мс,
  • Время передачи первого запроса 15 мс,
  • Объем загружаемых данных ~ 70 кБ, (первая загрузка 1400 кБ)


Перед проведением работ сделайте бекап всех файлов и базы данных. Автор не несет ответственности за возникшие последствия.


0
3522
47
leks2git 2,5
13 июня 2013 в 15:05

Общие заблуждения об адаптивном дизайне перевод

Я каждый день просматриваю информацию в Интернете, причем делаю это с разных устройств – это и Macbook Pro, и iMac, и PC, iPad, iPhone и даже мой телевизор. Поэтому меня серьезно раздражают веб-сайты, не оптимизированные под большие экраны или страницы, долго открывающиеся на мобильном устройстве.

Все мы положительно восприняли концепцию адаптивного дизайна. Лишь немногие возражают против него. В сущности, на сегодняшний день единственный аргумент против адаптивного дизайна заключается в том, что клиент не хочет оплачивать дополнительное время на доработку ресурса. Но, как любое нововведение, адаптивный дизайн породил множество мифов. Посмотрим, сможем ли мы развенчать некоторые из них…
+32
25763
192
11 июня 2013 в 18:33

Веб-дизайн + Mac OS − Adobe = Sketch. Чем новый инструмент лучше всех старых из песочницы

Программы Адоби я очень сильно не люблю. Они большие, несуразные, прожорливые, и с ними приходится мириться, потому что за неимением сильных конкурентов Фотошоп с Иллюстратором стали уже стандартными инструментами в профессии.

Начинал я рисовать сайты, как и все, в Фотошопе. Но чем сложнее становились задания, тем сильнее ощущалась его неприспособленность для проектирования интерфейсов. Оно и понятно: Адоби никогда не говорили, что он предназначен для интерфейсных дизайнеров, это дизайнеры как-то сами себе придумали. Всегда хотелось иметь инструмент с двумя кнопками и тремя ползунками — все равно я больше не использовал ни в Фотошопе, ни в Фаерворксе ни в ИнДизайне. Сейчас у меня из «адобовского» набора есть только доставшийся бесплатно (в нагрузку к планшету) Фотошоп Элементс, установленный из принципа (халява же), а все остальное я уже давно заменил другими приложениями. И вот одно из.

+43
31808
193
reznik_e 9,5