Leaderboard
Popular Content
Showing content with the highest reputation on 03/03/2012 in all areas
-
Здравия желаю! Младший сержант Иванов. Предъявите ваше портфолио.3 points
-
Все брэк! Мастдаевцы в красный угол, пингвины в синий, маководы еще в какой-нить угол (так на всякий случай). Хорош холиварить (Win vs. Linux vs. Mac), тема о тестировании верстки в IE7/8.2 points
-
Прошло три года, и тема нежданно апнула меня снова... Причем удар пришел с той стороны, откуда я никак его не ждал. От самого? великого и легендарного стандартиста, юзабилиста и вообще евангелиста светлой стороны Веба (и всего с ней связанного) Джефри Зельдмана. Вот, полюбуйтесь! Это после того, как Николас Галлахер наконец придумал методу, сохраняющую доступность текста при раскладе "картинки off, CSS on", а ее недостаток — дуля вместо картинки в ископаемых IE — стал малосущественным (особенно в свете актуальной моды на progressive enhancement, mobile first и т.п. доводы за то, что сирым и убогим браузерам важна простота и базовая функциональность, а вовсе не пиксельпёрфектность любой ценой). И после всех отчаянных призывов донести до разработчиков важность доступности информации — опять всплывает именно тот метод IR, который оставляет с дулей вместо текста именно тех, кому больше других важен этот текст. Например, деревенских школьников, при свете лучины загружающих заветную страничку через GPRS, отключив картинки, чтобы увидеть на экране прошловекового дедова ноутбука хоть что-то... Да, метод, просто офигенно "обновленный" добавлением overflow:hidden, благодаря чему он стал просто офигенно быстрее фурычить в целом первом айпаде (думаю, что дело именно в overflow, с ним и дикий минусовой text-indent бы обрезался и соптимизировался). Даром что в новых браузерах разницу в быстродействии никто не видел, а Пол Айриш вообще заметил, что от простой перестановки частей демки местами результат сравнения скорости меняется на противоположный Да, сам Джефри приводит рациональный аргумент против самого естественного, логичного, стандартного, доступного и т.п. способа замены кучи слов одной картинкой (и наоборот) — <img alt="..."> (при том что у себя на сайте юзает именно его!). Ох уж эта новая мода на Responsive всё-что-плохо-лежит! Да, старая добрая "имг-шка" таким премудростям не обучена (неспроста бурлили совсем недавно страсти вокруг предложения ввести ей на смену элемент <picture> с возможностью выбора нужного источника по условиям). Но, черт подери, не ценой потери всех возможностей прочитать текст во вполне реальном юзкейсе! То ли я всё-таки безнадежно устарел или/и просто дурак... То ли мир вообще и веб в частности катятся куда-то не туда. Как всегда, буду благодарен за любые наводки-подсказки, чего очевидного я в упор не заметил-не учел, и вообще за любые разумные доводы для примирения меня с реальностью! P.S. А почему тема в "Библиотеке...", в ней ведь нет окончательного практического рецепта? Имхо, вопрос скорее открытый и дискуссионный. Может, лучше его куда-нибудь во Флейм — чтоб больше людей смелее делились соображениями?2 points
-
Есть ли валидный аналог CSS свойства background-position-y? Использовал его, чтобы изменять координаты фона независимо друг от друга (в страйтах), но наткнулся на то, что его к сожалению не поддерживает опера и фаерфокс.1 point
-
Нет, самое подходящее для них в 2012-м году - это гроб)1 point
-
Перед вторым циклом добавить s = []? И, кстати, имхо, var s = []; лучше внутрь функции внести — меньше глобальных проблем будет...1 point
-
С подобной постановкой вопроса ответа, скорее всего, будете ждать долго1 point
-
В общем, как я и предположил во всем оказался виновна папка профиля на русском языке да еще и с пробелом. После того как я ее переименовал - все начало работать нормально. Да и сам способ переименовки если что, а то тот, на который я наткнулся первый раз - не поможет: Спасибо за внимание и помощь!1 point
-
Плох тем что в ие6-7 не работает. И вот что я получил в опере при отключенных картинках: Вот это слово "изображение" мешает. при таком коде: <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>imageReplacent</title> <style> .logo { width: 128px; height: 128px; overflow: hidden; border: 1px solid #f00; } .logo a:before { content: url(logo.png); display: block; } </style> </head> <body> <div class="logo"> <a href="#">logo</a> </div> </body> </html> Вобщем выход -- font-size: 0; .logo a:before { content: url(logo.png); display: block; font-size: 0; }1 point
-
А мне кажется тут не о чем спорить. Вообще. Каждый выбирает "из двух зол меньшее". Пока нет решения, удовлетворяющего всем статьям.1 point
-
SelenIT, На самом деле да, может и подхватить народ, особенно сухари. Более продвинутые вынесут свой вердикт, как сделал народ в этой статье. Просто, слава яйца, есть из чего выбирать. Кстати, считаю способ Зельдмана 101-ым, ничего нового, и он не решает проблему оставленного на месте текста. Вот этот способ самый лучший, на мой взгляд. Ну, ты уже в курсе) .nir { height:100px; /* height of replacement image */ padding:0; margin:0; overflow:hidden; } .nir:before { content:url(image.gif); display:block; } Громкие слова в своё оправдание. Зельдман избавился от -9999px, но, по сути, нормальное решение так и не привёл. Поэтому и сделал упор на то, что вообще можно сделать. Короче старичок видно уже настолько старенький, что запаздывает за прогрессом))1 point
-
На владею sqlite, в mysql можно использовать MIN() в таком случае SELECT u.user_id, MIN(f.foto_id) FROM `user` u LEFT JOIN foto f ON u.user_id = f.user_id WHERE 1 GROUP BY user_id1 point
-
Это не означает, что наш ресурс должен смириться с этим и забить. Если все так же будут рассуждать, то не останется ничего святого в этом мире. rus Кстати, зря так думаешь. Этот форум в день посещает несколько тысяч человек, из них очень много детей и подростков, тех, кто ещё даже учится в школе. А так как ресурс для многих служит примером, то дурным его выставлять не стоит.1 point
-
Какие выборы? Я завтра на концерт иду, к нам брутальный дес металл из Томска приезжает.1 point
-
Потому что тут ещё и дети бывают. А потом, если у тебя не хватает словарного запаса, чтобы выразить свои эмоции без мата, то это уже не наши проблемы.1 point
-
Главное не опускай руки, просто в следующий раз будешь внимательней к заказчику. Что за проект, если не секрет?1 point
-
Я уже сам написал http://www.cod.game-pack.net/news Я уже сам написал http://www.cod.game-pack.net/news1 point
-
Помаленьку осваиваю Wordpress (решил остановиться на нем) Вопрос: Как можно убрать раздел РУБРИКИ в теме, а вместо него создать удобный и понятный раздел Содержание. И как в принципе изменять глобальные разделы? Например "О сайте", "Страницы", "Новое на сайте", "Рубрики", "Прочее" и.т.д. **** разобрался1 point
-
Я убеждённый линуксоид и не раз холиварил на темы «windows vs. linux», но считаю, что для верстальщика нужен виндоуз. Причины две: 1. Во-первых, как правильно заметили, фотошоп. Его нет для линукса, а вайн это костыли и не 100% работоспособность. Гимп хорош, но до фотошопа ещё далеко. 2. ИЕ — как бы нам этого не хотелось, но он был есть и будет, а всякие ie4linux — костыли чистой воды1 point
-
Здравствуйте, уважаемые форумчане! Мысль сделать свой сайт у меня возникла давно, а вот реализовать идею дотянулись руки совсем недавно. Я решил сделать сайт на хостинге Ucoz. Написал каркас дизайна. Решил проверить его на валидность. Проверял через http://validator.w3.org/. Он мне выдал: "6 Errors, 3 warning(s)", но в чем ошибка я не могу понять. <br /> исправил, но ошибки все-равно остаются. Код прикладываю: <удалено> Заранее благодарен.-1 points
-
Проблема или в настройках джумлы, или в верстке. Не знаю. Главное меню. Если убираешь пункт в меню, то пропадает логотип (ну и вообще все что в шапке находится). Было у меня 5 пунктов. Сделал два - все пропало. Выровнял их по центру сайта (чтобы не справа эти 2 пункта были, а по центру) - все появилось. Сдвигаю чуть влево или вправо - опять пропадает...-1 points
This leaderboard is set to Kiev/GMT+03:00
-
Upcoming Events
No upcoming events found -
Сообщения форума
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Да, подходит. Спасибо.
-