Как стать автором
Обновить

Комментарии 25

Можно попробовать найти отличия (если таковые имеются) и сделать на них упор. Как минимум скрыть простыни кода спойлерами.
Хотя я все намного подробнее расписал, может начинающим будет полезно
Отличия есть, но не большие. Оригинал статьи на tutsplus, там есть несколько не правильных стилей. Например

@media only screen and (max-width: 610px) {
.container {
width: 460px;
}
header {
font-size: 400%;
}

Я не знаю зачем западный коллега поставил font-size: 400%, потому что на iPhone меню на весь экран.

Не были обнулены некоторые стили, к примеру в Safari все описание в <dl> подчеркивалось синим цветом, так как не было a {text-decoration: none;}
Если это не оригинал статьи, да еще и автор оригинального кода не вы, почему нет ссылок на автора или пост не оформлен как перевод?
глупый ответ… но не знаю почему. Сотню постов видел на Хабре со Smashing Magazine или Tutsplus где не указывалось что перевод. Да и я сам не обращаю внимания на это. Приношу свои извинения, я ни в коем случае не хотел выдать эту идею за свою, и присвоить себе все лавры… Сейчас добавлю
Вы не видели тот пост?) Да вы с автором того поста одинаково мыслите. Код на 99% идентичен…
Зашел из Сафари. Тормозюкает, и ноутбук взлетает
у меня и в хроме тормозит на i7
Это в «переводе» тормозит, в оригинале норм: webdesigntutsplus
i7, хром тормозит безбожно
AMD A10-5800k
16gb озу
хром 23.0.1271.97
убунту 12.04

тормозит жутко…
По мне так фильтры не какие-то не информативные, я бы скрывал всё что не относится к категории и перестраивал оставшееся :)
фильтрация не работает на фришном Amazon S3
Создаем резиновую страницу портфолио с яваскриптом и тормозами
Тормоза в chrome убивают, а в ff скролбар дефолтный, так что смысла менять его — нет…
НЛО прилетело и опубликовало эту надпись здесь
Про тормоза тут уже и без меня сказали, добавлю лишь к числу браузеров еще и оперу.

А если конструктивно, то здесь следовало бы поработать с CSS:
1) стилизовать список фильтров вот так:«nav ul», «nav ul li» — это очень не надежно
2) ".work figure a img", ".work figure dl dt" и т.д. — Professor X отдыхает, абсолютно ненужные посредники между ".work" и конечным селектором
3) учитывая адаптивность и принимая во внимание советы Итана Маркотта в книге habrahabr.ru/post/148116/ следует поменять порядок медиа запросов «от меньшего разрешения к большему» и начинать так:
/* Телефоны (в горизонтальном положении) */
@media only screen and (min-width: 610px){/* Телефоны (в горизонтальном положении) и Планшеты (в вертикальном положении) */}
@media only screen and (min-width: 740px){/* Планшеты и телефоны */}
@media only screen and (min-width: 860px){/* Нетбуки, планшеты */}
и т.д.
4) Поиск элементов в js в таком виде $('nav > ul > li').removeClass('current-li') — добавляет еще тормозов.
Намного быстрее будет $('.current-li').removeClass('current-li');
5) Это меня вообще убило $(«nav > ul > li»).click(function(){...})

И неожиданное спасибо за yandex.st — не знал.
ubuntu 12.04, хром. Жутко тормозит. Если делать ресайз окна, вообще ад…
Винда + опера, все нормально ничего не тормозит на демо.Хром — да, мрак.
Если бы автор отключил бесполезный css-фильтр sepia со всех видимых работ, то все бы работало в разы быстрее, и пост бы лучше был принят сообществом.
Короче классический пример использования технологии ради технологии.
Да… Технологии требуют жертв :)
Зарегистрируйтесь на Хабре , чтобы оставить комментарий

Публикации

Истории