Leaderboard

На самом деле часто можно и доктайп не менять. Другого HTML, кроме HTML5, в наше время не бывает по построению нового стандарта. Поэтому «говорить» можно всегда. Вот говорить о правильном HTML(5) уже несколько сложнее...

$progress = $('.progress-striped') $progress.each(function() { text = $(this).attr('data-original-title') $(this).text(text).height('auto') });

http://jsfiddle.net/muvrL567/2/

Ну я бы не был на столько категоричен. Мне лично иллюстратор в принципе не очень нравится, как инструмент. И видеть макеты на нем я бы точно не хотел. Если еще векторную графику на нем делать куда ни шло, то это нет пожалуй. А для рисования макетов и UI вцелом - Sketch отлично подходит, жаль только, что он Mac OS Only

http://joxi.ru/D2PBX7Ds5jnVr3

Для русского языка, конечно, сложнее сопоставить шрифт. Сервисы в основном с латиницей работают. Вот что удалось найти, есть несколько похожих. http://www.fontspring.com/matcherator?matcherator_img=1ad241467eb45a58757fe8786691ebdb#scroll_to_matches

И на первой же странице ошибка:

Странно. Перезалил.

Что-то ты меня совсем запутал ахахах Если он задаст margin: 20px; то у него получится между ячейками сетки по 40px, а от краев контейнера отступ 20px. Как я понял, ему нужно, чтобы крайние ячейки не отступали от границ контейнера

Посмотрите на udemy.com, есть куча курсов(некоторые платные, но во время акции можно взять за 5-10$). Бесплатные тоже есть не плохие(2014-15года)

Во-первых, пока вывод был не сделан. ) Я видела вариант с той статьи и твой вариант, но не успела толком проверить. Во-вторых, в твоем примере для меня стало открытием поведение inline-block, который при малой ширине растягивается на всю ширину контента. Отдельное спасибо за пример!

Какой-то там весьма странный вывод сделан. Естественно оно так себя ведет, потому что оно аналогично вот такому примеру: http://jsfiddle.net/alexriz/2L5zzteb/ Это все из одной пьесы: display: block; --- display: inline-block; display: table; --- display: inline-table; display: flex; --- display: inline-flex; Контекст внутри создается одинаковый, что у простого свойства, что у свойства с префиксом inline- Разница лишь в том, как сам контейнер будет вести себя в потоке

Ого как у парня бомбануло Ты смотрю любитель играть на рассовости и стране принадлежности? Это, по меньшей мере, не культурно, не красиво и не профессионально с твоей стороны. Хотя мне и пофиг, если честно Конечно, справедливости ради, стоит признать, что понятия "наши" (русские, украинцы и т.д.) и "не наши"(европейцы, американци и т.д), я тоже применяю. Но только в контексте сравнения каких-то свойств и особенностей этих групп. Стараясь никого не обидеть. А то я чувствую, сейчас еще coolhtml начнет все мои 1447 сообщений на форуме мониторить Почему же жалко ТС то? Он задал вполне конкретный вопрос, все вполне конкретно на него ответили, руководствуясь своим личным мнением. У ТС теперь есть целый выбор каким путем он готов пойти в данный момент. Что в этом плохого? Применение normalize или reset.css ровно такая же глупость, как и не применение ресетов вовсе, все зависит от точки зрения Такс, а вот теперь давай по порядку. Для начала стоит отметить, что строго говоря, Normalize и Reset это разные вещи в корне. Reset - Это тупой сброс, всего и вся, где надо и не надо. Более идиотского куска кода в css, чем это: * { margin: 0; padding: 0;} найти крайне сложно. А мое любимое когда к этому еще добавляют кусок, который к чертям ломает все таблицы. Это вообще пик синдрома reset.css-головного мозга. Normalize - Это уже нечто адекватное. Это хотя бы попытка, именно сгладить, огрехи разности отображения элементов в разных браузерах. ------------------------------------------------------------------------------------------ Отчасти ты прав конечно. Некоторая степень нормализации на странице будет присутствовать, будь она взята из готового куска или написана самостоятельно. Но, я эти вещи разделяю тоже. Потому что одни выбирают путь просто воткнуть Normalize.css и не думать, о том что ему действительно нужно, а что нет. А другие просто настраивают css под конкретные требования и не пихают ничего лишнего, как я в частности. Если взять классический Normalize.css by Nicolas Gallagher, да там есть интересные решения, есть странные. Проблема только в том, что на практике из этого реально понадобится 10% в лучшем случае. Смысл подключать все подряд? А потом еще мучиться от того, что оно где-то начнет тебе дорогу переходить. Ну начнем с того, что не всегда и не всецело. Но даже если и так, то это не повод делать сброс. Можно просто взять и настроить, как того требует дизайн и закрыть вопрос. Вот берем твой код: /*NORMALIZE CSS*/p { margin: 0; padding: 0;} /*STYLE CSS*/ .module p { margin-bottom: 15px;} .content p { margin-bottom: 20px;}И смотрим, что ты делаешь. Ты сбрасываешь padding у элемента, которого этого паддинга нет по умолчанию никогда! Это совершенно лишенный смысла кусок кода. Смотрим дальше: margin Если " .content p " это представление параграфа для контента, его можно выставить как дефолтное значение, а в модулях провести модификацию. В итоге у тебя выйдет примерно так: p { margin: 0 0 20px;}.module p { margin-bottom: 15px;}Примерно в два раза меньше кода, меньше манипуляций с свойствами элемента заставляющих браузер лишний раз думать (хоть, в данном случае, не те затраты, но тем не менее). Код стал более конкретизирован к проекту. Параграф все же будет иметь вид параграфа если он будет вставлен где-то без контекста, а не как просто div. Как видишь вывод очевиден - нормалайз увеличил твой код, там где этого можно было и не делать. Плюс не портит отображение элемента применяемого как есть * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}Нет, не делает это верстку более удобной. На практике явное включение border-box необходимо не так уж и часто. Любой блок (display:block;), является гибким по умолчанию и занимает максимум доступной ширины с учетом border и padding, покуда ему не зададут ширину явно. Имея установленный по умолчанию box-sizing: content-box; Есть некоторая потребность в border-box для элементов форм, да, ибо там вцелом присутствует неразбериха в этом плане. Для них вполне можно было бы прописать border-box. Но уж точно не через глобальный селектор. Присваивая его еще и тем элементам которым это не нужно, или вообще никакого эффекта не даст. Я не буду спорить о том, что border-box, возможно более очевиден на первый взгляд. Пожалуй это так и есть, для начинающего, да и наверное для многих скилловых ребят. И да он явно более удобен и лучше подходит для решение определенных условий. Но все таки переключать боксовую модель глобально мне кажется не самым лучшим решением. Все же если вникать как все работает, то content-box в большинстве случаев лучше подходит. Это на самом деле целая отдельная тема для обсуждения. Но я не думаю, что ребята в w3c, глупее нас с вами, в данном случае. Это уже другой вопрос, и с этого нужно было сразу начинать. Да у меня тоже есть код который кочует из проекта в проект с минимальной конфигурацией под конкретные нужды. Только там кода действительно минимум, я не тащу за собой ничего лишнего, и добавляю или убираю, то что нужно. Но вобщем-то это уже явно не применение готовых ресетов и нормалайзов, как многие любят делать. Я всего лишь призываю людей думать своей головой, а не тупо копировать какие-то решения не отдавая себе отчет надо ли оно им на самом деле или нет. Да опыт дает понять многие вещи. Я тоже проходил все этапы, в свое время. И Reset использовал и Normalize, потом отказался от всего, просто за ненадобностью. Ну, а разницу между ресетом, нормалайзом и их не применением я уже объяснил. ------------------------------------------------------------------------------------------------- ============================================================= Ну и как заключение. Ну да я высказался без каких либо объяснений в начале. 1. Я был уставший и без настроения. Так что приношу свои извинения, если показался резким. 2. Просто эта тема действительно поднималась крайне много раз и с некоторой периодичностью создается кем-то снова. Примерно в таком же ключе я уже объяснял свою позицию по данному вопросу. Не много накаляет, что люди задают из раза в раз одни и те же вопросы, не пытаясь хотя бы не много поискать ответ самостоятельно. Я уже относительно давно на этом форуме и надо сказать вопросов вообще не задавал. Ну может пару раз было. Т.к. я привык копать интересующую меня тему. Старожилы которые постоянно крутятся тоже вопросы по минимуму задают, и явно не такого уровня. Тут если капнуть историю, то еще до того как я здесь появился, народ задавал вопросы совершенно другого уровня, там где действительно была проблема. А сейчас, как не "Где найти гуру", так "как поменять цвет у ссылки". WTF, ребята?

Впервые кому-то показываю свою работу, может что-то подскажите, может что-то явно неуместно, криво, категорически неправильно. К критике отношусь спокойно, даже привествую http://ketkin.pro/