четверг, 11 декабря 2014 г.

Скачиваем платные шрифты бесплатно с помощью Chrome Devtools




Иногда случается, что нам нужен платный шрифт, которого нет в открытом доступе. Вот инструкция для получения платных шрифтов с помощью Google Chrome

1. Открываем сайт, где текст выделяется

2. Открываем Chrome dev tools(Ctrl+Shift+I)


3. Открываем вкладку Resourses и кликаем по папочке и еще одной папочки... Пока не дойдем до вкладки fonts. Там кликаемся в поисках шрифта

4. Копируем ссылку


5. Вставляем сюда


6. Уберите эти строки

7. Установите настройки(как на скриншоте)

8. Готовый файл закидываем сюды и конвертируем в .ttf


9. Переименовываем ШРИФТ(а не файл), для удобства(например с помощью FontForge)



10. Ставим... Профит!


При копипасте оставляйте ссылку на источник :3

четверг, 20 ноября 2014 г.

Javascript в адресной строке



Когда-то читал истории на форуме про появление странных символов в адресной строке(спойлер: это Javascript). У меня эта проблема тоже появилась, но я сразу понял как решить проблему.

Решение: Удалить ADBlock Plus ;)

Надеюсь я вам помог :)

понедельник, 17 ноября 2014 г.

О расширениях или дайджест расширений #1

Многие на форум продуктов Google пишут интересные фичи, которые возможно, никогда не реализуют. Для того что-бы пользователи могли дополнять свой браузер фичами были придуманы расширения. В этих кратеньких дайджестах я буду показывать самые интересные расширения со всего магазина Chrome

ADBlock - расширение, которое должно стоять на каждом Chrome



Часто видите рекламу? Не нравится? Тогда вам это расширение просто необходимо! Расширение очень умно уберет рекламу и сделает сайт таким, каким он должен быть без рекламы!

Скриншоты:





Результат очевиден!


ColorZilla - расширения для дизайнеров

Бывает что тебе понравился цвет в логотипе и вы хотите узнать цвет не копируя лого в Paint/Photoshop/GIMP, то это расширения для вас! С помощью него можно быстро узнать цвет в разных палитрах(HEX код, RGB и т.д.)

Скриншоты:


RSS Fead Reader - быть всегда в курсе

Хочется последних новостей? Тогда это расширения для вас! Добавляем RSS рассылку в расширения и вы не пропустите больше ни одну новость!

Скриншоты:



JSONFormater - не будет проблем с JSON

Это расширение "распарсит" ваш JSON файл и приведет его в порядок

Скриншоты:



Спасибо за внимание! Делитесь своими растяжениями в комментариях!

P.S. Лайфхак: Вбейте в гугле: "%Название фичи% site:https://chrome.google.com/webstore" и вам выбьет плагины для хрома.
Например: "Радио site:https://chrome.google.com/webstore"

вторник, 30 сентября 2014 г.

Новая винда. Краткое вхождение

Все то что я сейчас напишу тут, было в моем G+ аккаунте



Недавно мелкомягкие показали свою новую ОС. Windows... 10! Видимо пропуск 9 это чистой воды маркетинг(потому что презентация шла 1 час и слово Windows 10 вошла в топ Twitter). Хитро - да?

Значит, появился внимание... ПУСК! Пуск это гибрид того пуска с Windows 7 и плиток Windows 8


Даешь все для всех! 

Наглядный гайд "Как вычислить человека по IP через консольку."

И внимание! Теперь! Можно использовать ctrl+v в консольке!
Developer preview можно будет получить тут: preview.windows.com
Пользовательскую версию стоит ждать в середине 2015 года.

Это всё

Мы херню творить не бросим,
Будет Десять после Восемь.

воскресенье, 21 сентября 2014 г.

Запуск андроид приложений на любой ОС(через Chrome)


Всем привет!

Этот день настал! Теперь вы можете запустить андроид приложение на Chrome. Просто следуйте моей инструкции:
1. Распакуйте первый архив. Можно распаковать в любое место
2. Зайдите в chrome://extentions и поставьте галочку около "Режим разработчика"
3. Перезагрузите браузер
4. Снова зайдите в chrome://extentions и выберите "Загрузить распакованное расширение"
5. Выберите папку, которая получилась в следствии распаковки первого архива(см. шаг 1)
6. Не обращайте внимание на ошибки. Это нормально
7. Далее распакуйте второй архив, а точнее папку "_template" в любое удобное место
8. Теперь откройте в проводнике папку "_template", потом "vendor", далее"Chromium" и наконец "crx". Сюда, в папку "crx" положите apk файл, который вы скачали.
9. Теперь вам надо узнать package name вашего андроид приложения. Где его можно узнать:
  • В Google Play, например:
10. Теперь теперь переименуйте apk файл и папку "_template" в название пакета(package name(см. шаг 9))

11. Откройте файл manifest.json блокнотом или notepad++
12. Вы там увидите такую лафу:
{
   "app": {
      "background": {
         "page": "app_main.html"
      }
   },
   "arc_metadata": {
      "apkList": [ "custom-android-release-1400197.apk" ],
      "enableExternalDirectory": false,
      "formFactor": "phone",
      "name": "__PACKAGE__",
      "orientation": "portrait",
      "packageName": "__PACKAGE__",
      "useGoogleContactsSyncAdapter": false,
      "usePlayServices": [ "gcm" ]
   },
   "default_locale": "en",
   "icons": {
      "128": "icon.png",
      "16": "icon.png"
   },
   "import": [ {
      "id": "mfaihdlpglflfgpfjcifdjdjcckigekc"
   } ],
   "key": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAh8HMM22e3J95V1TO1RSEF9j4eOATV+pIhGq5FFJek9l1aM9ot0B9rB25pWALNZdiW3hrgRcPR/8YGFaccFbcgneK29hnHbcbwSytdrhK2tF7iV3lbbd/FvENBODZXu3jGruWKRCtlsJgaOmA/97wpHEnn8vqkKLj4+W9kIU+dp+m9GzbB9eQijnt/7XQyJzS1YWsVZyrPaNrEibO33u+CesZ+9lSSJsvocd+r0CK+AvEY8mN27/OhNblDGLOQ/OC8L/AvEm9mU3wk11KyqS18e48XbH9Saxmsl72Z7FTcv4j/C0bqNyeJX1Ja2DMEoabuE2Jxm3vtP9jq+5UjRV1+wIDAQAB",
   "manifest_version": 2,
   "name": "__MSG_extName__",
   "oauth2": {
      "client_id": "133701689125-jj0hr4gb0ff4ulsbrn0uk2i4th946d4c.apps.googleusercontent.com",
      "scopes": [  ]
   },
   "offline_enabled": true,
   "permissions": [ "gcm", {
      "socket": [ "tcp-connect", "tcp-listen", "udp-bind", "udp-send-to", "resolve-host" ]
   }, "unlimitedStorage", "notifications", "clipboardRead", {
      "fileSystem": [ "write" ]
   }, "https://clients2.google.com/", "videoCapture", "clipboardWrite", "identity.email", "alarms", "storage", "identity", "audioCapture" ],
   "requirements": {
      "3D": {
         "features": [ "webgl" ]
      }
   },
   "update_url": "https://localhost",
   "version": "1337"

}

12. Теперь поменяйте эти строки:
"formFactor": "Введите или "phone" или "tablet"",
"name": "Сюда надо вводить имя пакета",
"orientation": "Введите или "portrait" или "landspace"",
"packageName": "Сюда надо вводить имя пакета",
13. В итоге у вас получится такой файл(для инстаграмма):
{
   "app": {
      "background": {
         "page": "app_main.html"
      }
   },
   "arc_metadata": {
      "apkList": [ "custom-android-release-1400197.apk" ],
      "enableExternalDirectory": false,
      "formFactor": "phone",
      "name": "com.instagram.android",
      "orientation": "portrait",
      "packageName": "com.instagram.android",
      "useGoogleContactsSyncAdapter": false,
      "usePlayServices": [ "gcm" ]
   },
   "default_locale": "en",
   "icons": {
      "128": "icon.png",
      "16": "icon.png"
   },
   "import": [ {
      "id": "mfaihdlpglflfgpfjcifdjdjcckigekc"
   } ],
      "manifest_version": 2,
   "name": "__MSG_extName__",
   "oauth2": {
      "client_id": "133701689125-jj0hr4gb0ff4ulsbrn0uk2i4th946d4c.apps.googleusercontent.com",
      "scopes": [  ]
   },
   "offline_enabled": true,
   "permissions": [ "gcm", {
      "socket": [ "tcp-connect", "tcp-listen", "udp-bind", "udp-send-to", "resolve-host" ]
   }, "unlimitedStorage", "notifications", "clipboardRead", {
      "fileSystem": [ "write" ]
   }, "https://clients2.google.com/", "videoCapture", "clipboardWrite", "identity.email", "alarms", "storage", "identity", "audioCapture" ],
   "requirements": {
      "3D": {
         "features": [ "webgl" ]
      }
   },
   "update_url": "https://localhost",
   "version": "1337"

}
Жирным отмечены изменения

Последний шаг! Снова зайдите в chrome://extentions и выберите "Загрузить распакованное расширение". Выберите вашу папку с manifest.json и вашим APK файлом. Нажмите на кнопку "Запустить"

Только что я расписал на русском возможность запуска android приложений на любых ОС. Я написал ручной вариант, но если вы разберетесь с автоматическим вариантом, то напишите как вы это сделали в комментарии. Буду признателен

Если у вас есть вопросы или проблемы, то пишите их в комментарии. Я постараюсь на них ответить

P.S. Некоторые приложения могут не работать. Например: Google Chrome ;)

P.P.S Работает лучше, чем android эмулятор

понедельник, 8 сентября 2014 г.

Новая фича Chrome(Relaunch Chrome in ChromeOS mode)


Всем привет!

Недавно(точнее 5 дней назад) в Chrome появилась незаметная кнопочка Relaunch Chrome in ChromeOS mode

Не понятно зачем, но выглядят вполне себе ничего :). Пока только для Canary версии Chrome

Пару скриншотов:

Замечу, этот режим не открывается на полный экран:
А хотелось бы как Steam big picture(на полный экран):


Вывод:Можно даже сказать что это урезанная демка ChromeOS. Без рабочего стола и той самой скорости работы + нет той безопасности. Думаете купить хромбук? Посмотрите на браузер в этом режиме и решитесь!

+ Chrome Canary(устанавливается отдельно от стабильной версии Chrome!)

Надеюсь я вам помог :)
Если вы нашли ошибки или недочеты, то пишите в комментарии или мне в Hangouts.

суббота, 30 августа 2014 г.

Размытые шрифты в версии 37


Недавно Google выпустила обновление браузера. В браузер добавили поддержку DirectWrite API. Благодаря этому шрифты получаются более четкими, но проблема будет с маленькими шрифтами: при использовании маленьких шрифтов (10px) GDI выглядит четче, но он искромсан. DirectWrite рендерит маленькие шрифты таким образом, что они становятся менее четкими

Увеличьте масштаб страницы и эффект размытости пропадет

DirectWrite API можно отключить с помощью флага chrome://flags/#disable-direct-write(вставлять в адресную строку), но с DirectWrite браузер работает быстрее :)

Без DirectWrite С DirectWrite

воскресенье, 17 августа 2014 г.

Chrome dev 38 - самое очевидное

Сегодня я установил себе Chrome dev(38 версия). Сейчас отмечу самые примечательные изменения:
1) Шрифты воспринимаются не так, как в прошлых версиях. Спасибо, DirectWrite
Без DirectWriteС DirectWrite
2) Новый Chrome эксперимент. Неплохо. Наверное удобненький
Фича

Менеджер пользователей

3) Меню. Мне кажется оно поменялось(Справка появилась О_о)




4) 64х битная версия. Ура!



 5) Dev tools обновился. Кружочки около строк с ошибкой и кружочки в консоли. ВЕЗДЕ КРУЖОЧКИ!

Ну... Это самое интересноечто я заметил. Знаете больше фич? Напишите в комментарии о них!




пятница, 15 августа 2014 г.

Грабим содержимое сайтов с помощью Chrome!

1. Находим очень красивый сайт, который нам очень нравится, но на нем есть что то, что вы очень хотите получить(картинку, шрифт, видео, скрипт, стиль etc.)
1.1 За пример возьму сайт стражей галактики и я очень хочу достать загрузочную гифку(не доступна для скачивания "Сохранить как..." )
2. Открываем Chrome dev tools(правый клик мыши -> посмотреть код элемента)

3. Заходим во вкладку ресурсы и откройте вкладку Frames -> выберите папку


4. Внизу есть папочки(fonts(шрифты), images(картинки/видео), media(музыка), scripts(скрипты), stylesheets(стили)). Т.к. мне надо видео, то я лезу в папку images и копирую URL картинки

5. Вставьте URL в адресную строку и скачайте элемент(картинки - "Сохранить картинку как", видео и шрифты - "Сохранить как...")

Всем енота.
 Заметили ошибку? Пишите в комментарии!