Я и web-разработка

Автор блога:
Все рубрики (5)

Сжимаем css , или как ускорить сайт

На этой неделе решил написать махонький скриптик, для оптимизации css файла, в итоге написал , и был приятно удивлён почти все css файлы которые попались мне под руку поддались сжатию, причем размер файла уменьшается минимум на 10%, а некоторые сжались на 30%-40% к примеру размер файла styles.css из дефолтного шаблона ужался ровно на 12%, и вид его остался вполне пригодным для поддержки, не то что всякие там компресссоры в одну строчку всё переводят) Решил не останавливаться, теперь буду реализовывать сортировку свойств внутри фигурных скобок, что бы каждое свойтво всегда было на своём месте, очень облегчает поддержку кода.

P.S. если кому нибудь нужен скриптик пишите выложу, правда он на Ruby написан, но переписать его к примеру на PHP будет как два пальца об асфальт)

P.S.S. кто нибудь уверенн спросит, "а нафига это надо?" , а надо это для комплексной оптимизации сайта

P.S.S.S. вопрос, кого нибудь интересуют тема создания круглых уголков с антиалиасингом без всяких картинок, для правильных браузеров на css3 а для неправильных на хитром джава скрипте, есть отличное решение, могу сделать обзор с примерами, я даже в продакшн один проект с такими уголками отправил?)

Инструментарий web-разработчика

Приветсвую сообщество! Хочу рассказать здесь какими инструментами пользуюсь для разработки.
Первым делом это Aptana Studio, изначально это плагин для Eclipse, сейчас доступна как плагин и как самостоятельная среда, мощи этой IDE мне хватает для HTML вёрстки, написания CSS кода, JavaScript  c PHP тоже неплохо справляется(мне хватает по крайней мере, в пшп не силён). Её плюсы это автозакрытие тегов, хорошая подсветка, CSS код писать вообще шикарно, само оформление среды радует глаз, всё интуитивно понятно, наличие FTP клиента, SVN, расширяется до безумия, под неё написана куча всевозможных расширений. И ещё один большой плюс этой среды - наличие jQuery шпаргалки. В общем всем кто всё ещё пишет в Notepad, дримвивере, PHP эксперт эдишне и т.п., переходите на эту систему не пожалеете. Из минусов лично для меня там только один, русские кодировки она не поддерживает, т.е. коментарий или какую нибудь запись на русском не получится написать, будут кракозябры) По этому у меня установлен ещё и Notepad++, использую его например, когда надо быстро подправить пару строк кода, ну или когда в HTML код вкрадывается русский язык, описывать его думаю не стоит это классика)

Для работы с графикой использую Gimp 2.6.7 с расширением Save For Web, для него есть куча различных расширений, но у меня стоит только это, ибо мне достаточно и этого. С моей точки зрения это очень хорошая альтернатива фотошопу, с моей точки зрения его аналог на 80%, только есть неоспоримый плюс, это его бесплатность)

Ну и естественно у меня стоит великий и ужасный денвер с расширением mbstring. на денвер перешёл недавно, раньше у меня просто стоял Апач+PHP+MSQL, но у этой связки есть один минус по сравнению с денвером, нет автоматического создания хостов, поэтому собственно и использую денвер.

И забыл написать про самый главный инструмент - Mozilla Firefox + Firebug + Web Developer и ColorZilla, про первые два дополнения думаю все знают а вот ColorZilla заслуживает отдельной записи, тоже очень и очень полезная вещь.

Жду подобных постов от других членов сообщества, интересно знать кто чем пользуется.

Исходный шаблон для вёстки под Instant

Так как я занимаюсь вёрсткой, то соответственно у меня есть некоторые свои наработки, которые позволяют мне ускорять процесс разработки. Меня не особо радует процесс изменения дефолтного шаблона, я верстаю с нуля(почти)glasses, пользуюсь исходником специально сделанным для инстант, что бы заново не прописывать пути , создавать файлы и т.п. Скачать архив с ним можно здесь. Структура файлов и папок в нём почти такая же как и  дефолном шаблоне, добавлен файл reset.css который обеспечивает глобальный сброс стилей, что требуется для обеспечения кроссбраузерности. Описание структуры остальных папок и рекомендации по офорлению кода описаны в slicer_recommendations.txt, следование этим рекомендациям позволяет привести CSS код к определённой структуре, что облегчает дольнейшую поддержку и взаимодействие между верстальщиками.
Все что вам надо сделать, это распаковать архив в папку с шаблонами, переименовать и в файле template.php прописать корректные пути и начинать верстать свой новенький шаблон)

Шаблон Instantoo

AntonIO подбросил тут парочку шаблонов от джумлы, один сверстал, не портировал, а просто заново сверстал, там PSD исходник был. Вот его скриншот:

Посмотреть поближе , а так же скачать его можно на демо сайте, он здесь)
Изменению так же подвергся компонет регистрации(не понравилось то что он на таблицах свёрстан, сделал на списках) и профиль пользователя (теперь он выглядит так как хотел widik). Так же изменена структура некоторых модулей. Небольшой ридми по установке шаблона находится в архиве.
Забыл подметить, что шаблон резиновый, тянется от 1000px до 1400px , в интернет экспрорерах от 6 до 8 отображается корректно)

Шаблон Cycletheme для Instant CMS готов

Попробовал сегодня портировать один шаблон от Joomla, вроде бы получилось, предоставляю его на суд сообществу, пока это бета версия, ещё нужно доработать некоторые вещи.
Спешу сообщить что шаблон Cycletheme готов, здесь можно посмотреть его в действии, там же можно и скачать.