s0rr0w

http://jsfiddle.net/VRAWc/1/ 1. Инлайн-текст не пройден <h2 class="header">Header</h2> test <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas libero nostrum ad fugit iusto. Aliquid itaque voluptatibus libero ut in dolorem ab maiores fugit at sunt numquam fuga incidunt? Repudiandae. </p> test 2. Знак вопроса должен отодвигать контент вправо Да Закругление углов <section class="b-block"> <article class="b-article"> Header </article> </section> http://jsfiddle.net/6VTQL/3/ Текст мелковат как-то...

Актуально, актуально. http://jsfiddle.net/ZYPsb/1/ 1. Тест на инлайн-текст пройден частично 2. Тест на вложенность не пройден 3. Тест на устойчивость к удалению картинки пройден

Чем больше тегов на странице, тем медленнее будет работать JS.

http://jsfiddle.net/QCnrH/7/ 1. Тест на inline-text пройден частично 2. Тест на устойчивость к мультипараграфам в .question не пройден 3. Тест на таблицу не пройден 4. Тест на закругления блока .question не пройден

Годится. Может у кого-то есть вариант, как этот "дом труба шатать"? 1. Расстояние между текстом и .tips_wrapper слишком большое. Недочет 2. Тест на прибивание H2 не пройден 3. Тест на добавление inline-текста не пройден 4. Тест на inline-контент в .tips_wrapper не пройден 5. Добавление таблицы после первого параграфа пройдено http://jsfiddle.net/3hngy/1/

Считаем, что я видел твой код первый раз, у меня IQ < 30, мне было впадлу разбираться, и я решил несколько наговнокодить Тест устойчивости на изменения не пройден.

http://jsfiddle.net/9b988/12/ 1. Тест вложенности - не пройден. 2. Тест устойчивости закругления углов - не пройден http://jsfiddle.net/9b988/13/ 3. Тест на устойчивость к множеству "параграфов" в блоке с "?" не пройден

Можно дорабатывать чужое, можно писать свое. Каждый идет к цели своим путем... Цель должна быть одна - понять, над какими проблемами стоит думать сразу, чтобы их потом не было. Абсолютно верно понял. Зачем использовать <div class="h2">Header</div> вместо <h2>? Тестирование на изменения 1. Удаление <div class="box-side"><img src="http://storage8.static.itmages.ru/i/12/0912/h_1347451504_5022739_0322d95da9.png" alt=""></div> не пройдено 2. Текст без абзацев в блоке пройдено 3. Несколько абзацев подряд пройдено 4. Таблица после абзаца не пройдено 5. расстояния между h2 и текстом не соответствует задуманному http://jsfiddle.net/9b988/5/

Обвновил начальный пост. Продублирую тут Кроссбраузерность - под самые свежие браузеры. Сроки - пока не добьемся приличного результата.

На киевском оффлайн форуме разработчиков подымалась тема устойчивой верстки. Что означает этот термин? Это верстка, при которой минимальны затраты на дальнейшие модификации и изменения, замена каких-то частей на другие не вызывает проблем с визуальным отображением. Именно так выглядит счастье кодера. Поэтому мы проведем мини-соревнование на верстку простого макета, и по пути рассмотрим, какие проблемы нас могут ждать с каждой из реализаций. Формат такой: вы верстаете макет, мы совместно тестируем его на устойчивость, определяя негативные и позитивные стороны, вы его дорабатываете и снова представляете публике. Лучше всего выкладывать код на http://jsfiddle.net Обратите внимание на то, что в нижнем блоке, между вторым Header и текстом первого абзаца расстояние больше, чем между первым Header и краем блока. Пиксельперфекционизмом заниматься не нужно. Кроссбраузерность - под самые свежие браузеры. Сроки - пока не добьемся приличного результата. Победителей в этом конкурсе не будет, так как все обретут ценный опыт. Убедительная просьба всех присутствующих на прошлом собрании не подсказывать.

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

Принято!

Minuscules - это сила. Звуки природы, никакой речи, которая подсознательно требует разбора и вслушивания, все что нужно для релаксации - все есть. Неоднократно засыпал под этот мультик.

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

Просмотр мультфильма Minuscules перед сном, теплые чай или какао, расслабляющая ванная, и будешь спать как младенец.

Добавлены примеры работы с динамическими формами: SCDemo.zip Материал подается в виде пошаговой реализации. В первом шаге описана структура кода, которая будет вопрощена в дальнейшем в HTML и CSS, и с которой будет работать JS Второй шаг содержит HTML-заготовку Третий описывает процесс оживления табов и сохранения данных на первом и последнем табах На четвертом шаге будет оживлена генерация таблицы из json-данных Пятый шаг описывает процесс добавления функций редактирования На шестом шаге динамические данные собираются в json, для возврата на сервер

Могу рассказать про то, что ждет верстальщиков в CSS3 касательно управления потоком (flow)

Смотрите в кинотеатрах Украины Место встречи: г. Киев, ул. Металлистов 24 Время: 20 октября, с 15:00 и до пока не взорвется мозг. Формат докладов: 30/30, пол часа на доклад и пол часа на обсуждение. Количество докладчиков не ограничено. Два домашних задания, решения которых мы будем разбирать на конференции: JS. Есть таблица, в которой есть ячейки с colspan или rowspan. Нужно написать функцию, которая по 2м значениям (строка, столбец), вернет ссылку на реальную ячейку (td или th), которая отвечает за данную позицию HTML. Сверстать скроллбар, аналогичный тому, что вы видите на данной странице в браузере Докладчикам желательно подготовить доклад в виде pdf-файла. Можно оставлять заявки, на какие темы было бы интересно послушать доклады и про какие полезные вещи вы можете рассказать сообществу. На конференции будут присутствовать: s0rr0w - +380 (67) 964-67-16 Svatov - 0(68)359-ноль-ноль-87 // Телефон для контактов Louie Catherine amelice Александр Гладченко Александр Терлецкий mirantel Григорий Кочнев Александр Гребнев serjcat Программа докладов: Александр (s0rr0w) Управление потоком (flow) в CSS3 Структурно-событийная архитектура веб-приложений "Устойчивый" HTML и CSS. Разбираем домашнее задание Антон (Louie) Практическое применение Node.js и его недостатки Очарования и разочарования MongoDB JADE, шаблонизатор на javascript Почему не стоит увлекаться MVC Евгений (Svatov) Вся правда о пикселе (нюансы верстки для "retina" устройств) Структура документа или насколько нужны и полезны нам новые теги разметки. Вопросы для обсуждения: Как проектировать задачу? Как нужно правильно разрабатывать ТЗ? Какие могут быть нюансы? Что нужно учитывать? К чему надо стремиться при решении задачи? Как можно добиться универсальности кода? Как нужно правильно распоряжаться с переменными? Какие могут быть моменты с переменными? В каких случаях куски кода выносятся в функции? Рекурсивный метод обхода по ДОМу. Как правильно организовать рекурсию по обходу ДОМ? Почему есть ограничения по глубине рекурсии (http://learn.javascript.ru/recursion)? Как добраться - доехать на метро до станции "Шулявская"; - выйдя из метро, пройти по ул. Вадима Гетьмана до перекрестка с ул. Металлистов; - повернуть на ул.Металлистов, пройти до здания №24 (с левой стороны) – если смотреть по картам сторонних ресурсов, то это там где ул. Металлистов, 18

Вторую сходку можно считать состоявщейся. Всем спасибо.

Добавил в первый пост

Зачем? Чтобы быть как все? Я не хочу этого

Давайте начнем сначала. Я не использую для веб-языков IDE не потому, что я не знаю ни одной, а потому что я сделал такой свой осознанный выбор. И не потому что нравится сидеть на табуретке, вместо удобного мягкого стула, а потому что табуретка не дает мне расслабляться и становиться ленивым. Это держит мозг в тонусе и заставляет решать проблемы, которые "ленивому" никогда не придут в голову. Я бесконечно оптимизирую код, выбираю лучшие решения, рефакторю, и все только для того, чтобы делать изменения в коде сверхдешевыми, но не менее надежными и легкомасштабируемыми.

Да я уже привые к тому, что меня мало кто понимает... Раньше как-то огорчало, теперь даже веселит.

Могу посоветовать почитать книгу по Экстремальному программированию, там глава 7 описывает ряд моментов, но лучше читать полностью все.