Блог вебстандартиста и вебразработчика Юрия “akella” Артюха.
На правах рекламы и все такое. По стечению обстоятельств я проведу аж 3 мастеркласса в ближайшие пару месяцев, потому если кому-то интересно послушать про верстку в моем исполнении и попить со мной пива, буду рад :) Они повторяют прошлогодний с небольшими апдейтами. А еще! В Киеве Web Standards Days! Подробности под катом.
Вдохновились вместе с genn.org и за сутки сделали полноценную читалку для айфона, андроида, и всех кто поддерживает html5 чуть лучше утюга. О дизайне читайте в блоге у Гены, остальное у меня здесь и сейчас. Все очень просто.
Не самая критичная фича, но весьма специфическая в реализации.
Это те самые, странно разворачивающиеся и очень редко нужные менюшки. ;)
ИЕ воспринимает z-index не совсем так, как все остальные браузеры. Это поведение настолько часто встречается в моей жизни, что я решил о нём написать целый пост.
Мало кто знает, но они действительно существуют.
Пару подсмотренных интересных способов и вариант, который обычно использую я.
Мой блог стал пропадать из гугла, причиной оказался практически незаметный эксплойт для Wordpress. О том как узнать о нем, и избавиться от него, этот пост.
Пафосное название для моего обычного стандартного print.css который я всюду инклюдю.
Настоящие верстальщики должны слегка поморщиться вспомнив об этом баге.
отличные советы по эффективному управлению временем от Кейт Робинсон
Как часто вы тратите часы чтобы понять почему же эта эта вредная навигация сползла? Этот способ позволяет найти причину практически не думая за 5 минут. Наверное почти все пользовались этим методом поиска багов в вёрстке.
Традиция, которой уже два года. Самые полезные и интересные статьи на этом блоге за ушедший год.
Несколько идей помогающих мне верстать быстрее и приятнее.
Все уже часто сталкивались с специфическими для IE expressions, однако не все знают (я например не знал), что их можно оптимизировать. Об одном из приемов и пойдет дальше речь.
Несколько способов реализации min-height для всех броузеров. Короткий обобщающий пост. Надеюсь все оценили как я изящно избежал цифры в названии поста?=)
Несмотря на экзотичность такого фильтра, он мне понадобился уже на двух проектах. Это, ясное дело, из-за того что у меня мак, и мне не все равно. Короткий грязный(невалидный и не future proof) но работающий здесь и сейчас хак для Safari 2-3.
Недавно я и некоторые из моих знакомых напоролись на интересный неочевидный глюк связанный с употреблением русских комментариев в CSS. Суть глюка и пример ниже. Сразу резюме: лучше не используйте комментарии с кириллицей в CSS.
Разумеется я имею ввиду изменяемые в ИЕ(6-) шрифты, поскольку во всех остальных броузерах они и так легко изменяемы. Задавать шрифты в пикселах - нехорошо по отношению к юзерам. Можно и нужно задавать их в других относительных единицах. Тут я расскажу скорее не о каком то оригинальнои приеме, а просто об общем подходе для создания страничек с резиновыми шрифтами для ИЕ. Заметка(запоздалая) вызвана двумя постами на pepelsbey.net и mauzon.com и желанием поделиться своим простым подходом, вдруг кому то поможет.
Недавно пришлось делать графики для процентных соотношений политических партий. Вышли довольно забавные варианты - делюсь. Наверно все же и у меня есть читательницы. Всех их поздравляю с наступающим!!! :)
Структурирую свою информацию - несколько способов избежания страшненьких джаваскриптов делающих прелоад картинок.
ДваТри способа как это можно сделать в ИЕ...
Когда времени становится все меньше, с удивлением можно обнаружить, что толком ничего за день не успеваешь. Вот для этих случаев и придумывают теории по управления временем. Простой прием, который я позаимствовал, помог мне справиться с этой проблемой...
На горизонте, как тучи, собирается работа... Решил не ждать - а начать готовиться. Подготовил серию XHTML заготовок.
Излагаю простой приемчик. Позволяет немного облегчить жизнь беднягам на диалапе и медленных линиях. Прием касается очередности загрузки баннеров и контента (или чего-то там за чем мы пришли на сайт)
Продолжаю традицию обзывать посты экзотическими(для меня) CSS свойствами. Описываю свои трудности с реализацией вертикального выравнивания по центру. Update: рекомендую так же ознакомиться с новым методом вертикального выравнивания
Когда CSS файлы разрастаются на более чем 10 килобайт, встает проблема как их структуризировать. Наверняка все её для себя уже решили. Делюсь своим решением и еще парой подсмотренных.
Иногда на больших сайтах размер CSS файла вырастает до 20 килобайт и больше. Несмотря на то что он кэшируется, есть способ все же сжать сам файл. Этот пост практически перевод статьи "The Definitive Post on Gzipping your CSS" написанной Mike Papageorge.
Делюсь своими каждодневными програмками. У каждого есть какой-то устоявшийся инструментарий. Свой я почерпнул из подобной заметки на чужом блоге. Поэтому возвращаю долг. ;)
Решил описать некоторые глюки попавшиеся при разработке сайта укр.нет. Быть может кому то окажутся полезными. По крайней мере, мне - точно. :) Вобщем смотрите по заголовкам - что интересует...
Очень мне нравится идея так называемых "Pull Quote". На русском просто цитата или врезка. Что это такое вы можете посмотреть например на сайте http://www.melos.com.ua/ . Это те серые цитаты слева. Вот и решил посвятить им пост.
Давненько уже на ALA была статья про "Полосатые таблицы". Решил поделиться маленькой хитростью которую подсмотрел там же в обсуждении статьи.
Немного оклемался от революции и на глаза попалась классная штука. Еще одну великолепную идею подарил нам Данстан Орчард(уточнение). Если вы еще не знаете попробуйте поискать на его сайте чего-нибудь.(Enter не нажимать!)
Начал было разбираться с TXP. И застопорился на одном моменте. Этот пост вряд ли будет много значить для тех кто не пользовался textpattern'ом
Столько раз мы ссылаемcя на эту главу американского закона. Но на русском я её еще не видел. Решил перевести. Предлагаю всем заинтересованным помочь в отладке перевода. Лингвист из меня накакой.
Поскольку главным элементом страницы я считаю текст, то мне всегда было интересно как "продвинутые дизайнеры" решают для себя этот вопрос. Поэтому ранее я уже изучил заголовки на сайте www.cameronmoll.com, можете почитать об этом здесь. На очереди новая техника, теперь в борьбу с отображением шрифтов вступает... Flash.
После недавних статей Liquid Bleach и Sliding Faux Columns захотелось это как то обобщить что ли, вобщем говоря изложить на русском. Разумеется ни в коей мере не предендуя на оригинальную идею. К тому же я не нашел перевода статьи Faux Columns (Dan Cederholm) (может плохо искал?). Вот об этой простой технике и о её не менее простом продолжении и пойдет речь.
Designing With Web Standards
Какое-то время назад мне очень понравились две статьи. Одну написал Dan Cederholm, называлась она "Accessible Image-Tab Rollovers", а вторую Didier Hilhorst и называлась она "Navigation Matrix" (и продолжение "Navigation Matrix Reloaded"). Обе статьи посвящены построению навигации на базе картинок.
Интереснейшее свойство нашел. Все наверняка имели дело с обычным overflow, ну или хотя бы слышали. Overflow определяет, что должно происходить с содержимым блока если оно переполняет его. То есть выходит за пределы этого блока. Точно так же text-overflow указывает, что произойдет с текстом, когда он переполнит место ему отведенное.
Роботы (их еще называют спайдерами) — минипрограмки, которые путешествуют по инету и индексируют наши странички, то есть дают знать поисковикам, что на них есть. И потом мы можем приносить пользу людям, которые что-то ищут. Даже на моём "молодом" блоге большая часть так называемых referrer'ов (мест где есть на меня ссылка) это поиски через Google. А на больших блогах их еще больше. О поисковых роботах знают многие, и все рады когда они приходят. Но почему-то мало кто помогает им. Да и вообще на половине сайтов их игнорируют и не знают что можно управлять ими.
Натолкнулся на две замечательные програмки, которые я думаю будет полезно иметь всем связанным с вебграфикой. Обе заметно облегчают трафик. Лично я предпочитаю чаще использовать PNG вместо GIF. Так вот для меня эти програмки оказались открытием. Обе делают одно и тоже, но немного разными способами. И кстати немного соревнуются между собой.
Когда-нибудь надо было отладить простенький скрипт или протестировать сайт? И ради этого приходиться ставить апач мускул и т. д. ...Даже если делал это много раз могут возникнуть задержки. А если делаешь это второй или первый раз? Что и говорить, всяческих tutorial'ов по этому поводу море. Но. Слава богу есть умные и бескорыстные люди. Угадайте откуда... Последнее на mezzoblue.com и возвращение к программированию на PHP натолкнули меня на этот пост.
See all tags.