StopIE.org.ua » додаток

Google Chrome. 2 роки потому.

stopie — Mon, 23 Aug 2010 18:08:38 +0000

Майже 2 роки тому світ дізнався про ще один браузер. Новачок мав дуже різних батьків. Його мама спершу мала дівоче прізвище Konqueror. Народившись в сім’ї вільних линуксоидов, вона кілька разів виходила заміж, відповідно її прізвище змінилося спочатку на WebCore а потім на WebKit… Тато новачка – всім відомий it-магнат Google. Новонароджений Chrome виявився вельми шустрим малятком, і сьогодні є сенс подивитися, наскільки він змінився за цей час. Сьогодні актуальна 5-я версія Google Chrome, саме з нею ми й будемо знайомиться.

Також як і два роки тому, йдемо на сторінку завантаження Google Chrome і завантажуємо маленький (554 Кб) інсталятор. Запускаємо інсталятор і бачимо що Google Chrome встиг вивчити дуже багато мов, українська серед вивчених присутня… Цікаво, за якою ознакою Google визначив що мені потрібна саме українська версія? Враховуючи що система (Windows XP SP3) не має української локалізації? Значить або по ip, або так само як визначає локалізацію stopie – за допомогою getenv(). До речі, на відміну від Firefox або Opera, у яких значення getenv (‘HTTP_ACCEPT_LANGUAGE’) дорівнює uk, Google Chrome нам видасть uk-u – так що веб-розробникам слід враховувати цю його особливість.

Запускаю інсталятор і чекаю поки Chrome установиться. Наприкінці інсталятор цікавиться чи не потрібно чого імпортувати з Firefox або IE (проте чомусь проігнорував встановлену за замовчуванням Opera) і вітає з успішною установкою.

Інтерфейс не змінився, однак додалися деякі пункти в меню. Крім того, тепер є можливість вибрати собі скін (тут вибираємо скіни для Google Chrome) і використовувати додаткові плагіни (а тут вибираємо плагіни для Google Chrome). Передперегляд і зміна не такі зручні як у тій же Opera, але поклавши руку на серце давайте признаємося самі собі – невже ми кожен день збираємося встановлювати нові теми?

Що стосується плагінів, то на момент написання посту їх було доступно майже 7000 – тобто вибрати є з чого. Зустрічаються як портовані з Firefox або Opera додатки, так і свої власні, іншим браузерам недоступні. До останніх можна віднести, наприклад Frame two pages – він здатен показувати в одній вкладці кілька сайтів, що дуже зручно для широкоформатних моніторів (однак хочеться нагадати, що у старому доброму konqueror 4 це штатна функція).

Схоже, що за кількістю плагінів Google Chrome поступається лише Mozilla Firefox. Практично все що потрібно просунутому користувачеві або веб-розробнику присутнє (є аналоги iMacros, MeasureIt, SEOQuake, є можливість створити власний Speed dial, а аналог Firebug чи DragonFly присутній в самому браузері). Одним словом, різноманітність плагінів така що їм краще присвятити окремий пост – а можливо навіть серію постів.

Ну а тепер вердикт, або відповідь на питання – чи можна Google Chrome залишити в якості дефолтного браузера?

Якщо ви частенько користуєтеся службами від Google (Gmail, Youtube і т.д.) то відповідь однозначна – так. По-перше, гугловці дуже добре «підігнали» свій браузер під свої ж сервіси (а може навпаки – підігнали сервіси під браузер?) По-друге вже існують плагіни, що розширюють сервіси від Google саме в даному браузері (приклад навскидку – Google Quick Scroll).

Але якщо ви є веб-розробником або сео-оптимізатором – тобто якщо браузер є вашим робочим інструментом, то на мій погляд Google Chrome поки що програє своїм конкурентам. В основному через більш слабкий функціонал своїх додатків.

Схожі статті:

Милиці для IE

stopie — Thu, 29 Oct 2009 13:07:52 +0000

Незважаючи на всі запевнення Microsoft про більш якісну підтримку останнім експлорером загальноприйнятих веб-стандартів, на практиці це не відповідає дійсності. (Якщо видкинути дипломатичні оберти і казати прямо – то Microsoft бреше). Більш того, розробляючи однин з веб-сайтів середньої складності, я зіткнувся з тим, що IE8 в режимі сумісності з IE7 і “справжній” IE7 – це зовсім різні браузери, і рендер сайтів вони виконують по-різному.

Виходить, що навіть якщо 6-ий “ослик” коли-небудь пропаде назавжди, розробникам доведеться танцювати з бубном навколо інших трьох “осликів”, що залишилися – IE8, IE8 в режимі сумісності з IE7 і справжнім IE7. Очевидно, що з цим зіткнувся не тільки я, інакше як пояснити поведінку команди Google, що випустила Google Chrome Frame?

Ось фраза з Гуглівского The Chromium Blog:

Останні вдосконалення продуктивності JavaScript і поява HTML5 дозволили веб-додаткам робити те, на що раніше були здатні лише звичайні програми. Одна з труднощів, які стоять перед розробниками, які використовують ці технології, полягає в тому, що вони поки не підтримуються браузером Internet Explorer

Якщо коротко, Chrome Frame – це надбудова для IE, яка дозволяє цьому браузеру рендерити html та JavaScript двигунцем від Google Chrome. Даний проект з відкритим вихідним кодом покликаний допомогти користувачам, які з якихось причин до цих пір використовують IE, коректно бачити зміст сайтів.

А веб-майстрам гугловці пропонують використовувати ось такий мета-тег:

Побачивши його, IE автоматично переключиться на рендеринг сторінок через Google Chrome Frame. Таким чином IE починає правильно показувати сторінки і навіть здатний пройти тест Acid3!

Невирішеною залишилася проблема – як переконати користувачів встановити Google Chrome Frame. Можливо, гугловці знають відповідь?

Схожі статті:

Віртуальна клавіатура для Опери

stopie — Fri, 23 Oct 2009 14:26:24 +0000

Існує досить велика категорія користувачів, у яких на клавіатурі відсутня кирилиця (або будь-яка інша національна розкладка). Причини можуть бути різні – хтось спілкується з-за кордону, хтось користується нелокалізованним Макбуком … На більшості великих порталів спеціально для таких користувачів є так звана віртуальна клавіатура. А як бути на звичайних сайтах і форумах? Спілкуватися транслітом?

Користувачі браузера Opera тепер можуть не замислюватися про цю проблему. Завдяки Брайану Хьюсману (Brian Huisman) у них з’явилася можливість викликати віртуальну клавіатуру абсолютно для будь-якого сайту. На скріншоті показано, як виглядає віртуальна клавіатура для Опери:

Отже, йдемо на сторінку цього userjs, потім зберігаємо його в теку браузера з скриптами і перезапускаємо Оперу. Викликається віртуальна клавіатура даблкліком у текстовому полі.

Якщо ви не знаєте, як встановлювати userjs для Опери, подивіться замітку про скрипти-стікери, в останньому абзаці описана установка.

Схожі статті:

Сім найкращих плагiнів для веб-розробника

stopie — Fri, 11 Jul 2008 13:05:46 +0000

Серед веб-розробників Firefox є визнанним лідером не в останню чергу завдяки своїм плагінам. Ліцензія GPL та відкритий код дозволяють створити абсолютно любе доповнення, для самих екзотичних завдань. Про написання плагінів для “Вогнелиса” ми ще встигнемо поспілкуватись, а зараз хочеться розповісти саме про ті плагіни, за які Firefox полюбили тисячі дизайнерів, верстальників, програмістів, SEOшників та інших веб-розробників.

Firebug

Мабуть, це найперше доповнення, яке встановлюють верстальники та дизайнери. Firebug користується заслуженою популярністю за можливість переглядати та змінювати HTML, CSS або JavaScript на потрібних веб-сторінках. Дуже важливою перевагою є те, що всі зміни, які ви робити в коді відібражаються в “гарячому” режимі, тобто плагін зберігає та кешує змінений код. Мабуть вам доводилося бачити на веб-конференціях та форумах дискусії на тему найкращого редактора для вебмайстера. Одна частина росхвалює Dreamweaver або Frontpage, інша переконує що найкращий вибір – спартанський VI або Notepad. Особисто я вважаю, що і першим і другим слід спробувати Firebug – здається, що кращого інструменту для вебмайстера на нашій планеті не існує.

Web Developer

Один з найбільш розповсюджених плагінів для веб-розроботника. Це додатковий тулбар, котрий вмикається/вимикається натисканням всьго однією кнопкою. Дуже корисний інструмент, який праціє за принципом “все в одному”. Багатий та насичений функціонал, який дозволяє підняти роботу з cookies, кешем, графікою и т.ін. на якісно вищий рівень. Для повного знайомства з Web Developer знадобится окрема стаття, а якщо описати в двух словах, то must have. В дуеті з Firebug цей плагін перетворює ваш браузер в дуже потужний інструмент для веб-розробки.

iMacros

Напевне що всі бачили фільм “Назад в майбутнє” та запам’ятали момент, коли Док готував сніданок за допомогою серії пристроїв. Приблизно те саме робить цей плагін – запам’ятовує серію однакових дій, а потім в точності ії відтворює. Заповнити Web-форми, запам’ятати паролі, завантажити інформацію з інших сайтів, збирати будь-які дані з сайтів і таке інше – тепер все це робиться натисканням всього однієї кнопки. Реєстрація на кількох сайтах або однаковий постінг в кількох блогах – подібні завдання тепер можливо виконати набагато швидше та простіше.

ColorZilla

Маленький, але дуже корисний плагін.
Після його встановлення з лівої сторони статусної строки з’являється кнопка, при натисканні на яку ваш курсор перетворюється в приціл (хрестик). Тепер, якщо навести приціл на блок або елемент сайту, та ж сама статусна строка покаже значення кольору цього блоку або елементу, котрий знаходиться під курсором (наприклад, R: 255, G: 255, B : 255 |# FFFFFF).

MeasureIt

Ще один невеликий та корисний додаток.
Плагін схожий на попередній – також активується при натисканні на кнопку жатию кнопки з лівої сторони статусної строки, тільки показує не колір а розмір (висоту та ширину) блоків. Коли плагін активований, натисніть на край потрібного блоку та не відпускаучи кнопку мишки, потягніть до другого краю – узнаєте його точний размір або відступи (margin и padding).

Window Resizer

Тим, хто створює сайти та макети сайтів дуже часто потрібно оцінити, який вигляд буде мати шаблон при інших налаштуваннях екрану. Крім того, що потрібно переглянути шаблон в найбільш розповсюджених налаштуваннях (1024х768, 1280х1024 та інші), ця проблема дуже актуальна ще й через популярність рідкокристалічних дисплеїв, які мають співвідношення 9 до 16 (на відміну від стандартних 3 до 4). Щоб не змінювати кожен раз властивості вашого екрану, поставте Window Resizer – тепер більшість стандартних налаштувань вмикаються натисканням всього однієї кнопки.

SeoQuake

Улюбленець оптимізаторів, ястанній за списком та не останній за популярністю використання плагін. Крім “гарячого” показу купи SEO-параметрів сайту (Google PR, Яндекс тІЦ, кількість внутрішніх та зовнішніх посилань, кількість сторінок, що проіндексовані пошуковими машинами і т.ін) має ряд додаткових властивостей – наприклад вміє показувати щільність ключових слів/фраз або надає можливість побачити сторінку очима пошукового бота.

Схожі статті:

Стiкери для Опери

stopie — Fri, 27 Jun 2008 14:26:13 +0000

Зiзнайтесь, чи часто вам доводилось наклеювати на монiтор збоку вiд монiтора маленькi жовтi папiрцi стiкери с записами?

Наприклад, висить сайт в закладках, а для чого висить вже нiхто й не пригадає…

Хочу розповiсти вам про невеликий, але дуже корисний UJS (UserJavaScript), за допомогою якого можна причiпити такий стiкер абсолютно до кожної сторiнки в iнтернетi.

Про цей скрипт robosticky я узнав на operafan.net, трохи здивувався, чому один iз найбiльш популярних “оперних” ресурсiв не локалiзував скрипт, хоча сам автор не заперечує проти любих перекладiв. Так що ризикнув та взяв на себе смiливiсть перекласти це дуже зручне та корисне доповнювання, росiйську версию берем звiдси, а українську звiдси. Встанавливается не просто, а дуже просто – берем та розпаковуємо архiв в папку iз скриптами користувачiв. Якщо ви ще нi разу не ставили UserJS, доведеться виконати наскладну дiю:

Вибираємо в головному меню Tools->Preferences, йдемо на вкладку Advanced, там обираємо пункт Content, тиснем на кнопку JavaScript Options та в полi User JavaScript files вводимо путь до папки, в якiй у нас будут зберiгатись UserJS

Все – користуйтеся на здоров’я – для того щоб викликати новий стiкер, просто зробiть даблклiк на потрiбнiй сторiнцi.

P.S.

Якщо знайдете неточностi або помилки з перекладом, будь ласка повiдомте про це в коментарi.