Оптимизация Wordpress. Кешируй! Сжимай!

Маленькая, заметка по ускорению работы сайта. Ничего нового, супер-секретного и мега-детального (благо, есть места, где можно почитать об этом более раскрыто). Просто решил наконец поковырять свой блог на предмет более шустрой работы. Ах, да — как-нибудь отпишусь о новом хостинге….

Помогать искать слабые места и сравнивать результаты поможет… [да, я знаю о плагинах к ФФ и сам их использую, но этот вариант проще + в закладки можно кинуть!] …полезный инструмент Pingdom. Она покажет на какие файлы стоит обратить внимание, а также общее время загрузки сайта. Сделайте пробный замер!

оптимизация сайта wordpress

Итак, ускоренная методика!
Подробнее »

Как сделать Web IDE портабельной?

corsair

Для начала качаем, устанавливаем, НО не запускаем WebIDE.
Либо просто распаковываем инсталл (например, хорошей и бесплатной [и естественно портабельной B-) ] UniExtract)

Далее нужно поменять пути к настройкам(config) и плагинам(/config/plugins)
Системную папку (system) не трогать, т.к. она содержит индексы проектов и разрастается неимоверно – пусть так и лежит в папке юзера ОС.

А конкретнее, в папке “\WebIDE\bin\” правим файл idea.properties (строки 12-19):

idea.config.path=${idea.home}/.WebIde10/config
idea.system.path=${user.home}/.WebIde10/system
idea.plugins.path=${idea.home}/.WebIde10/config/plugins

Т.е просто поменяли ${user.home} на ${idea.home} и теперь все настройки будут в папке IDE!

Кстати, в плане портабельности Web IDE гораздо вкуснее MAIA – она весит на 150мб меньше :)

JetBrains Web IDE

jetbrains

Для осознания что это за зверь советую почитать замечательную статью от Вадима Макишвили – “Вёрстка в IntelliJIDEA”. Часть №1 и Часть №2.

Но самое главное в моей заметке не это. Главное – новость о том, что…

JetBrains открыла программу EAP (Early Access Program) для JetBrains Web IDE. JetBrains Web IDE это IDE для веб программирования. Она построена на основе платформы JetBrains IDE Framework.
Web IDE доступна в двух вариантах: в стандартный вариант включена поддержка HTML, CSS, Javascript. В PHP Developer edition добавляется поддержка PHP и SQL.

Подробнее »

Cufon или Typeface.js – что лучше?

cufon-typeface

Cufon и Typeface.js – это две javascript библиотеки для использования на сайте любых(!) шрифтов (аналоги sIFR), использующих для отображения canvas и VML. В чем же между ними отличия? И какая из них лучше?

Принципы работы

Cufon и Typeface.js конвертируют нестандартный шрифт в свой внутренний формат и потом отображают его с помощью canvas в современных браузерах и VML в Internet Explorer’е. Плюсы такого подхода в том, что нет нужды в плагине для отображения флеш! По сравнению с sIFR, мы получаем большую скорость и гарантию работоспособности на всех компьютерах.
Подробнее »

10 CSS фишек, которые станут доступны после исчезновния IE6

Вольный перевод статьи “10 Cool Things We’ll Be Able To Do Once IE6 Is Dead”.

wanted-dead

Наш старый “любимый” ослик ещё жив, не смотря на повальное обновление пользователями до восьмой версии. И как только (а процент использования альтернативных браузеров всё растёт) эта доходяга наконец умрёт, мы сможем использовать такие замечательные вещи как:
Подробнее »

Яндекс.Субботник в Киеве — вёрстка, API и другое…

yaua
Яндекс приглашает в гости всех, кому интересно поговорить о HTML-вёрстке, CSS, API и обсудить эти темы за чашкой кофе. Пройдёт субботник 25 апреля.

Субботники ориентированы на разработчиков и проходят в комфортной, неформальной обстановке офиса Яндекса. Участие в Cубботниках бесплатное. Первое мероприятие из цикла Я.Субботник — «Верстка, API и другое…» прошло 31 января 2009 года.

Отличная идея делиться таким уникальным опытом веб-разработок! К сожалению, все места уже заняты, так что остаётся только читать отзывы и статьи, листать презентации и смотреть видео о прошедшем московском:

PS: уже подсел на IntelliJIDEA!
Вёрстка в IntelliJIDEA. Часть №1
Вёрстка в IntelliJIDEA. Часть №2

Резиновые кнопки с помощью button

Итак… кнопочки.. небольшое исследование… у кого есть идеи – в комменты!!!

Есть много статей, описывающие техники стилизирования кнопок. Причём оформлять можно как ссылки, так и 2 вида кнопок: input type=”image” и button. Я предпочитаю использовать последнюю.

Многие пишут об удобности этого тега и пророчат великое будущее…

Трудно подобрать себе универсальную технику. В каждой есть свои минусы. Но будем стремиться к идеалу – меньше картинок, меньше лишних пустых тегов в коде!

А.. ещё… по поводу hover – видимо не везде можно избежать использования javascript :( и зум… тоже сильно не поиграешься, так увеличение на 1-2 размера шрифта ещё прокатит, а дальше болт :(

Ознакомлю с видами оформления:

1) “sliding doors” – развижные двери двумя картинками + span.
Хотелось бы отметить сложность использования в Опере (в ИЕ6-7 тоже, но можно пофиксить с помощью CSS) – при клике на кнопке её контент сдвигается и кнопка кажется “поломанной” :(

2) Двери, только одной картинкой + span. Идея ничего так, вот только снова для ссылок и input сделали. Про button забыли :(
Не проблема – подшаманим сами! Или проблема? Фак! :)
Меняем немного код и всё работает вроде :)

Под ИЕ пофиксили нажатие кнопки, а Опера всё ещё глючит. Делаем вывод, что картинки нужно убирать с button и применять ниже, например добавив ещё один span. Этот метод последнее время и использую…

Продолжение следует!