1. Веб-приложение для IPhone
    Если однажды дизайнер принесет вам на блюдечке невероятно красивый, сияющий, округлый web-application для IPhone, эта шпаргалка и google помогут вам не ударить в грязь лицом.

    Доки и готовые решения

    1. iphone-universal — Normalized CSS & HTML framework to develop iPhone webdev applications — на самом деле, это во-первых и в единственных — там есть абсолютно все. Можно как использовать библиотеку, так и просто посматривать туда. Но я все-таки перечислю ключевые моменты для удобства.
    2. Safari CSS Reference — все поддерживаемые webkit свойства (под каждым указано, какая версия движка поддерживает, в том числе, и движка айфона).
    3. CSS3.info — CSS3 в примерах. Thanks to David Storey.
    4. CSS3 на W3C — драфт спецификации css3, если уж совсем невмоготу.

    Свойства и методы, на которые стоит обратить внимание

    1. <meta name=”viewport” content=”width=320, initial-scale=1.0, maximum-scale=1.0, user-scalable=0″/> — задает стандартную ширину экрана и запрещает увеличивать и растягивать сайт (для веб-приложений это обычно необходимо, в отличие от простых сайтов).
    2. размер шрифтов — в пикселах; и — ура! — мы можем использовать очень красивые шрифты типа Helvetica (посмотреть полный список поддерживаемых шрифтов).
    3. -webkit-box-shadow — создает тень у блока (полное описание свойств, о которых я буду говорить, есть в Safari CSS Reference; не вижу смысла устраивать здесь сеанс копипастинга).
    4. -webkit-border-radius — скругляет уголки блоку.
    5. -webkit-background-size — позволяет растягивать бэкграунд, например, качественно растягивает сложные градиенты.
    6. text-shadow — почему-то дизайнеры любят тексты с тенюшечками; порадуем их.
    7. background:url(/i/iphone/1.png) repeat-x, url(/i/iphone/1.png) 3px 0 no-repeat; — а это пример multiple background.
    8. помним про псевдоселекторы (псевдоклассы) :last-child, :hth-child(), :after и прочие — не плодим лишних сущностей в html.
    9. color:rgba(0,0,0,.80); — задание цвета с альфа-каналом для прозрачности. Работает по всех свойствах, где есть цвет — background, text-shadow и т.п.
    10. ну и суперхак — чтобы полностью спрятать поле ввода, традиционно надо убрать ему border и background, однако айфон все равно отрисовывает полю внутреннюю тень, даже при background:none. Лечится это следующим правилом: background:url(about:blank);

    Как показала моя личная практика, этих свойств вполне достаточно, чтобы реализовать все то сияние, которое намечтал себе дизайнер. Кстати, я использовала в этой верстке reset.css, было и удобно, и обошлось без неожиданностей, так что можете использовать тоже.

    С благодарностью Вадиму Макееву, который помогал разбираться в этом мне.

  2. Когда-то я случайно обнаружила, что такие замечательные методы селф-клиаринга как width:100% (для IE) или overflow:hidden, будучи применены к нумерованному списку OL в IE7 и IE6 сбрасывают нумерацию: каждый элемент списка у нас получается под номером 1. Полюбуйтесь сами.

    Ну, обнаружила и забыла. А сегодня опять наткнулась на этот идиотский баг и решила все-таки описать находку. Находка печальна — ведь теперь либо придётся обходиться без флотов внутри нумерованного списка, либо клиарить точкой для нормальных браузеров и использовать zoom:1 для IE6.

    Upd. Михаил Баранов сообщает нам, что это касается в принципе любого свойства, включающего hasLayout. Можно было догадаться. Что такое hasLayout.

    Upd. 2 Panya сообщает нам решение проблемы: display:list-item для LI, и vertical-align:top; им же, чтобы буллит выравнивался по верху. Благодарим!

  3. Обновилось портфолио.

  4. Наступило лето, сезон отпусков, и самое время задуматься, как бы провести время не только с удовольствием, но и с пользой. Получить полезные знания даже на отдыхе вам поможет чтение западных блогов на тему веб-разработки. Читая их регулярно, вы будете впереди планеты всей вместе с маститыми западными разработчиками, и заодно подтянете английский.

    Вот дайджесты и блоги разработчиков, которые есть у меня в фидах:

    Может быть, у вас тоже что-нибудь есть? Кидайте в комменты.

    За этот список выражаю благодарность Вадиму pepelsbey Макееву, в незапамятные времена поделившемуся со мной своим opml-листом :)

  5. Ну вот и меня осалили.

    Итак:

    1. Если вы работаете не в Яндексе, не в Гугле, и вообще не в любом подобного размаха проекте, забейте на IE < 6, Opera < 8, Safari < 3, Firefox < 2. Исключив поддержку данных браузеров, вы упростите свою работу и сократите её время. Тем самым вы будете успевать больше, а код ваш будет лучше. Короче, вашему работодателю понравится. И, да — старые браузеры должны умереть.
    2. Если дизайнер что-то не доделал или не предусмотрел в макете, а вы не чувствуете себя с Фотошопом на ты, не стесняйтесь послать дизайнеру макет на переделку/доделку, и самого дизайнера послать не стесняйтесь тоже, если он вдруг заартачится. Лучше потратьте время на улучшение верстки, чем на попытку кособоко нарисовать недостающую кнопочку, которую заказчик, скорее всего, все равно завернёт.
    3. Если вы евангелист семантической верстки или собираетесь им стать, подумайте хорошенько и выведите логичную концепцию, почему именно вы применяете данную доктрину, и в каких случаях вы готовы от неё отступаться. Четко аргументируйте свою точку зрения. Если у вас нет аргументов, и вы не готовы со спокойной душой отступать от своей идеи, вы фанатик, и в Яндекс вас не возьмут. Зато, возможно, возьмут в W3C.
    4. Учитесь всегда, учитесь везде. Пробуйте все новое в отрасли, читайте блоги по веб-разработке, дискутируйте, спрашивайте, убеждайте. Истина рождается в споре. Взаимодействуйте с сообществом, это поможет вам не отстать от жизни.
    5. Храните все сделанные вами проекты в статическом варианте. Периодически просматривайте свои работы, думайте, что можно было бы сделать лучше, где можно было бы применить новые технологии, ищите ошибки. Если в какой-то момент вы понимаете, что в последних 10 проектах вам нечего улучшить, вы либо Виталий Харисов, либо остали от отрасли. Не дайте себе деградировать!

    Возможно, мои советы покажутся вам фашисткими, но что же делать, да, я фашист.

    Роли исполняли:

    1. Никита Селицкий
    2. Александр Исаков
    3. Юрий Дроздов
    4. Юрий Артюх
    5. Вадим Макеев
    6. Владимир Агафонкин
    7. Денис
    8. Максим Покровский
    9. Павел Корнилов
    10. Виталий Харисов
    11. Марат Таналин
    12. Волотко Дмитрий
    13. webmolot
    14. Александр Макаров
    15. alexilin.ru
    16. Волотко Дмитрий
    17. Павел Ловцевич
    18. Павел Коноплицкий
    19. Владимир
    20. Влад Мержевич
    21. Игорь Морозов