Displacement с помощью Pixi
16 Jul 2017Стрим номер 7 и Displacement на SVG и Canvas, результат.
Блог вебстандартиста и вебразработчика Юрия “akella” Артюха.
Стрим номер 7 и Displacement на SVG и Canvas, результат.
Стрим номер 6 и летающие треугольники, пример того что делаю в видео.
Пятый стрим и космические Фрагмент Шейдеры, пример того что делаю в видео.
Четвертый стрим и простой лендинг с анимациями, результат в репозитории.
Третий стрим и создание желе эффекта в canvas, результат в репозитории.
Тут больше JS+Math
Второй стрим и верстка адаптивного макета с нуля на чистую голову, результат в репозитории.
План верстки в
описании видео
Записал свой первый стрим, всё что делалось доступно в репозитории. Буду благодарен за ваше мнение, и что можно сделать лучше :)
Можно фулскрин
Познакомился с парнем который не видит, но делает сайты.
Я туплю, опечатываюсь, в видео нет никаких звуков. И оно еще и проигрывается в два раза быстрее чем нужно. Не знаю зачем вам это смотреть, но если интересно как я сверстал какой-то макет за примерно час, смотрите :)
Можно фулскрин
Случайно оказался в этой стране, набор удивлений и фотографий.
Внезапно пост! Небольшой странный чисто webkit трюк который вам пригодится разве что чтобы удивить свою девушку верстальщицу.
В верстальщицкой сфере наконец хоть что-то происходит! И я даже не про свой первый пост за полгода! О забавной ситуации с браузерами на базе webkit и всеми остальными.
На правах рекламы и все такое. По стечению обстоятельств я проведу аж 3 мастеркласса в ближайшие пару месяцев, потому если кому-то интересно послушать про верстку в моем исполнении и попить со мной пива, буду рад :) Они повторяют прошлогодний с небольшими апдейтами. А еще! В Киеве Web Standards Days! Подробности под катом.
Мы с genn не выдержали и сделали свою версию для этой галереи.
Вдохновились вместе с genn.org и за сутки сделали полноценную читалку для айфона, андроида, и всех кто поддерживает html5 чуть лучше утюга. О дизайне читайте в блоге у Гены, остальное у меня здесь и сейчас. Все очень просто.
Опять совершенно случайно съездил на другой конец планеты, впечатления и фото. (осторожно, много фото)
Много событий за одну неделю, несколько фото и впечатлений.
Незаслуженно непопулярный трюк. Я уже писал про display:table. Так вот, это — лучше. P.S.: оказалось трюк таки известен многим, надеюсь кому-то статья поможет.
небольшой отчет о конференции и интересных докладах
Я показывал ее на недавнем Openwebcamp. Презентация на CSS3 и HTML5 без джаваскрипта. Как надо работает только в Safari и Хроме, но вы уже привыкли, да?
Мне была оказана большая честь.
Был рад возможности работать с командой настоящих профи над таким проектом!Короткие впечатления и фотки с мероприятия. Плюс описание моей презентации.
10 апреля в Киеве состоится мой мастер-класс по вёрстке.
Сегодня запустили слайсы на kremlin.ru. Небольшой рассказ чтобы упростить внедрение в будущем.
Вернулся из Минска с первого мероприятия Web Standards Days. Впечатления и отрывки докладов.
Я занимался сексом с webkit-transition, результат можно увидеть тут, да и тут впрочем тоже, а вот что придумал Genn узнав об этом (примеры работают пока только в Хроме и Сафари).
Последнее время так надоело вставлять свои шрифты на странички, что я решил написать об этом пост. Аккумулированный опыт и последние новости.
Я тут случайно съездил на другой конец планеты, и решил поделиться своими впечатлениями и фото.
Это было так просто, что я не удержался. Новые таги такие миленькие! ;-)
Не самая критичная фича, но весьма специфическая в реализации.
Это те самые, странно разворачивающиеся и очень редко нужные менюшки. ;)
День удался. Ездил в Москву послушать крымчан, и не только. Фотки и впечатления.
Самое интересное опубликованное в этом блоге за год.
побывал на конференции посвященной клиентским технологиям. Фотки, презентации, полезное.
ИЕ воспринимает z-index не совсем так, как все остальные браузеры. Это поведение настолько часто встречается в моей жизни, что я решил о нём написать целый пост.
Познакомился с человеком придумавшим название для моего блога. Буквы, картинки, видео. Еще он придумал Acid2 и CSS.
Это так мило и забавно, и связано со старыми добрыми временами, когда нужно было верстать под IE5.
Мало кто знает, но они действительно существуют.
Не мог пройти мимо этого события. Несколько впечатлений. И пара фоток.
Пожалуй, самое редкоиспользуемое CSS-свойство, из вообще используемых. Особенно удивительно при этом, что все броузеры его поддерживают. Еще удивительнее, что от него есть реальная польза.
несколько вещей, которые восхитили меня за последний год. И продолжают восхищать.
Это когда блоки подстраиваются под ваш размер экрана изменяя ширину и положение. Звучит сложно, выглядит естественно. Далее несколько вариантов.
По-другому и правда не назовешь. Ах, эта обманчивая внешняя простота:
Всё красиво
О том как это сделать меня спросили 2 раза за последние 3 дня, потому... Простой приём, вряд ли это будет полезно опытным кодерам, но наверняка принесет кому-то пользу.
Выступали в g-club, замечательной инициативе от компании GlobalLogic. Я рассказывал о вёрстке и микроформатах, Гена забавно и увлекательно о том как делать сайты.
Некоторые мысли математика родившиеся когда стало совсем плохо. И возникли вопросы, вроде: "а зачем дальше-то жить?". А я знаю зачем, akella.
Пару подсмотренных интересных способов и вариант, который обычно использую я.
Мой блог стал пропадать из гугла, причиной оказался практически незаметный эксплойт для Wordpress. О том как узнать о нем, и избавиться от него, этот пост.
Поучаствовал в жюри журналистского конкурса. В процессе пришлось прочесть несколько десятков статей о мобильном интернете. Чтобы полученная информация не пропала зря, публикую подборку интересных приобретенных знаний. А так же веб-разработческие советы по теме.
Принимаю всеобщее увлечение рекомендациями по вёрстке. Мои 5 советов верстальщику. Не тайные манускрипты, а всего лишь простые советы :)
Как прочитать Большую советскую энциклопедию и потерять девственность? Как завести щенка спаниеля с такими милыми большими глазами и высыпаться? Как выпить 10 литров Гинесса и не умереть? Как синтезировать золото из свинца? Об этом и многом другом я не буду рассказывать в этом посте.
Мой отчет о конференции. Слушали людей из Facebook, Internet Exporer 8, и многих других. На конференции было около полутора тысяч человек. Много фото.
По старой традиции, 9 апреля, празднуем CSS Naked Day. Отключаем CSS на сайтах. Пусть все видят какие мы "внутри". ;)
Пафосное название для моего обычного стандартного print.css который я всюду инклюдю.
нигде не увидев информации о событии, решил известить всех о нем сам.
UA WEB 2008 состоялся! =) Всякое забавное и результаты.
Настоящие верстальщики должны слегка поморщиться вспомнив об этом баге.
Первая конференция украинских веб-разработчиков возвращается!
ассорти из советов для фрилансеров-верстальщиков от одного из лучших воинов этой планеты.
5 штук на моём компьютере без которых не мыслимо его использование. Получил эстафету от Сагалаева.
Почти случайно оказался на интереснейшем мероприятии организованном московской и киевской перловыми группами. И в частности Андреем Шитовым.
на блоге столкнулся с новым видом спама, раздумываю как победить
отчет о неконференции блоггеров в Латвии
отличные советы по эффективному управлению временем от Кейт Робинсон
Конференция из-за которой меня занесло в Прагу. Что там было, и как это может повлиять на нашу жизнь.
Посчастливилось первым побывать на тренинге замечательного талантливого дизайнера и просто классного парня =) Небольшой фото-отчет, и основные мысли.
Занесло меня в Прагу, немного фоток и впечатления.
Как часто вы тратите часы чтобы понять почему же эта эта вредная навигация сползла? Этот способ позволяет найти причину практически не думая за 5 минут. Наверное почти все пользовались этим методом поиска багов в вёрстке.
На пирсе не снег — замёрзшее море. Я не знаю что в этом фото особенного, но...
Традиция, которой уже два года. Самые полезные и интересные статьи на этом блоге за ушедший год.
Несколько идей помогающих мне верстать быстрее и приятнее.
Мои(и не только) мысли о микроформатах. А так же нескольно примеров проектов, в которых я применял микроформаты.
Устоявшийся софт, впечатления от работы и прочие мысли из-за этой стороны баррикад.
Все уже часто сталкивались с специфическими для IE expressions, однако не все знают (я например не знал), что их можно оптимизировать. Об одном из приемов и пойдет дальше речь.
Простая модель, которую я придумал, чтобы показать что все люди гениальны. Без исключений. Это не про CSS.
Несколько способов реализации min-height для всех броузеров. Короткий обобщающий пост. Надеюсь все оценили как я изящно избежал цифры в названии поста?=)
Несмотря на экзотичность такого фильтра, он мне понадобился уже на двух проектах. Это, ясное дело, из-за того что у меня мак, и мне не все равно. Короткий грязный(невалидный и не future proof) но работающий здесь и сейчас хак для Safari 2-3.
ClientSide 2007 удался на славу! Конференция прошла просто мегагладко, куча интересных вдохновляющих докладов, множество живого общения и целая гора полезной информации. Подумать только, успел поговорить с людьми ответственными за верстку Лепра, Хабрахабра, Dirty, ЖЖ, Yandex и его сервисов... И все эти люди веб-стандартисты!
Эйчтиэмэл, эксэмэлнэс, равно Эйчтитипи и куча символов в кавычках. Хэд, мета, тайтл, линк и вот оно — Начало боди. Все пока отлично. Потом контент, где спанов хоровод Танцует в круге дивов и в костюмах стилей. Таблицы видишь? Их разыгран лот! Тут много классов и айди — мы победили! Феерия внезапно подошла к концу: Налево скобка, слеш и закрываем боди. Закрытие эйчтиэмэл — отсыл к отцу. Прочитан сайт от корки и до корки, вроде…© Genn Просто не удержался! =) Вдохновение началось со второй строки HTML моего блога,
Время от времени меня просят оценить качество той или иной свёрстанной страницы, да и сам я когда серфлю часто быстро проверяю - насколько профессионально была создана страничка. За всё это время сформировался ряд довольно стандартных критериев, коими делюсь.
В Киеве 13-14 октября состоялся первый украинский Blogcamp. Получилось действительно клёво! =) Несколько фоток и воспоминаний.
Мне оказали честь выступить на конференции организованной компанией Microsoft. Немного о том, что было на конференции и о том, что делал там я.
Уважаемые колеги! Мы приняли решение перенести первую конференцию украинских веб-разработчиков UA Web с октября 2007 на март 2008 года. Единственная причина - желание сделать свою работу хорошо. Мало загореться идей, энтузиазм это здорово, но одного его недостаточно. Нужна еще профессиональная работа и именно на то, чтобы выполнить ее в полном объеме, времени не хватает. Все достигнутые договоренности в силе; все деньги, уже уплаченные за участие в конференции будут по желанию плативших либо возвращены в полном объеме, либо перенесены на март 2008 года. Спасибо за поддержку! С уважением, команда UA Web Юрий Артюх, Евгений Некоз, Павел Рогожин и Олег Бунин http://uaweb.in.ua/,
Относительно часто встречаются макеты центрированные по горизонтали, но с уходящими влево и вправо разнымы фоновыми картинками, примерно так. Делюсь своим способом решения этой задачи.
Вчера побывал на семинаре с Ратмиром Тимашевым. Некоторые отрывочные запомнившиеся мысли и немного фоток...
Мои первые впечатления о маке.
Короткий отчет о том что было и о чем говорилось на встрече.
Свершилось. На одну материальную мечту меньше. :) Мой первый настольный ПК. (формула из тайтла поста - работает, проверено) Открывать страшно.,
Собираем докладчиков на новую украинскую конференцию посвященную интернет технологиям!
Много копий сломано на ниве вертикального выравнивания без таблиц. Однако недавно я узнал о еще одном более простом способе. Этот пост, перевод статьи уважаемого мною Gunlaug о вертикальном выравнивании без дополнительного HTML и с помощью правда другого зла. Оригинальная статья: fully centered across browser-land…
Наконец а москве состоялась первая конференция веб профессионалов - РИТ-2007. Короткий(и запоздалый) отчет о ней и второй встрече WSG.
Я всегда знал два подхода к печатным версиям: старого типа - ставим ссылку "печатная версия", пользователь переходит на новую страницу и видит печатную версию этой же страницы, и новый: добавляем css media="print", и только знающие люди могут нажать Print Preview или догадаться распечатать эту страницу. Вот и пришла маленькая идея комбинации лучших сторон этих двух подходов.
Так уж сложились обстоятельства, что я стал участником этой конференции в Лондоне. Проходила она Marriot Hotel, симпатичной гостинице недалеко от Гайд парка . Впечатлений осталась масса, гуси, красные автобусы, ноутбуки на полу. (лучше поздний отчет чем никакого =))
Недавно пришла в голову простая идея эмуляции колонок одинаковой высоты без использования фонового рисунка. Метод этот подходит только для случаев, когда между колонками разделитель, а фоном колонки не выделяются. Однако из-за своей простоты заслуживает внимания. Смотреть пример.
Несколько вещей удививших меня в Лондоне:
Некоторые посты с этого блога за последний год. Самое полезное и интересное, что по моему мнению писалось в 2006ом. С наступающими всех! :) Буду краток. Пусть Вас настигнет счастье!
Недавно я и некоторые из моих знакомых напоролись на интересный неочевидный глюк связанный с употреблением русских комментариев в CSS. Суть глюка и пример ниже. Сразу резюме: лучше не используйте комментарии с кириллицей в CSS.
Больше чем два года назад(ужас) реализовывал свою идею меню, когда определенные пункты отображаются "впереди" всех остальных. Сейчас пришлось использовать идею повторно. Вот это меню в oldschool дизайне:
Довольно часто на практике встречаются меню с разделителями - например: О том как сделать такое меню с минимумом правильного HTML кода и пойдет дальше речь.
Наконец-то состоялась первая встреча русских веб-стандартистов в Москве. Надеюсь это станет традицией :). Далее небольшой отчет.
Разумеется я имею ввиду изменяемые в ИЕ(6-) шрифты, поскольку во всех остальных броузерах они и так легко изменяемы. Задавать шрифты в пикселах - нехорошо по отношению к юзерам. Можно и нужно задавать их в других относительных единицах. Тут я расскажу скорее не о каком то оригинальнои приеме, а просто об общем подходе для создания страничек с резиновыми шрифтами для ИЕ. Заметка(запоздалая) вызвана двумя постами на pepelsbey.net и mauzon.com и желанием поделиться своим простым подходом, вдруг кому то поможет.
Для меня такое правило в CSS еще недавно было удивительным, хотя может просто не было задач для него подходящих. Тем не менее, совсем недавно оно помогло решить одну не совсем тривиальную задачу. Проблема и решение...
Я еще не умер. Но жизнь полна забот, а потому я взял перерыв. Это не оправдание - но на неуверенную отмазку тянет :). Во-первых я стал магистром математики, с отличием. Чему я несказанно рад. Наконец-то 6 лет учебы позади и вроде как началось... что-то. А вот что, я придумаю только после отпуска который я взял, и который во-вторых :). Далее следуют несколько фотографий с Тарханкута. (это крайний западный мыс Крыма, 100км от Евпатории). Я уже писал об этом - пост "Тарханкут". Фотки, что называется "под катом". Надеюсь читатели отнесутся с пониманием к такому большому перерыву на блоге, не каждый день вручают такие дипломы.
Наверное одна из первых статей про CSS, которая меня захватила, была "Раздвижные двери CSS" (и вторая часть)(оригинал). Мне понравилось, что для решения некоторых проблем верстки порой нужно хоть и чуть-чуть, но нестандартно мыслить. В результате эта идея(раздвижных дверей) несколько раз сэкономила мне время. Вот пара применений, из которых Вы, я надеюсь, уловите идею и может быть она кому то поможет. И хотя многие наверняка знакомы с ней, тем не менее...
В моей CSSной жизни затишье, потому напишу хоть об изобретении, которое родилось у нас в офисе, и надеюсь, не убьет вашу работу. Чтобы ваши RSS ридеры не расслаблялись =).
Праздную :). Сегодня работаем без стилей... Проверка на семантику кода ;) Как по мне замечательная идея. На официальной страничке я под именем akella. Как вам идея? А обесстиленная версия? ;),
Недавно пришлось делать графики для процентных соотношений политических партий. Вышли довольно забавные варианты - делюсь. Наверно все же и у меня есть читательницы. Всех их поздравляю с наступающим!!! :)
Обзор некоторых способов замены текста картинками.
Довольно часто применяю этот простой прием, но еще о нем не рассказывал. Суть - при наведении мыши на определнный текст появляется краткое пояснение или расширенная информация рядом с текстом. Вот пример(и пример для оперы - оговорка одна - тултипы не должны перекрывать другие "тултипные" ссылки).
Конечно все знают кучу всевозможных хаков для ИЕ, и * html и _height:0. Но порой этих хаков становится слишком много и разумнее их все впихнуть в отдельный CSS файл. О том как я это делаю я и написал.
Всех с наступающим! :) Некоторые статьи с этого блога, которые вы могли пропустить из-за их "старости". Вобщем, просто подборка не самых плохих моих материалов 2005 года.
Прошу любить и жаловать: "Высаженный заец и инфернальный кот" - так я их решил назвать :) простите за качество - через мутное стекло фотал... Рекомендации по смене названия принимаются...,
Перевожу заметку с которой я начал свое знакомство с аяксом. Находится на сайте Rasmus'a - Rasmus' 30 second AJAX Tutorial. Мой вольный перевод.
Мне кажется не лишним будет поделиться несколькими, для бывалых кодеров конечно очевидными, методами. Немало об этом написано - но никогда не лишне навести порядок в голове. Разумеется все без таблиц.
Люблю я море. В любом - даже таком грустном виде. ,
Ни для кого не секрет что у интернет эксплорера полным полно разнообразных багов в поддержке CSS. Тот кто немного успел поверстать поймет - что часто большая часть времени уходит именно на их решение(а то и поиск), а не на саму верстку. Жаловаться на ИЕ и опускать руки тут бесполезно - он пока остается самым популярным броузером. Часто меня спасали эти несколько простых приемов.
Переехал. Хостинг стал напрягать своими проблемами. Надеюсь здесь будет намного уютнее :). Кроме того тот хостинг грешил медлительностью для неукраинцев - узкий канал. Тут вроде ровнее. (Менять айпишник на cssing.iatp.org.ua мне "типа" отказали.) Для переезда использовал мод_реврайт, надеюсь это окажется кому-то полезным.
Первый раз в жизни был на подобном мероприятии. После него проникся желанием посетить нечто подобное по вебразработке(или даже вебстандартам) вообще. Ухх как было бы интересно :). Семинар "поисковая оптимизация" Небольшой отчет. Заметьте как все подпирают головы - что-то профессиональное...
Честно говоря, порядком надоели все эти споры, таблицы против ДИВов, дивы против таблиц и т п. Кто "круче". Как правило они все сводятся к конкретным примерам. Так называемые "табличники" кидают в бестабличников пример — мол, "а слабо такое без таблиц?". Те("бестабличники") предлагают или решение или разводят руками о невозможности(что бывает редко). Потом "враги" выдумывают новую задачку, или кидают новые примеры ненужности или несостоятельности такой верстки и наоборот. Пока всем не надоест. Печально, что все уже давным давно забыли зачем это все было надо. Мое видение этого вопроса совпадает(какое совпадение ;)) с мнением Дага Баумана. Немного украду с его выступления + мои мысли....
Долго не писал в блог - очень мало времени - потом понял, что все время искал нечто глобальное и большое. Теперь стратегию решил изменить, буду теперь писать чаще и мельчее. ) Маленький трик с посещенными ссылками для "хороших" броузеров. Update: дал маху - об этом уже написали Посещенные ссылки. Visited links - на Юмэйд. Ничего не воровал - просто дал маху :(.
Ну что сказать - надо чаще встречаться. Рассказывать ниче не буду - дабы создать интригу для последующих встреч. Но было интересно:). (кто бы сомневался) нас было 5ро, список, не считая меня:
Фотки каминг сун.,Сбылась одна из глупых мечт :) (tnx to Gaadi ;))... (Звыняйте шо поверх - дубарь тут однако...) Кому надо - брал тут. Вроде еще остались ;)...,
Отдам в хорошие руки карточки укр.нет на диалап доступ :) С коллбэк. Акция действительна до воскресенья.
В последней верстке столкнулся с проблемой - такой себе маленкий challenge со стилями для input...
Структурирую свою информацию - несколько способов избежания страшненьких джаваскриптов делающих прелоад картинок.
Выдались скучные выходные... Вспомнил своё старое хобби. Вобщем без лишних фраз - беcтабличная переделка webplanet.ru
Вчера, наконец, состоялась Первая Встреча Украинских Блоггеров. :) Были такие личности: Aph1na, Atlantis, Silver, WMas ну и я понятно... Люди собрались настолько же интересные как и очень разные. Встреча вышла однозначно хорошей, хотя сказать успели явно не всё. Впечатления остались только приятные :) Делать такие встречи стоит. Отчеты(список будет пополняться):
,ДваТри способа как это можно сделать в ИЕ...
Когда времени становится все меньше, с удивлением можно обнаружить, что толком ничего за день не успеваешь. Вот для этих случаев и придумывают теории по управления временем. Простой прием, который я позаимствовал, помог мне справиться с этой проблемой...
На горизонте, как тучи, собирается работа... Решил не ждать - а начать готовиться. Подготовил серию XHTML заготовок.
Сегодня прошел ровно год с первой индексации сайта(cssing) Гуглом. Я не фанат гугла, просто настоящую годовщину 21 июля я проспал :). Ровно год я веду свой блог. Небольшие итоги.
Почти год назад я написал заметку с подобным названием Где русский дизайн css Zen Garden? К ней было довольно много, как по мне, откликов, даже с обещаниями доделать. А воз и ныне там.:(если вы дизайнер, который уже какое-то время использует css, то где же ваш “zen garden”-дизайн? ждемс…
сказал Дейв Ши,
перевел Андрей Смирнов
Излагаю простой приемчик. Позволяет немного облегчить жизнь беднягам на диалапе и медленных линиях. Прием касается очередности загрузки баннеров и контента (или чего-то там за чем мы пришли на сайт)
Сегодня еще один посещаемый украинский сайт (а именно 3ий в Украине) и самый популярный новостной ресурс - Украинская Правда перешел на вебстандарты.
Продолжаю традицию обзывать посты экзотическими(для меня) CSS свойствами. Описываю свои трудности с реализацией вертикального выравнивания по центру. Update: рекомендую так же ознакомиться с новым методом вертикального выравнивания
До недавнего времени считал это свойство практически бесполезным. Подходящим лишь для игр с CSS в топ-броузерах. А на самом деле это свойство решило проблему нерешаемую практически никаким другим способом.
Прочитав пост на coda.coza, по адресу http://coda.co.za/archive/20050616/17:11:16 , просто не могу удержаться и не "перевести" к себе. (никак не успеваю за своим RSS-ридером...:(). Перепись почти всех layout-техник для построения шаблонов страниц...
Сегодня слушал выступление Дага Баумана на Reboot 7.0. До этого разумеется ни разу ничего подобного не слышал. Кому интересно - можно закачать отсюда, А для особо ленивых ссылка на файл с выступления (49.2Mb, 46 минут .mp4(Quicktime), но оно того стоит). Небольшое ревью...
Вышел в свет профессиональный графический редактор уровня Photoshop & Fireworks. M$ явно пытается втиснуться в этот рынок, на котором она пока вообще не была представлена. Первое впечатление и скрины пока еще беты прилагаются.
Я уже юзаю Wordpress скоро как год. И за все это время администраторский интерфейс не менялся вообще, разве что расширялся, поэтому скины на админку WP это просто спасение. Оффтоп: все еще ищу киевского PHP программера.
Оффтоп: я еще жив. :) Оффтоп 2: PHP программерам смотреть конец поста... Когда долго писал слoжные по логике стили иногда начинал путаться в каскадах. Какое правило над каким имеет приоритет? Не всегда был уверен...
Купил себе недавно мп3 плеер. Делюсь своими впечатлениями от моего iRiver IFP 899.
Update: они признали свою небольшую оплошность, поэтому штурм серваков (спасибо Денни за идею) отменяется.
Когда CSS файлы разрастаются на более чем 10 килобайт, встает проблема как их структуризировать. Наверняка все её для себя уже решили. Делюсь своим решением и еще парой подсмотренных.
На днях открыл америку. Уже давно всем известно(ведь известно же?) как можно серфить по инету через handheld, то есть мобилы и КПК. Однако свой телефон я к категории этой никак не причислял. И вот на днях "по приколу" зашел на свой CSSing. Приятному удивлению не было границ. :)
Иногда на больших сайтах размер CSS файла вырастает до 20 килобайт и больше. Несмотря на то что он кэшируется, есть способ все же сжать сам файл. Этот пост практически перевод статьи "The Definitive Post on Gzipping your CSS" написанной Mike Papageorge.
Делюсь своим недавним простым, но все же полезным решением проблемы подсветки навигации, типа "я тут". По крайней мере вкупе с этим строить сайты на базе Wordpress, именно сайты, а не блоги, может оказатсья проще. Вобщем ближе к делу.
Делюсь своими каждодневными програмками. У каждого есть какой-то устоявшийся инструментарий. Свой я почерпнул из подобной заметки на чужом блоге. Поэтому возвращаю долг. ;)
Временно блог будет только ввиде дневника и без свежих ссылок. Перехожу на wordpress-1.5... Для меня он особенно болезненный потому как моя предыдущая версия была оооочень стара... :( Можно сказать второе рождение блога.,
Решил описать некоторые глюки попавшиеся при разработке сайта укр.нет. Быть может кому то окажутся полезными. По крайней мере, мне - точно. :) Вобщем смотрите по заголовкам - что интересует...
Не по теме: Эхх... Хостинг упал на целых два дня... :( Сорри всем кто пытался. Недавно меня уличили в том что страничка UkrNet не то что не удовлетворяет стандарту XHTML. А самым грубейшим образом его нарушает. И вообще немедленно должна быть отредактирована. Первая мысль была "хм?!" - валидатор говорит ок!, и наличествует грубая ошибка.
Так долго не доходили руки до блога. Но оно того стоило. Итак ukr.net. Один из первых сайтов на постсоветском пространстве отредизайненых в стандартах. Можно сказать работа Мафии. ;) В моём скромном лице.
Очень мне нравится идея так называемых "Pull Quote". На русском просто цитата или врезка. Что это такое вы можете посмотреть например на сайте http://www.melos.com.ua/ . Это те серые цитаты слева. Вот и решил посвятить им пост.
Перед новым годом сделал халтурку. Надо было облагородить сайт одной фирмы. Ну и мой друг свалил это на меня. Вобщем после дня работы родился сайт. (www.melos.com.ua) "Дизайн" весь мой, не считая верхней картинки, которую "клиент" решил изменить "под себя". :). Может дизайн там и не ахти, зато код - песня. :) Вот такой я маньяк кодер. Кому не лень можете высказать мнение... А я пошел сдавать сессию.,
Наконец то закончилась наша революция. По результатам ЦВК на этот момент посчитано 99.91% голосов За Ющенко - 52.01 За Януковича - 44.18 Я считаю что справедливость восторжествовала. Хотя до последнего момента в это не верилось.
Давненько уже на ALA была статья про "Полосатые таблицы". Решил поделиться маленькой хитростью которую подсмотрел там же в обсуждении статьи.
Немного оклемался от революции и на глаза попалась классная штука. Еще одну великолепную идею подарил нам Данстан Орчард(уточнение). Если вы еще не знаете попробуйте поискать на его сайте чего-нибудь.(Enter не нажимать!)
Украина. Киев. Майдан. Я там. Со мной народ.
Сейчас я уже не телом, но сердцем.(всем сердцем) (Update: а теперь уже и телом) :)
Я горд за свой народ. Горд за себя. Украина победит.
Все кто на Майдане: я с вами ребята.
Кто поддерживает меня, просто оставьте слово ТАК! в комменты.
2008.11.13: Мои взгляды немного трансформировались, и чтобы не вводить будущие поколения в заблуждение своей романтической верой, я перечеркнул этот текст. Кому интересно, я правда верил, и буду верить, но вряд ли это как-то связано с оранжевыми или синими, и политикой вообще, скорее с надеждой, что люди в этой стране когда-то поумнеют. Лет через 50, может быть.
Anyway, я в жизни более тесного единения людей в этой стране не видел.
Чмаки всем кто в чате. =),
Обнаружил на своём сайте интересный глюк. Он уже довольно давно портил жизнь некоторым моим посетителям использовавшим IE 6. Но оказалось не всем!
Ну не могу я спокойно смотреть на плохой код. И несмотря на то что времени сейчас у меня не хватает ни на что, я решил переделать ukr.net. Это второй по посещаемости портал в Украине. Мои друзья имели там ящики, вот он мне и попался на глаза.
Начал было разбираться с TXP. И застопорился на одном моменте. Этот пост вряд ли будет много значить для тех кто не пользовался textpattern'ом
После этого сообщения меня наверно будут считать geek'ом (кто не знает что такое geek, читать тут). Но тем не менее, меня почему то заинтересовал этот вопрос. И я решил сформировать тройку лучших. :)
Последнее время меня стал очень привлекать textpattern. Хотя может быть меня перестал устраивать wordpress. В любом случае решил поделиться впечатлениями.
Столько раз мы ссылаемcя на эту главу американского закона. Но на русском я её еще не видел. Решил перевести. Предлагаю всем заинтересованным помочь в отладке перевода. Лингвист из меня накакой.
Вот опять не знаю что меня подвигло на переделку сайта с таблиц. Но дело уже сделано. Жертвой стал сайт моего универа. http://univ.kiev.ua/ru/.
Да-а такого большого перерыва еще не делал на блоге. Но ведь надо когда-то начинать? Шучу конечно... Вобщем после частичного улаживания своих дел я опять в строю, а значит буду пытаться найти что-нить интересное и изложить. Или по крайней мере редизайниться каждый месяц.
Как то в последнее время я зачастил описывать известные техники в веб-разработке. Логичным продолжением стал и этот пост. Кому то может пригодится игры с атрибутом title
для ссылок (и не только). Здесь можно ознакомиться с оригинальной статьей.
Важная штука, эта критика. Как то раньше я особо не задумывался об этом. Пока не прочитал вот эту статью. Как всегда после прочтения умной статьи я почувствовал себя дураком.
Поскольку главным элементом страницы я считаю текст, то мне всегда было интересно как "продвинутые дизайнеры" решают для себя этот вопрос. Поэтому ранее я уже изучил заголовки на сайте www.cameronmoll.com, можете почитать об этом здесь. На очереди новая техника, теперь в борьбу с отображением шрифтов вступает... Flash.
После недавних статей Liquid Bleach и Sliding Faux Columns захотелось это как то обобщить что ли, вобщем говоря изложить на русском. Разумеется ни в коей мере не предендуя на оригинальную идею. К тому же я не нашел перевода статьи Faux Columns (Dan Cederholm) (может плохо искал?). Вот об этой простой технике и о её не менее простом продолжении и пойдет речь.
Designing With Web Standards
Именно так один из моих друзей отреагировал на книгу Зельдмана «Designing With Web Standards». Наконец-то она ко мне попала. Сколько всего я про неё слышал читал. Несметное количество всяческих ревью и тому подобных. Да что там греха таить, читал на Амазоне пробные главы. Это наверно одна из самых известных книг в кругах "стандартных" вебдизайнеров. Вот мои первые впечатления о ней.Какое-то время назад мне очень понравились две статьи. Одну написал Dan Cederholm, называлась она "Accessible Image-Tab Rollovers", а вторую Didier Hilhorst и называлась она "Navigation Matrix" (и продолжение "Navigation Matrix Reloaded"). Обе статьи посвящены построению навигации на базе картинок.
Решил отдохнуть от содержательных сообщений на блоге. Если вы искали тут что-то полезное, этот пост не для вас. Мыс Тарханкут — это западная точка Крыма. Обычно я там провожу каждое лето. Но не в этот раз. И на то были объективные причины. Так что этим летом мне осталось только наслаждаться фотографиями счастливчиков туда попавших. Теперь вы узнаете, что такое Тарханкут. Хотя бы приблизительно. Если описывать его в трех словах. То получилось бы так. Море. Скалы. Степь.
Интереснейшее свойство нашел. Все наверняка имели дело с обычным overflow
, ну или хотя бы слышали. Overflow определяет, что должно происходить с содержимым блока если оно переполняет его. То есть выходит за пределы этого блока. Точно так же text-overflow
указывает, что произойдет с текстом, когда он переполнит место ему отведенное.
если вы дизайнер, который уже какое-то время использует css, то где же ваш “zen garden”-дизайн? ждемс… сказал Дейв Ши, перевод id-asТе кто не знает, что такое CSSZenGarden, сходите сюда. Вы увидите список ссылок с именами авторов. Это и есть CSSZenGarden.
Роботы (их еще называют спайдерами) — минипрограмки, которые путешествуют по инету и индексируют наши странички, то есть дают знать поисковикам, что на них есть. И потом мы можем приносить пользу людям, которые что-то ищут. Даже на моём "молодом" блоге большая часть так называемых referrer'ов (мест где есть на меня ссылка) это поиски через Google. А на больших блогах их еще больше. О поисковых роботах знают многие, и все рады когда они приходят. Но почему-то мало кто помогает им. Да и вообще на половине сайтов их игнорируют и не знают что можно управлять ими.
На карте Multimap можно было смотреть информацию об отелях, ресторанах и тому подобном просто по географическому положению. Все очень просто, увеличиваем, и нам показывают расстояния до аэропортов, погоду и прочее для указанного района. Однако теперь там появилась категория блогов. Если вы блоггер, разве никогда вы не мечтали путешествуя в сети сразу узнавать откуда люди которые пишут блоги? Это как раз тот случай. Причем нанесение на карту мира на этом сайте бесплатное.
Натолкнулся на две замечательные програмки, которые я думаю будет полезно иметь всем связанным с вебграфикой. Обе заметно облегчают трафик. Лично я предпочитаю чаще использовать PNG вместо GIF. Так вот для меня эти програмки оказались открытием. Обе делают одно и тоже, но немного разными способами. И кстати немного соревнуются между собой.
Заголовки, какие бы они ни были, всегда бросаются в глаза первыми.
Когда-нибудь надо было отладить простенький скрипт или протестировать сайт? И ради этого приходиться ставить апач мускул и т. д. ...Даже если делал это много раз могут возникнуть задержки. А если делаешь это второй или первый раз? Что и говорить, всяческих tutorial'ов по этому поводу море. Но. Слава богу есть умные и бескорыстные люди. Угадайте откуда... Последнее на mezzoblue.com и возвращение к программированию на PHP натолкнули меня на этот пост.
Приятно все-таки, когда на тебя обращают внимание. Это заставляет думать быстрее, делать лучше. Это хорошо в любом случае и для всех...Я не исключение. И хотя сообщение застало меня в отпуске, это дало стимул поститься чаще и лучше (см.выше :))
Designing Data Part 2: Adding Style
автор: 2004.06.13 © Jonathan Snook
перевод: 2004.08.04 Юрий Артюх
Цель этой статьи из двух частей(первая и вторая) показать как можно создавать XHTML таблицы и эффективно использовать для них CSS.
Во второй части мы применим стили к структуре документа который мы создали в первой части.
Designing Data Part 1: Table structure
автор: 2004.06.08 © Jonathan Snook
перевод: 2004.08.02 Юрий Артюх
Цель этой статьи из двух частей(первая и вторая) показать как можно создавать XHTML таблицы и эффективно использовать для них CSS.
В процессе написания стилей для этой страницы у меня возникла проблема ( с кем бы вы думали?) с IE 5.0.Я надеюсь тот простой выход что я нашел принесет кому то пользу...
Хоть я и не дизайнер, но творческие муки мне не чужды. Очень понравилось видение этих мук с точки зрения успешного дизайнера. Просто интересно почитать как пишет об этом Didier Hilhorst Рекомендую,Хоть я и не дизайнер, но творческие муки мне не чужды. Очень понравилось видение этих мук с точки зрения успешного дизайнера. Просто интересно почитать как пишет об этом Didier Hilhorst Рекомендую
Случайно набрел на визуальное исполнение которое меня поразило. Там еще и Гагарина цитируют.Коряво, но все равно приятно... Советую посмотреть, почитать...,Случайно набрел на визуальное исполнение которое меня поразило. Там еще и Гагарина цитируют.Коряво, но все равно приятно... Советую посмотреть, почитать...
Просто для интереса я решил хоть один раз посмотреть насколько сокращается код страницы при переходе с таблиц на сугубо CSS+XHTML верстку.Жертвой стала страница Висныка Державных закупивель...
Привет мир!Пока это место в сети не примечательно абсолютно ничем ( ну разве что тем что я тут обосновался). Но надеюсь некоторые найдут тут скоро что-то полезное для себя.