Leaderboard
Popular Content
Showing content with the highest reputation on 09/12/2012 in all areas
-
На киевском оффлайн форуме разработчиков подымалась тема устойчивой верстки. Что означает этот термин? Это верстка, при которой минимальны затраты на дальнейшие модификации и изменения, замена каких-то частей на другие не вызывает проблем с визуальным отображением. Именно так выглядит счастье кодера. Поэтому мы проведем мини-соревнование на верстку простого макета, и по пути рассмотрим, какие проблемы нас могут ждать с каждой из реализаций. Формат такой: вы верстаете макет, мы совместно тестируем его на устойчивость, определяя негативные и позитивные стороны, вы его дорабатываете и снова представляете публике. Лучше всего выкладывать код на http://jsfiddle.net Обратите внимание на то, что в нижнем блоке, между вторым Header и текстом первого абзаца расстояние больше, чем между первым Header и краем блока. Пиксельперфекционизмом заниматься не нужно. Кроссбраузерность - под самые свежие браузеры. Сроки - пока не добьемся приличного результата. Победителей в этом конкурсе не будет, так как все обретут ценный опыт. Убедительная просьба всех присутствующих на прошлом собрании не подсказывать.2 points
-
Смотрите в кинотеатрах Украины Место встречи: г. Киев, ул. Металлистов 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 (с левой стороны) – если смотреть по картам сторонних ресурсов, то это там где ул. Металлистов, 181 point
-
1) Автор, что такое "css сптайты"? 2) "использование табличной верстки только при необходимости" - что же за необходимость? Это когда у верстальщика руки кривые? 3) Просто слов нету, как такое можно было сотворить? 4) Автор, в твоём понимании термин "интерактив" - это когда при наведении на ссылки всё "прыгает"? 5) a) Что за отступы у второй строки текста? б) Развалилось. в) Почему такой громадный трекинг. г) Размещая данный опрос на своём сайте, ты ставишь под сомнение свои возможности, навыки, профессионализм. Так зачем же мне у такого человека заказывать что-либо? 6) Полное непонимание термина "дизайн". 7) Автор, у тебя на сайте говориться что получим чистый код на выхлопе. Это на столько же чистый как и код твоего сайта? 8) Интересный выбор имён классов: .widget, .vidget, .blok. 9) Общее впечатление - очень *****, прям ***** как *****. Такое ощущение что сайт был создан школьником, учащимся в 7-ом классе.1 point
-
Оно не резиновое. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> Почему 2 раза?1 point
-
Ну во первых, никто не мешает тебе прикрутить дополнительно свои стили и изменить внешний вид готовых элементов, которые прикручиваешь. К тому же никто не заставляет пользоваться всеми компонентами. Мне так очень нравится верстать на нем много колоночные элементы. Сетка в 12 колонок идеально подходит для большинства задач. Вот к примеру делал сайт http://kronmo.ru Верстал с помощью Twitter Bootstrap. Не сказать, что он похож на все остальные. Там остались неизменными только формы, в чем не вижу ничего плохого. На слайдере, с помощью CSS, изменил стрелочки, что сделало их не похожими на стандартный слайдер. В общем, тут главное не переусердствовать, как и в любом другом деле )) Int, Это такой CSS-фреймворк. Поставляется вместе с некоторыми jQuery-плагинами. http://twitter.github.com/bootstrap/ Скажем, использовать его плагины понравилось больше, чем jQueryUI. Многое работает само после декларативного объявления. Те же табы, выпадающие меню у кнопок и т.д. Что очень радует )))1 point
-
http://makeyourmeme.ru/default/instance_32/986761/x_04936d84.jpg Я дико извиняюсь.1 point
-
1 point
-
Даешь Киев! Хорошо когда получается приятное совместить с полезным! Операция "HiJaCK 10.2012" - звучит! Пользуясь случаем, хотела бы послушать ответы на интересующие меня вопросы: По программированию : Как проектировать задачу? 1. Как нужно правильно разрабатывать ТЗ? 1.1. Какие могут быть нюансы? 1.2. Что нужно учитывать? 2. К чему надо стремиться при решении задачи? 2.1. Как можно добиться универсальности кода? 2.2. Как нужно правильно распоряжаться с переменными? 2.3. Какие могут быть моменты с переменными? 3. В каких случаях куски кода выносятся в функции? По алгоритмике: Рекурсивный метод обхода по ДОМу. 1. Как правильно организовать рекурсию по обходу ДОМ? 2. Почему есть ограничения по глубине рекурсии (http://learn.javascript.ru/recursion)? Очень хотелось несколько задач заранее, чтоб прийти с решением, и на месте на примере оптимального решения аргументировать - почему да как? По верстке, интересует вопросы по организации макета. 1. Как нужно организовать чтоб верстка была устойчивой к изменениям?(а вы не про это говорили во второй сходке? ) Ну вроде пока это все мои нубовские вопросы, если появится еще , то напишу.1 point
-
Ты пытался избавиться от мыслей, а теперь их у тебя еще больше?1 point
-
Сперва понравилось чётко составленный объявление, видно, что составлявший имеет понятие о том, про что говорит. И, кстати как ответили на WinFAQ: мы и сами с усами. Ну и да, портфолио))1 point
-
Здравствуйте форумчане, прошу оценить сайт по всем параметрам (дизайн, контент, верстка, домен). Что стоит изменить/подкорректировать? make4web.ru С уважением, Виктор-2 points
This leaderboard is set to Kiev/GMT+02:00
-
Upcoming Events
No upcoming events found -
Сообщения форума
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }
-
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
-
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number">
-
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-