Icemen's Blog

Блог HTML-верстальщика философа.

January 7, 2012

Подстраиваем WebStorm для быстрой HTML-верстки.

Продолжаю осваивать продвинутый CSS редактор WebStorm. Теперь могу сказать что точно не откажусь от него в дальнейшем. Сейчас вышла версия 3.0 и он его не плохо причесали. Убрали то что мне не нравилось ранее.

Основные настройки здесь вообщем типичны и всем уже знакомы, типо живых шаблонов, встроенный zencoding, это уже все знают, а вот какую функцию для себя реализовал. Давно замечал что когда пишешь CSS правила часто приходится на следующей строке развивая иерархию повторять название заданных классов, например:

.left .menu .in {…}

.left .menu .in a {…}

и т.д.

Так вот, всегда напрашивалась возможность редактора копирывать заданные классы их предыдущей строки. Наконец-то в WebStorm удалось реализовать мне такую фукцию. Использывал для этого возможность редактора записывать и запускать потом макросы.

Рассказываю поэтапно как это сделать.

1. Набираем:

.head {color:red;}

2. Убедитесь что курсор стоит после закрывающейся скобки, выбераем в меню Edit->Macros->Start Recording, нажимаем красную кнопку запуска записи.

3. Нажимаем ctrl+{

4. Нажимаем shift+home

5. Нажимаем ctrl+c

6. Нажимаем end

7. Нажимаем enter

8. Нажимаем ctrl+v

9.  В правом нижнем углу нажмити стоп записи и задайте имя для созданного макроса, также можно сразу задать клавишу его быстрого запуска. Я определил ctrl+;

Все, теперь когда вы написали очередное CSS правило нажмите ctrl+; и на новой строке появиться копия классов для которых вы только что задали определение.

По моему круто.

December 24, 2011

Как включить админбар вордпресса?

Столкнулся со смешной задачей. При заходе в админку, если потом открыть главную блога, вверху должна отображать полоска меню, админбар называется обычно. А тут вроде бы пустое место под полоску выделяется, а самого меню не видно. И главное решение в сети найти не так-то просто.  Везде пишут как отключить админбар этот самый, а что делать когда нету его не говорит никто. Решение оказалось элементарным. Просто по стандартам ворпресса (чуть не написал друпала, все в голове перепуталось), в файле шаблона footer.php полюбому должен быть сделан вызов стандартной функции wp_footer(); . Обычно этот вызов вставляют перед самым закрывающимся тегом body. Вот так -

<?php wp_footer(); ?>

</body>

Это сделано для всяких служебный целей. Потому то про это никто не пишет, этот вызов всегда существовал в правильной теме вордпресса и с админбаром связан в последнюю очередь. Просто часто забывают вставить этот вызов. Вставляйте и будем вам счастье.

December 4, 2011

Выборы выборы, кантидаты ……ы

Не хочется материться в своем блоге, но без матов обозревать эти выборы не возможно. Пипец мы докатились со своим наплевательством. Мы забили на все, а они и рады.  Под шумок сроки президентские и думские увеличили. И как они себе бессрочное правление не нагадали. Мы бы и на это забили, на все пофиг, мы проживем, русские привыкли надеяться на себя, это вроде как хорошо. Но политика это бизнес где торгуют жизнями. И сделать ничего нельзя, все по честному без обмана. Все знают что нас кинут, все знают что как нас кинут. И все будет продолжаться. И почему коммунисты об этом не догадывались. Оказывается коспирация и нафиг не нужна никому. Все будет продолжаться пока вся страна не превратиться в большую Чечню.  Или хрен его знает что будет. Русским разрешили воровать. Воровство узаконено, воры сами пишут эти законы. Круто, мечта сбылась.  Надо будет почитать литературу про уголовников), изучить их нравы, прощу будет понять что в стране ожидать.

А, насчет выборов. Это конечно фантастика никому не нужная, но вот какая мысль меня посетила, не нова конечна она, но все таки. Если предложить что в выборах все же есть хоть какойто смысл, то получается что мы в заложниках у пенсионеров. Круто было бы если бы правом голоса обладали только военнообязанные граждане? Я думаю это справедливо было бы. Нам своей жизнью рисковать, мы и должны этой жизнью управлять.

November 7, 2011

Лучший редактор для CSS верстки

Ура!!! Наконец-то нашел лучший в мире редактор для CSS и HTML. Давно уже ищу. Уже успел перепробывать практически все что можно найти. Наверно больше полусотни. Стал просто проффи в редакторах)), если бы какой разработчик спросил бы, то вполне мог бы составить ТЗ на идеальный редактор для верстальщика и PHP кодера. И сколько я не искал все время нравились лишь отдельные моменты в каждом конкретном редакторе. А вот всего до кучи так не в одном и не было. Честно говоря даже подумывал – а не вспомнить ли познания в Delphi и не сесть ли за написание своего редактора, но вовремя одумался).  Практически идеальным для верстки является topstyle 4. В нем практически есть все что нужно верстальщику, но в нем есть досадная оплошность, в нем нет код-фолдинга, то есть сворачивания блоков кода. Второй косяк это то что в нем не подсветки парных тегов. Прикол в том что это есть практически в любом приличном редакторе, но разработчики топстайла что то забили на него. Давным давно не выходит новая версия. Тишина короче.

Поэтому приходилось работать сразу в четырех редакторах. Top style 4 открыт для написания файла стилей, notepade++ открыт для быстрого изучения файла кода, копирывания блоков, вставки пхп и т.п. NetBeans IDE открыт для поиска ошибок в jquery. Еще NuSphere PhpED для написания своих php вставок, функций, модулей. Вообщем гимор конкретный. Добавьте сюда еще открытый фотошоп, пара-тройка браузеров. Вообщем запутаться не сложно. Тут еще и аська со скайпом). И вот наконец то свершилось, я нашел редактор который заменяет мои четыре. Он называется JetBrains PhpStorm. Умеет делать все и не много даже больше. Новичка он конечно испугает обилием настроек и ангийским языком, но тот кто ищет инструмент для оптимизации рабочего процесса оценит его по достоинству. Вообщем всем советую.

October 22, 2011

Иерархия и вьюсы.

Друпал гениален, никогда не устану это повторять, хотя уже чувствую что достал им всех). Если ты научился пользываться модулем views, то считай все, ты наш, уже друпал не забыть никогда.

Вьюсы супер универсальны, про них пишут, что с ними можно сделать чуть ли не все. Но практике все не так радужно. Что есть модуль вьюс? Практичеки это такой интструмент для визуального создания SQL запросов. Круто конечно. Но есть одна оплошность. Вьюсом практически не возможно создать объект основный на сложной иерархии данных. Все ухудшает тот факт что на практике почти всегда приходится заниматься структурами с этой самой иерархией. Читать дальше »

October 19, 2011

Про пиво и андроидов

не в моих правилах по утрам пить пиво, всегда думал что это удел алкоголиков, но я сегодня в отпуске, поэтому подумал почему бы и нет. тем более что жену с утра отправил на работу. купил себе две бутылочки кулера. какой же всё-таки это кайф. хорошо быть алкоголиком. Шучу. Больше не буду. тем более что работа стоит.

Но а если серьезно, то этот пост – тест удаленного постинга в блог по средством андроид-смартфона.  Причем пост набирал я не нажимая на кнопки, а наговаривая голосом, смартфон же переводил голос в текст . Круто? Будущее наступило. Одна правда проблема, почему то при наборе голосом смартфон предложения начинает с маленькой буквы). Ну ничего, думаю последующие обновления это исправят.

October 13, 2011

Красная точка

Интересный затык вчера случился).

Собрался делать очередной заказ по верстке. Запустил все проги необходимые, photoshop, topstyle, notepad++ и т.п. В топстайле перешел в папку где будет верстка будущая. Загрузил шаблон index.php и тут вижу что почемуто файл в редакторе имеет серый фон. Не понял. Смотрю да и сам файл в окне программы выглядит странно. В перед файлом в списке стоит красная точка. Чтобы это значило. Быстрейнько в гугл, запрос – “что значает красная точка перед файлом topstyle4″. И никакого ответа. Вот так затык. Туплю видать с утра. Но и начать работать с серым фоном не могу. Что делать. Оказалось ответ прост. Красную точку topstyle ставит перед файлами с флагом read-only. И всего делов то).