Optimizator Field – блог веб разработчика » firefox

Дайджест ссылок за апрель 2010

YoYurec — Thu, 29 Apr 2010 15:40:56 +0000

Несколько наиболее интересных ссылок, о которых я писал в своём Твиттере в апреле. Это полезные статьи, сервисы и просто разные разности ))). Берём на вооружение, сохраняем в закладки, делимся с другими – не пропадать же добру!

Полезный сервис для вёрстальщиков – генератор css спрайтов. Есть визуальный редактор. Удобно!
Для тех, кто использует браузер Firefox наверняка прийдтся по вкусу красивая тема – SoCool.
«CSS3 Glow Tabs» (анг.) – статья о том, как сделать табы без единой картинки, используя CSS3.
Планируйте своё время и составляйте to-do списки с помощью оригинального таск-менеджера «The Big Picture»
«The Ultimate Guide To WordPress Hacks And Customizations» (анг.) – громаднейшая коллекция статей по настройке и хакам WordPress.
«Floating panel» – плагин для jQuery, позволяющий создать плавающий виджет c поддержкой IE6. (CSS свойство position: fixed)
«30 Stunning jQuery Slider Plugins and Tutorials To Boost Your Work» (анг.) – отличнейшая коллекция статей и плагинов для jQuery для создания слайдшоу и всевозможных слайдеров. В закладки!
«ПТ Санс» – бесплатный русский шрифт (+версия для веба!). Гарнитура состоит из 8 начертаний: 4 стандартных начертания; 2 начертания с расширенными пропорциями для мелкокегельного набора; 2 узких начертания для экономного набора.
И на последок немного юмора! Суперобложки для книг, которые стыдно читать в метро. Берем такую обложку и оборачиваем ею что-нибудь постыдное. И сразу все понимают: едет интересный человек.

Похожие статьи:

На заметку: кроссбраузерный CSS display: inline-block

YoYurec — Sun, 14 Mar 2010 22:57:55 +0000

Очень полезная вещь, особенно при вёрстке всевозможных кнопок. Вешаем на нужный блок класс inline:

.inline {
	display: -moz-inline-stack; /* FF2 */
	display: inline-block; /* good browsers */
}
 
*html .inline {
	overflow: hidden;
	zoom: 1;
	display: inline;
/* IE6 */}
 
*+html .inline {
	display: inline;
/* IE7 */}

Похожие статьи:

Ускоряем Firefox

YoYurec — Wed, 16 Sep 2009 12:37:18 +0000

После нескольких месяцев использования Firefox можно заметить значительное снижение скорости запуска браузера и общей производительности.

Вся история, закладки, список опасных сайтов и данные плагинов и т.п. хранятся в БД SQLite (файлы .sqlite в папке профиля). Со временем эти файлы разрастаются, записи добавляются и удаляются — вобщем, база фрагментируется. Специальная SQLite комманда VACUUM поможет в решении проблемы, оптимизируя файлы.

Конечно, с недавнего времени существует плагин Vacuum Places, но он оптимизирует лишь историю (places.sqlite), а нам нужно всё файлы!

Чтобы воплотить в жизнь задумку нужно:
* скачать последний билд SQLite под Windows
* выйти из Firefox
* положить файл sqlite3.exe в папку с FirefoxPortable
* создать и запустиь файл vacuum.bat:

for /r %%i in (*.sqlite) do echo VACUUM; | sqlite3 "%%i"

PS: для линуха:

cd ~/.mozilla/firefox/*.default/
for i in *.sqlite; do echo "VACUUM;" | sqlite3 $i ; done

Похожие статьи:

Коллекции плагинов для Firefox

YoYurec — Thu, 11 Jun 2009 09:28:50 +0000

Теперь управлять плагинами стало ещё проще! Разработчики Mozilla добавили новую возможность – создавать свои коллекции (ура!), а также подписываться и следить за обновлениями готовых наборов. Для удобства работы выпустили плагин Add-on Collector.

Не долго думая создал свою – YoYurec WebDev Pack. Милости прошу к аддонскому шалашу… ))

Похожие статьи:

Плагины под Firefox

YoYurec — Mon, 13 Jun 2005 17:52:58 +0000

Чем мне нравится этот браузер (кроме того, что поддерживает нормально CSS, в отличие от IE), так это возможностью подключать расширения! Т.е. из десятков, а то и сотен плагинов (предваритьельно выбрав нужные) можно сделать из Firefox’a канфэтку.

Ниже в произвольном порядке (но сгруппированые) описания тех плагинов, на которых я остановился, активно использую и радуюсь жизни :)

UPD: 21.04.2006

Block:

AdBlock – фильтрация рекламы;
Flashblock – блокировка флеш, при необходимости можно нажать на картинку и флешка подгрузится;

Tabs:

SessionSaver – сохраняет сессию табов, восстанавливает открытые странички при краше браузера;
Tab Mix Plus – куча настоек для табов: возможность таскать мышкой, строка прогресса на кажном табе, разные виды фокусировки при открыти/закрытии таба, помечает непрочитанные табы, добавляет «undo close tab», и много ещё чего;
Colorful Tabs – самый бесполезный планин – разукрашивайт табы разными цветами :);

Sidebar:

XpointSidebar – сайдбар-менеджер «Избранного» на форуме xpoint.ru;
All-in-One Sidebar – позволяет окрывать в сайбаре список закачек, список расширений, список тем, закладки, историю просмотра;
TechnoBar – по данным Technorati.com показывает кто из блоггеров ссылается на текущую страничку
FlickrFox
– позволяет просматривать фото с Flickr в сайдбаре

Feed&RSS:

Sage – удобнейшая RSS читалка!;
FeedView – при клике на RSS-ссылку сразу выводит фиды, применяя стили;
LiveLines – позволяет при помощи RSS-иконки в тулбаре добавлять фид не в LiveBookmarks, а в ваш любимый фидридер, онлайновый или «программный»;

Interface:

Tiny Menu – заменяет главное меню в одну удобную кнопочку, позволяя сэкономить кучу места!

Extended Statusbar – статусбар с отображением скорости, процентажа, времени и размером загружаемого (как в Опере);
Extended Link Properties – показывает в свойствах линка на файл размер файла и др. полезную информацию;
RetroFind – убирает search panel, которая появилась в Firefox 1.0, возвращает старый добрый поисковый диалог(но панель тоже ставляет, она доступна когда делашь livesearch, т.е. находясь на страничке начинашь набирать нужное слово без вызова диалога поиска по Ctrl+F). На любителя – панель заметно лучше тем, что в ней есть highlight, а диалог тем, что он умеет искать в textarea.
RightEncoding – позволяет выставлять кодировку страницы не через View->Encoding, а через контекстное меню (как я мечтал об этом!);
Super DragAndGo – выделите и перетищите текст куда-нибудь на страничке и если это URL, то откроется в новом табе, иначе откроет эту фразу в поисковике;

Preferences:

PrefBar – создаёт панельку быстрого доступа к настройкам: images, popups, java, js, proxies;
Fasterfox – ускоряет работу браузера, устанавливая оптимальные настройки;

WebDev:

Web Developer – отключение(CSS, cookies,js, images,…) подсветка(таблиц, блоков),
работа с формами, картинками, инфа(sizes, id&classes, cookies,…);
IE Tab – позволяет просматривать страничку в закладке в помощью IE;
Opera View – для просмотра в Operе;
HTML Validator – «валидатор» проверяет правильность кода, встраивается в браузер. хотя всё равно прогнать на W3C надо – всплывёт ещё несколько ошибок;
Aardvark – Предлагаетудобные инструменты для < рентгена> страничек:
* выделяет рамкой блок, под курсором
* подсказка с типом элемента, его классом и идентификатором
* возможность удалять блоки
* обнулять свойства color и background для блока, делая чёрный текст на белом фоне
* присваивать фону элемента случайный цвет
* просматривать XHTML-код выделенного блока;
DevBoi – похож на DevEdge sidebar – удобное отображение документации в сайдбаре по HTML, CSS, DOM, XUL;
ColorZilla – «пипетка», zoom, линейка, DOM-inspector;
FireBug – вспомогательный плагин для дебаггинга Javascript, DHTML, и Ajax. Фичи: XMLHttpRequest Spy (просмотр запросов «на лету», по умолчанию выключен – в настройках выберите «Log Each Request») и их протоколирование, отдельный список ошибок для каждого сайта(а не кучей как в стандартном), индикатор ошибок JavaScript с статусбаре;
View Source Chart – Выводит цветную схему странички с исходным кодом. Конечно вы можете воспользоваться, например, WebDeveloper > Outline > Block Level Elements, но это совсем не то. Можно сворачиватьразворачивать теги;
View formatted source – Добавляет полезные «фичи» во время просмотра кода странички. С помощью него можно смотреть какие именно CSS стили присвоены элементу, просматривать картинки в исходнике, добавлять комментарии, смотреть исходник только выделеннго блочного элемента, сворачивать и разворачивать код.

PageSave:

ScrapBook – для ручного сохранения страниц на винте, чрезвычайно удобная вещь;
ScreenGrab – сохраняет всю! страничку как PNG;

Booksmarks:

Flat Bookmark Editing – позволяет редактирокать закладки без открытия окна «свойства»;
BookmarksSynchronizer – позволяет сохранять закладки на серваке и синхронизировать их. Может сохранять по закрытию браузера, а по открытию скачивать!;
del.icio.us – добавляет функционала для удобной работы с этими известными социальными закладками;
Foxylicious – основан на вышеописанном BookmarksSynchronizer’е, с тем лишь отличием, что позволяет синхронизировать del.icio.us в закладки FF!

Работа с плагинами:

Mass Installer – позволяет устанавливать несколько плагинов одновременно, польза очевидна.
InfoLister – создаёт HTML или TXT список из установленных плагинов и тем, который можно скормить Mass Installer’у! :)
Nightly Tester Tools – Делает расширения совместимыми с версиями Firefox, для которых они не предназначались;
Update Notifier – Когда у плагина или темы Firefox появляется обновление, выводит уведомление об этом событии, а также позволяет устанавливать появившиеся обновления автоматически;

Other:

MinimizeToTray – позволяет сварачивать браузер и почтовик в трей;
Greasemonkey – позволяет устанавливать пользовательские скрипты, которые увеличивают функционал страничек;
Gmail Manager – менеджер почтовых аккаунтов Gmail и оповещение о новых письмах;
Performancing – плагин для удобного блоггинга прямо из браузера, нажмите F8 – и вперёд!
Deepest Sender – ещё один плагин для блоггинга

Каталог всех расширений по алфавиту.

Похожие статьи: