Что меня всегда держало в Windows – так это Photoshop :) Я так привязался к этому монстрику, что переезд на GIMP оказался сущим мучением. С вектором как-то проще, не так уж и часто я что-то рисую, я ни разу не художник и не иллюстратор. Inkscape с успехом заменил CorelDraw. Сложность, как ни странно, не в привычке и не в кошмарном интерфейсе. Фотошоп реально удобен. Японамать, чтобы в Гимпе нарисовать круг, нужно создать выделение, поместить его на отдельный слой, сделать его плавающим и создать заливку или обводку по контуру. В итоге получаем неизменяемый растр. Фааааа, у меня таких примеров накопились десятки (гнев-гнев-гнев).
Около года я постепенно заставлял себя пользоваться исключительно Линуксом для работы, со всеми вытекающими последствиями. Привык к уёбищному dc-клиенту, невероятным тормозам флеша в Фаерфоксе, тормозам прорисовки интерфейса Гнома… Что ж… Я легко меняю привычки. Бриться топором иногда неудобно, но если приловчиться, то очень даже ничего! Но последний круг ада пришёлся на веб-разработку. По ощущениям можно сравнить с переходом от Дримвивера на блокнот с подсветкой. Чувствуешь себя нереально крутым извращенцем :) В общем перепробовав всё, на что хватило времени и желания, я остановился на волшебном наборе инструментов для разработки сайтов в Линуксе. Поэтому если ваш род деятельности пересекается с вебом, вероятно вам будет интересно. Подробнее »
Как оказалось, css-спрайты за бугром — весьма распространённая фишка. А чем мы хуже? :) Мы, правда, далеко не так активно апробируем всяческие инновации. Даже такие полезные. Еле-еле перешли от табличной вёрстки к блочной, и то хорошо. Но планку надо поднимать, поэтому сегодня мы обсудим простую технику, которая изменит ваше представление о применении однотипной графики на сайте.
Спрайты — это несколько небольших картинок, объединённых в один графический файл.
Ну и что?
Задача
Добиться, чтобы поля ввода находились друг под другом, и при этом их положение определялось максимальной длиной заголовка поля слева. Решение не должно использовать таблиц и Javascript.
Как?
На прошлом занятии мы разобрали три прикольные пипки CSS — padding/margin, float и выравнивание. Сегодня разберём ещё 4. Кстати, это не последняя статья из цикла «Осваиваем CSS». Надо ещё разобраться с бэкграундами, спрайтами, тонкостями позиционирования и т.д. и т.п. Так что следите за обновлениями.
На самом деле, я читаю комментарии, так что можете задавать вопросы по этом материалу и корректировать приоритетность написания статей. Если кому-то нужно подробно объяснить, скажем, работу с фоновыми изображениями или если есть вопросы по синтаксису CSS и в целом по вёрстке —спрашивайте, я обязательно отвечу.
Скандалы, интриги, расследования »
В процессе подготовки второй статьи по азам CSS, мне захотелось поделиться с вами часто используемыми приёмами в HTML/CSS-вёрстке.
Когда-то меня вводила в ступор необходимость прилепить футер к нижней границе браузера, или разместить какой-нибудь блок строго по центру экрана. И я думаю, что не один такой :)
Берём к сведению »
Ни для кого не секрет, что таблицами верстают только застрявшие в технологиях 90-х фрики, которые не хотят приложить немного усилий для ознакомления с CSS. Связка XHTML/CSS позволяет творить чудеса, а если добавить ещё и JavaScript — полёт фантазии не ограничен вообще ничем.
Когда я только начинал знакомиться с каскадными таблицами (то бишь с CSS), доводилось самостоятельно, по крупицам собирать необходимые базовые сведения. Специализированные блоги, в основном, рассчитывают на подготовленного верстальщика. Но, что характерно, остаются вопросы, которые уже давно стыдно задавать, но ответы на которые хочется получить. Для таких людей, ну и для того, чтобы систематизировать собственную базу знаний, я подготовил эту статью. А теперь подробнее »
Иногда вы перечитываете публикации в своём блоге (правда ведь?) и замечаете какую-нибудь досадную ошибку. Или хотите добавить некое примечание. Мало ли что ещё… Но зачем для этого заходить в админку WordPress, искать там заголовок с вашим постом и только потом, собственно, редактировать то, что нужно? Есть более удобный способ, а именно — добавить ссылку на редактирование публикации рядом с самой публикацией.
Для этого нам нужно воспользоваться малоизвестной функцией Вордпресса current_user_can(). Она проверяет переданный ей параметр, уровень доступа пользователя. Мы не хотим, чтобы читатели могли редактировать публикацию. Поэтому с помощью передачи уточняющего параметра current_user_can(’level_10‘) мы даём возможность редактирования только администратору блога. После чего используем стандартные функции bloginfo() и the_ID() для генерирования прямой ссылки на редактирование в панели управления.
<?php
if (current_user_can('level_10')){ ?>
<a href="<?php bloginfo('wpurl');?>/wp-admin/edit.php?p=<?php the_ID(); ?>">Редактировать</a>
<?php } ?>
Вставьте эту функцию в тему блога под заголовком поста, или внизу всего поста… или сверху :) Очень удобно.
P.S. Кстати, как лучше обзывать слово «post»? Статья, публикация, запись, новость, пост или ещё как-то?
Сегодня обнаружили серьёзную дыру в безопасности WordPress. Это касается всех версий 2.8.X.
Серьёзность в том, что любой человек, зная необходимый для этого html-запрос, может сбросить пароль администратора в вашем блоге. Если точнее, то ваш пароль могут изменить «с помощью» механизма восстановления паролей, а вы даже уведомление об этом не получите. Чертовски неприятно будет, сами понимаете. Благо решение есть и оно простое.
Найдите файл wp-login.php и перейдите на строку 190:
if (empty($key))
Замените её на такую строку:
if(empty($key) || is_array($key))
Это всё, ваш блог теперь в безопасности (пока ещё какую-то дыру не найдут).
Кстати говоря, некоторые пишут, что замены только одной строки недостаточно. Необходимы более основательные изменения в процессе аутентификации. Поэтому команда WordPress выпустила несколько часов назад версию 2.8.4, которая содержит в себе критическое обновление. Думаю, что лучше обновиться, раз такая жара пошла. Но если лень — хотя бы строку поменяйте :)
Недавно у нас было первое практическое занятие по применению произвольных полей (custom fields) в WordPress. Как я и обещал, в этом уроке я расскажу вам как с помощью произвольных полей вставлять картинки.
Разумеется, в текст записи картинки можно вставлять и с помощью менеджера медиафайлов. Это наглядно и действительно удобно. Но что делать, если мы хотим разместить картинку ВНЕ текста записи? Например — над заголовком новости. Или слева всей области поста, в отдельную колонку с индивидуальным фоном. Для таких случаев существуют Custom Fields.
В интернете куча разнообразного кода, который считывает значение произвольного поля, в нашем случае — путь к изображению, и который, собственно, вставляет изображение в нужном месте. Но весь найденный мною код слишком громоздкий. Поэтому я написал свой. Подробнее »
Существует очень много решений, от километров css до использования jQuery. Но есть один очень интересный, эффективный и лаконичный метод. Неизвестно кто его придумал, так что авторство указать не могу. Ну и ладно :)
ХТМЛ-ная часть:
<div class="cols">
<div class="col1">Текст 1</div>
<div class="col2">Текст 2</div>
<div class="col3">Текст 3</div>
</div>
CSS:
.cols {
overflow: hidden;
width: 100%;
}
.cols .col1, .cols .col2, .cols .col3 {
padding-bottom: 10000px;
margin-bottom: -10000px;
}
Вот и всё! Гениально, как по мне.
