Рейтинг: 4.3/5.0 (1617 проголосовавших)Категория: Торрент-файлы
Совершенство в пикселях / Pixel Perfect 
Перевод: Профессиональный (полное дублирование), cубтитры: отсутствуют
Формат: SATRip, AVI, XviD, MP3
Страна: США
Режиссер: Марк А.З. Диппе
Жанр: фантастика. фэнтези. комедия. семейный. музыка
Продолжительность: 01:29:57
Год выпуска: 2004
В ролях: Рики Уллман. Леа Пайпс. Спенсер Редфорд. Робин Баллард. Британи Бэйтмен. Марта Картер. Дэн Кристенсен. Джойс Коэн. Порша Коулмэн.
Описание: У Саманты есть музыкальная группа, которая, к сожалению, не пользуется популярностью. Тогда ее друг Роск решает помочь своей подруге и создает голографическую солистку для группы — Лоретту Модерн.
Очень быстро группа и ее новая солистка завоевывают все большую известность. Но Саманта этому не рада — она чувствует себя никому не нужной, да и Лоретта пытается завоевать симпатии ее друга. Перед кем не устоит сердце Роска? 
Видео: 624x352 (1.77:1), 23.976 fps, XviD MPEG-4
950 kbps avg, 0.18 bit/pixel
Аудио: 48 kHz, MPEG Layer 3, 2 ch,
Размер: 0 Kb Статус (Цена). Бесплатно Дата добавления: 12.11.2011 Имя файла: pixel_perfect-1.7.1-fx.xpi 
Pixel Perfect is a Firefox Firebug extension that allows web developers to easily overlay a web composition over top of the developed html. Pixel Perfect allows you to create the perfect pixels as possible.
Pixel Perfect also has an opacity option so that you can view the HTML below the composition. By being able to see both the composition and the HTML you can now simultaneously use Firebug while Pixel Perfect is still in action.
The Pixel Perfect addon is cross-platform and it works on Mac OS X, Windows and Linux.
Requirements:
На нашем сайте Вы можете скачать Pixel Perfect бесплатно. а также на высокой скорости и без регистрации сможете скачать Pixel Perfect для Windows 7 или скачать Pixel Perfect для Windows 10 удобно и быстро, за один клик.
Мы публикуем самый новый, популярный и восстребованный софт и игры, в том числе и Pixel Perfect на русском языке (если разработчиком предусмотрен такой вариант дистрибутива). Если вы хотите скачать торент Pixel Perfect, то вам понадобится бит-торрент клиент, наподобии uTorrent.
Ссылка: http://releases..b/mozilla.org/addons/7943/pixel_perfect-1.7.1-fx.xpi
Pixel Perfect 1.7.1 скачать №1
Начну издалека. Не так давно я присоединилась к HTML Академии в качестве наставника. Помимо того, что наставничество помогает упорядочить свои знания, оно удивительным образом стимулирует разработку разных полезных штук, потому что в процессе появляются интересные задачи, решение которых можно удобно автоматизировать.
Например, так появился генератор HTML-дерева. он позволяет посмотреть структуру документа, обнаружить простые ошибки в БЭМ-классах и проверить дерево заголовков. Полезный инструмент не только для ученика, но и для наставника, регулярно им пользуюсь.
Мой новый проект также появился как решение для задачи, постоянно возникающей в процессе обучения: страницы с адаптивным дизайном нужно проверять на соответствие макетам.
Ниже будет немного текста про поиск решения. Если кому лень читать, можно сразу пойти поиграться на демо-странице .
Ученики получают учебный дизайн из трёх страниц, каждая из которых имеет макеты для трёх состояний: мобильный, планшетный и десктопный — всего девять макетов. В процессе вёрстки адаптивной страницы имеет смысл периодически менять размер окна и проверять, что при добавлении стилей для десктопной версии не поломалась, например, мобильная. Как тут лучше всего проверять соответствие макету?
Скриншотилки, которые используются в больших проектах, слишком тяжеловесны для такой задачи, нужно что-то совсем простое, чтобы любой начинающий смог этим воспользоваться.
Первым делом я конечно вспомнила про плагин Pixel Perfect (он как минимум есть для Chrome и Firefox), но он не подходит по ряду причин. Например, загруженные макеты не умеют меняться при переходе между страницами и при изменении окна браузера, а переключать их каждый раз руками довольно быстро надоест. Тем более, что есть медиавыражения, которые прекрасно могут переключать макеты за нас.
Моё самое первое решение выглядело вот так:
Этот код вставляется в <head> каждой страницы. В нём задаются нужные медиавыражения, а ссылки на картинки меняются на актуальные макеты для каждой конкретной страницы.
Макеты меняются при переключении между страницами и при изменении размеров окна, этим уже можно пользоваться, и это достаточно удобно. Макеты лежат прямо под разметкой, за ними не нужно всё время ходить в графический редактор, поэтому даже такая простая конструкция может ощутимо сэкономить время.
Но по мере написания стилей на странице появляются свои фоны и картинки, и макеты в нижнем слое становятся не видны. Как быть?
Следующим моим решением стало расширение для Хрома, которое на каждой странице создаёт полупрозрачный слой с макетами. При изменении размеров окна макеты меняются с помощью медиавыражений, как и в предыдущем случае. Бонусом было добавлено управление прозрачностью слоя с макетами и возможность включить режим наложения difference. чтобы было легче находить различия.
Прекрасная штука получилась. Но работает только в Хроме, ключевые точки для переключения макетов и пути к картинкам нужно задавать в конфигах самого расширения, картинки макетов должны лежать внутри расширения, ну и ещё всякие другие ограничения были. В общем, не универсально, для каждого нового проекта потребуется ручная настройка и это совсем не годится для начинающих.
Мне хотелось найти какое-то совсем-совсем простое решение, чтобы любой смог бы справиться с настройкой и установкой, и чтобы при этом он хотя бы примерно понимал что он делает.
Для сравнения разметки с макетами нужно два слоя: слой с разметкой и слой с макетами. С одной стороны, можно руками вставлять слой с макетами в разметку страницы, с другой, велик риск забыть его там, когда он перестанет быть нужен, так что следующим вариантом стало использование в качестве слоёв существующих элементов страницы.
Если макеты задать фоном для <body>. при изменении прозрачности <body> макеты тоже станут полупрозрачными, поэтому в качестве слоя с макетами лучше использовать элемент <html> :
Как и в предыдущем случае, макеты будут лежать под разметкой, но сейчас если у <body> задан фон, их не будет видно. Сделаем слой с разметкой полупрозрачным, добавив opacity для <body> :
Этим уже тоже можно как-то пользоваться, но мне в этом решении не хватало удобного управления прозрачностью, поэтому я написала небольшой скрипт, который добавляет на страницу вот такую панель:
Она позволяет управлять прозрачностью <body> (в данном случае вместо макетов просто полосатый фон), её можно таскать по странице и можно выключить, если не нужна.
Расширение для браузера решила не делать, чтобы не ограничивать количество браузеров, в которых это можно использовать.
Установка в итоге выглядит вот так:
По-моему, получился довольно удобный инструмент, но наверняка можно что-то улучшить. Если у вас есть какие-то идеи на этот счёт, напишите мне о них в комментариях. Также мне будет интересно как вы решаете подобные задачи и какие инструменты для этого используете.
UPD: библиотека переехала на npm, спасибо всем участникам обсуждения .
Базовая часть — переключение макетов при изменении размеров окна — легко может быть сделана с помощью медиавыражений, для этого не нужен JavaScript. Такой код любой верстальщик может написать сам, своими руками. Pixel Glass просто делает управление прозрачностью чуть более удобным.
Роль конфига в данном случае выполняет CSS, и с его настройкой легко справится пользователь любого уровня. Это важно, потому что в первую очередь инструмент предназначается для людей, которые только начинают верстать.
Сделайте. ) Будет здорово, если появятся новые удобные инструменты.
Если вы нашли ошибку или неточность, вы можете отредактировать статью с помощью prose.io, а также можно написать мне в комментариях или в Twitter.
Раздача является мультитрекерной — учтите, количество раздающих не будет совпадать с количеством участников на сайте (скачивание на клиентской стороне зависит от настроек µTorrent клиент программы, настройки -> Включить DHT, Обмен пирами и Поиск лок-х пиров).
Если висит надпись, пиры по нулям - не бойтесь, возможность скачать повторно раздачу - есть. Попробуйте, в случае отказа - прокоментируйте или нажмите на "Позвать скачавших".
Скачать .torrent файл (основная ссылка для скачивания файла)
Смотреть / Слушать онлайн просмотр (ссылка для просмотра файла через плагин 'Torrent Stream')
Magnet-ссылка (альтернативная ссылка для скачивания файла)
Оригинальное название. Pixel Perfect
Название. Совершенство в пикселях
Нажмите чтобы закрыть спойлер: Трейлер
О фильме.
У Саманты есть музыкальная группа, которая, к сожалению, не пользуется популярностью. Тогда ее друг Роск решает помочь своей подруге и создает голографическую солистку для группы — Лоретту Модерн.
Очень быстро группа и ее новая солистка завоевывают все большую известность. Но Саманта этому не рада — она чувствует себя никому не нужной, да и Лоретта пытается завоевать симпатии ее друга. Перед кем не устоит сердце Роска?
Нажмите чтобы закрыть спойлер: Скриншоты
Файл
Качество. DVDRip
Видео. XviD, 624x352 (16/9), 23.976 fps, 951 Kbps (0.181 bit/pixel)
Звук. MP3, 48.0 KHz, 2 ch, 128 Kbps, CBR
Оповестить о раздаче
Включить оповещение на почту ( о новом торрент-файле ), когда появится раздача с похожим названием: Совершенство в пикселях, Pixel Perfect
Внимание. Если вы не авторизованы, то для вас будет создана временная учетная запись (доступ к аккаунту будет прикреплен в письме).
Обзор плагинов и скриптов для работы в технике Pixel Perfect.
Для начала - что такое техника Pixel Perfect? Все просто и можно догадаться по названию - это техника верстки, при которой сверстанный HTML-шаблон в точности (пиксель-в-пиксель) совпадает с оригиналом, PSD-макетом.
Другими словами, если наложить “картинку” сверстанного HTML-шаблона на картинку оригинального PSD-макета, то обе картинки должны совпасть. Совместиться должны все элементы картинок - текст, изображения, графические элементы.
По современным требованиям к верстке Pixel Perfect уже чуть ли не стандарт де-факто. Так что изучить этот вопрос жизненно необходимо, если есть желание и стремление иметь много заказов и заказчиков.
На момент написания статьи реализация техники Pixel Perfect осуществляется при помощи соответствующих плагинов под браузеры или же с помощью специализированных скриптов. Ниже будут кратко рассмотрены два плагина и два скрипта, однако во всех случаях шаги для проверки Pixel Perfect одинаковы.
Первоначально в программе Photoshop оригинальный PSD-макет сохраняется как изображение в формате
Затем в браузере открывается сверстанный по этому макету HTML-шаблон. При помощи плагина PNG-копия макета накладывается на сверстанную страницу. И становится видна разница в расположении элементов на HTML-странице и на PNG-копии.
В этом и заключается вся несложная процедура Pixel Perfect проверки сверстанной страницы. Там, где на странице элементы не совпадают с оригиналом, производится коррекция значений в файлах стилей.
Pixel Perfect под FirefoxДля браузера Firefox имеется плагин Pixel Perfect для одноименной проверки сверстанной страницы.
После установки плагина Pixel Perfect его значок появиться в панели инструментов браузера Firefox. Стоит сказать, что плагин Pixel Perfect поддерживает только последние версии браузера Firefox (к примеру, в версии v.31 этот плагин не будет работать).
Теперь нужно открыть в Photoshop оригинальный PSD-макет и сохранить его целиком как изображение в формате
через “Save for Web…”.
Важно! Перед экспортом в PNG-изображение PSD-макет необходимо привести к оригинальному размеру. Для этого в Photoshop зарезервирована комбинация hotkeys: Ctrl+1 - под Windows\Linux, Cmd+1 - под Mac OS X.
Как только PNG-копия PSD-макета подготовлена и сохранена, открываем в окне браузера Firefox сверстанную по этому макету HTML-страницу.
Запускаем плагин Pixel Perfect щелчком мыши по его иконке в панели инструментов браузера. Сразу же появится окно плагина, в котором он предложит нам выбрать заранее подготовленное PNG-изображение (копию PSD-макета):
Жмем на кнопку “Add Layer”, выбираем подготовленное PNG-изображение и получаем результат - наложение двух слоев (сверстанного и оригинального):
Видим, как не совпадают текст и кнопка HTML-страницы c PNG-оригиналом. Поэтому открываем в Firebug (этот плагин активируется автоматически при запуске плагина Pixel Perfect) вкладку со стилями и начинаем правку\подгонку:
Обратите внимание на режим “Invert” плагина Pixel Perfect - с помощью него можно очень точно корректировать элементы HTML-страницы.
В описанном выше процессе и заключается работа с плагином Pixel Perfect, а также Pixel Perfect верстка как таковая. Все предельно просто.
Ниже приведен видео-ролик, в котором показан процесс работы с плагином Pixel Perfect (видео не мое, поэтому за качество во всех смыслах ответственности не несу) - для наглядности работы пойдет:
Рассмотрение плагина Pixel Perfect под браузер Firefox закончено.
PerfectPixel под Google ChromeПлагин PerfectPixel под браузер Chrome очень похож по назначению и функционалу (и названию!) на плагин Pixel Perfect под браузер Firefox.
После установки PerfectPixel необходимо зайти в настройки расширений браузера Chrome - chrome://extensions/ и активировать для плагина галочку “Allow access to file URLs”, тем самым разрешив плагину доступ к локальным HTML-страницам:
Важно! Перед экспортом в PNG-изображение PSD-макет необходимо привести к оригинальному размеру. Для этого в Photoshop зарезервирована комбинация hotkeys: Ctrl+1 - под Windows\Linux, Cmd+1 - под Mac OS X.
После этого запускаем плагин PerfectPixel, добавляем в нем новый слой (PNG-копию оригинала) и проверяем:
Функционал и работа плагина PerfectPixel ничем не отличается от функционала и работы плагина Pixel Perfect.
Ниже приведен видео-ролик с официальной страницы плагина PerfectPixel для демонстрации работы в нем:
Рассмотрение плагина PerfectPixel можно на этом закончить.
Если в двух предыдущих случаях были рассмотрены бесплатные плагины под два популярных браузера Firefox и Chrome, то в данном случае речь пойдет о платном ($5 на момент написания статьи) скрипте X-Precise. написанном на JavaScript и использующем библиотеку jQuery.
Подключение X-PreciseДля того, чтобы получить наложение картинки-оригинала на сверстанную страницу нужно подключить скрипт X-Precise к этой странице. Для этого необходимо скачать архив X-Precise.
Затем нужно распаковать папку
