Рекомендованные сообщения

6AI4USs.png

Предлагаю такой дизайн хлебных крошек, выглядит гораздо привлекательнее.

Изменено пользователем afdw

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Предлагаю такой дизайн хлебных крошек, выглядит гораздо привлекательнее.

Согласен.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Завершил основную работу над справочником CSS. Примеры выложил сюда, их можно править и смотреть, что особенно актуально для анимации.

http://jsfiddle.net/user/webref/fiddles/

Нужна ваша помощь. При уменьшении окна сайдбар исчезает и появляется иконка бутерброда. Так вот, почему-то слишком близко она к краю экрана. Как её лучше сдвинуть влево? Не могу понять, чего она не там, где нужно.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Сделал ещё небольшую оптимизацию кода, теперь HTML выводится в сжатом виде, стили и скрипты обфусцированы. Посмотрите, субъективно быстрее стало загружаться или нет?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Влад, а вы уже закрыли на http://htmlbook.ru/ доступ к справочникам? Или ссылки случайно сломались?

Изменено пользователем Vessel

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Случайно. Неправильно закэшировались стили и скрипты. Сейчас уже наладил всё, но если ещё что заметите, дайте знать.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

.move-left .exit-off-canvas {    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);    border-right: 2px solid #DEE0E2;}

Тень ярковата сейчас.

http://jsfiddle.net/dw3ka6b5/

Интересное решение использовать тени для иконки гамбургера. Обычно использовал это решение.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Внёс небольшие изменения в дизайн главной страницы. Посмотрите как сейчас выглядит под планшеты и мобильники. Никаких замечаний не возникает?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
.easy-breadcrumb_segment-separator {    transform: scale(0.99999);    border-left: 30px solid #D6D8DB;}

В Firefox вообще нет сглаживания, вообще никакого. Только острые пиксели. Вот выглядит нормально. Да и цвет слишком яркий.

Изменено пользователем afdw

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Внёс небольшие изменения в дизайн главной страницы. Посмотрите как сейчас выглядит под планшеты и мобильники. Никаких замечаний не возникает?

1. Влад, а почему в пункте "Вёрстка" значок браузера IE?)

2. На счёт мобильных: захожу на телефоне, всё вроде ок, единственное подвал себя плохо ведёт, а точнее там получается три колонки и вторая сливается с третьей. Вот это бы нужно поправить.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

При нажатии на кнопку открытия меню было бы хорошо, если бы она подсвечивалась.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

1. Влад, а почему в пункте "Вёрстка" значок браузера IE?)

2. На счёт мобильных: захожу на телефоне, всё вроде ок, единственное подвал себя плохо ведёт, а точнее там получается три колонки и вторая сливается с третьей. Вот это бы нужно поправить.

1. IE самый узнаваемый значок имеет. Я так щетаю!

2. Скинь мне скриншот, если сможешь, гляну что не так.

При нажатии на кнопку открытия меню было бы хорошо, если бы она подсвечивалась.

Добавил радикальный красный цвет.

В Firefox вообще нет сглаживания, вообще никакого. Только острые пиксели. Вот выглядит нормально. Да и цвет слишком яркий.

Спасибо, добавил твой код.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

 

1. Влад, а почему в пункте "Вёрстка" значок браузера IE?)

2. На счёт мобильных: захожу на телефоне, всё вроде ок, единственное подвал себя плохо ведёт, а точнее там получается три колонки и вторая сливается с третьей. Вот это бы нужно поправить.

1. IE самый узнаваемый значок имеет. Я так щетаю!

2. Скинь мне скриншот, если сможешь, гляну что не так

1. Я понял. Просто я к тому, что у меня этот значок ассоциируется с браузером, а не с вёрсткой.

2. Оказывается с подвалом траблы не только на мобильных.

 

Скриншот:

2015-02-14_1323.png

 

Вот на такой ширине было бы здорово делать две колонки, а не три. Ибо, если бы в первой колонке был пункт "О сайте", во второй всё остальное, что сейчас находится в двух последних, то колонки бы и по высоте совпадали +-, потом не было бы сливания двух последних, и читабельность повысилась.

 

3. Кстати, ещё вот заметил кое что:

Хотелось бы, чтобы при наведении на эти пункты они как-то выделялись или хотя бы появлялось подчёркивание что ли. Сейчас при наведении просто меняется курсор.

2015-02-14_1331.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Спасибо за картинку, понял в чём проблема, исправлю. С меню верхним придумаю что-нибудь.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Сделал подсветку верхнего меню.

http://webref.ru/layout

Осталось ещё сделать, чтобы меню компактно было для мобильных экранов и всё.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Влад, ещё кое что не очень приятное в плане читабельности. При маленькой ширине в браузере мы видим след. картину:

 

2015-02-15_1318.png

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Переделал под маленькую ширину, заодно заменил все картинки. Увы, но выяснилось что Друпал наотрез отказывается понимать SVG и каких-то готовых решений ещё нет.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Пора уже обновить иконки браузеров.


#ac-html, #ac-css {    margin-top: 5px;}

Тень сверху обрезается.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Это меню надо убирать и поиск в првое меню на телефонах, иначе котнент начинается только после свайпа вверх.


Зачем на телефонах скрывать разделители хлебных крошек?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

С разделителями на мобильниках беда, потому что хлебные крошки переносятся, пришлось их убрать.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

Карта разработчиков

Карта участников

Отметь себя на карте для поиска или предложения работы