Браузер Google Chrome получил новый дизайн – как его включить? Дизайн хром
Как включить в Google Chrome совершенно новый дизайн
Через несколько месяцев в Google Chrome появится новый дизайн интерфейса. Активировать его можно уже сейчас — через скрытые настройки браузера.В настоящее время новый дизайн доступен только в тестовой Canary-сборке Chrome с номером 68. Стабильная сборка Chrome носит номер 66, а до версии 68 она обновится лишь в июле 2018 года. До этого времени её пользователям придётся сидеть на старом дизайне в ожидании нового.
Чтобы включить новое оформление, нужно установить Canary-сборку Chrome и перейти к скрытым настройкам, вставив в адресную строку chrome://flags/#top-chrome-md. Затем нужно выбрать интерфейс Refresh и перезапустить браузер. Там же при желании можно будет вернуть прежнее оформление (Normal) или переключиться на планшетный режим (Hybrid или Touchable). Имейте в виду, что это нововведение доступно только в Crome Canary на Windows. На Mac его пока нет.
Изменения в основном относятся к верхней части браузера: переделаны переключатели вкладок, адресная строка и кнопка для открытия новой вкладки, а переключатель аккаунтов переместился к кнопкам расширений. Сравните старый и новый дизайн:
www.iguides.ru
33 расширения в Google Chrome для дизайнеров и разработчиков
Google Сhrome уникальный браузер, кроме того, что он кушает много оперативки, в нем есть огромное количество полезных расширений. И в этой статье мы пойдем дальше виджетов погоды и блокировщиков рекламы.
WriteWell — это очень полезное расширение, которое поможет с любым писательским проектом — статьи, электронные книги, романы и блоги. Это расширение предлагает большую библиотеку шаблонов, советов, образцов текстов и умных фраз, чтобы направить в процессе созидания текстов.
Радикально ускорить процесс создания элементов с DomFlags поможет это расширение. Оно позволит вам создать горячие клавиши для DOM-эементов. Это очень похоже на закладки в DOM-объектах, такие закладки очень упростят работу с DevTools.
Это интересный способ вовлечь людей в дискуссию: Highly позволяет поделится выделенным текстом из интересных статей в интернете.
Это приложение делает Dribbble лучше, показывая бОльшие превью картинок; добавляя кнопки Like и Add to Bucket в каталог; позволяет делать автовоспроизводение GIF.
Мощный инструмент для Chrome, позволяет создавать дизайн и потом экспортировать его в CSS файл для использования на сайте. Оно поддерживает слои и содержит множество инструментов, которые можно использовать и в стандартном фоторедакторе.
Это расширение поможет вставить ваш код в скриншоты ваших демок и мок-апов. Вы также можете добавить эффектов и создать промо для портфолио.
Как веб-разработчику вам нужно будет протестировать созданный сайт. Повторять один и тот же процесс довольно утомительно. iMacros позволит записать экшены, чтобы вызывать их всего один раз. Затем вы прогоняете этот экшн по заданным параметрам и сэкономите кучу времени для себя.
Каждый дизайнер и разработчик оценит это приложение по достоинству. Font Playground поможет экспериментировать со шрифтами и Google Fonts на онлайн веб-странице, не делая при этом никаких изменений. Прелесть этого расширения еще в том, что можно менять размер шрифта и применять различные эффекты к нему, прежде чем добавить его на сайт.
Если вы делаете адаптивную верстку сайтов то это расширение точно для вас. Вы можете легко посмотреть, как работает сайт на всех популярных устройствах.
Если вам когда-нибудь придется работать с текстами в мокапах, то не отчаивайтесь, это расширение поможет вам выделять, копировать и вставлять текст с любого изображения и переводить его.
Название этого приложения говорит само за себя. Хотите узнать, какой шрифт использовал тот или иной бренд? Можете сделать это одним кликом мышки.
Это расширение не только проверяет скорость загрузки сайта, но еще и показывает, что именно тормозит сайт.
Если вы веб-разработчик и до сих пор не пользовались этим приложением, то мы не знаем, как вы жили. Оно добавляет в тулбар кучу полезных инструментов.
Это расширение легко поможет померить любое место на экране.
Этот инструмент поможет проверить вашу работу с точки зрения SEO, юзабилити и перфоманс. Допустим, у вас на странице потерялся h2 тэг, или нет мета-тайтла или мета-описания. Он легко определит, где ошибка, и поможет устранить ее.
Истинное сокровище для веб-разработчиков! Эта программа позволяет автоматически сохранять любые изменения в CSS или JS с помощью инструментов среды Chrome Dev к его исходному файлу. Это легко настроить и использовать, и поможет сэкономить вам много времени.
Это приложение позволяет одним щелчком мыши накладывать модульную сетку на любом сайте или офлайн скриншоте.
Это приложение — не просто пипетка, оно еще и помогает передавать цвет в любую программу и создавать градиенты.
Ripple Emulator — это мультиплатформенное приложение которое поможет протестировать ваше веб-приложение, используя большое количество размеров и разрешений экранов. Также можно использовать его для поиска багов и автоматического тестирования.
Streak CRM для Gmail является основным инструментом для управления CRM и поддержки электронной почты.
Это приложение добавляет кнопку поиска на сайте Stack Overflow. Сам сайт является аналогом Quora для веб-разработчиков и поможет вам быстро решить возникшую проблему.
Очень трудно запомнить каждую функцию, и если раньше вы тратили часы на поиск в гугле, то это расширение облегчит вам жизнь. Оно содержит всю PHP 5.5 документацию на 8 языках, и это не выходя из браузера.
Дизайнеры просто ненавидят, когда они создают крутой дизайн, но в процессе кодинга он теряет некоторые свои задумки. Это приложение очень просто использовать, одним нажатием кнопки можно наложить полупрозрачные картинки на мокап сайта и проверять попиксельно, чтобы все совпадало.
Мало того, что этот инструмент позволяет просматривать исходный код, над которым вы работаете, так он еще и работает как CSS редактор.
Еще одно приложение для того, чтобы увидеть, как сайт будет выглядеть на разных устройствах.
Приложение для ленивых или тех, кто тут же сносит ненавистный интернет-эксплорер, а потом вспоминает, что на нем тоже нужно тестировать сайт. Превращает ваш хром в IE.
Простой в использовании онлайн фоторедактор, в котором можно работать со скриншотами, изображениями и веб-страницами.
Среди людей, которые пользуются интернетом, есть те, кто страдает дальтонизмом. Именно это приложение поможет вам улучшить дизайн сайта, чтобы им было комфортно пользоваться.
Расширение, которое находит и показывает, какие использовались веб-утилиты и JS-библиотеки.
Закончили разработку сайта? Но при этом забыли проверить ссылки? Не беда, это расширение все сделает за вас.
Вам надоело, как в хроме выглядит окно новой вкладки? Это приложение позволит вам видоизменить его, поставив на фон лучшие снимки с Flickr.
По принципу работы похоже на предыдущее приложение, только вместо фото показывает произведения Моне и Ван Гога.
Сокращает трафик, получаемый при загрузке страниц с помощью серверов Google.
Существует много разных и интересных приложений, которые позволят повысить вашу продуктивность. А какими из вы уже пользуетесь?
Читайте также:
10 плагинов для After Effects, которые очень вам нужны
40+ потрясающе креативных дизайнов кредитных карт
14 сайтов с великолепным дизайном, которые вас вдохновят
comments powered by HyperComments comments powered by HyperComments say-hi.me
Дизайн Google Chrome станет более закруглённым и светлым
В этом году Google планирует существенно обновить дизайн своих основных продуктов. Ранее стало известно об изменениях внешнего вида мобильной операционной системы Android P и почтового сервиса Gmail. Теперь на очереди браузер Chrome.
Новый дизайн получил неофициальное название Material Design 2. О нём компания должна подробно рассказать на конференции I/O 2018, однако уже сейчас ясно, что он станет менее загромождённым, а его детали — более закруглёнными. Среди изменений — круглые кнопки, округлые прямоугольники, светлые фоны и более активное использование шрифта Product Sans, который, вероятно, переименуют в Google Sans.
Некоторые нововведения уже доступны в Chrome Canary — нестабильной сборке браузера. Адресная строка в ней стала похожа на ту, которую сейчас можно обнаружить на Android. Закруглёнными стали кнопка закладок и поле ввода текста. Одно из самых заметных изменений — вкладки: теперь это не трапеции, а прямоугольники. Рядом с кнопками расширений появилась новая круглая иконка профиля с изображением пользователя.
В дизайн-документах описываются и другие изменения, которые пока не были внесены даже в Canary-сборку. Среди них — кнопка открытия новой вкладки, расположенная слева от панели вкладок. Эта кнопка появится на Windows, Linux и Chrome OS, а на macOS, где она и так расположена слева, переместится вправо.
Фоновые вкладки станут того же цвета, что и оконная рамка. Единственным разделителем станет небольшая вертикальная линия. В документах упоминается и новая функция «телепортация окон». Если Chrome использует несколько пользователей, то окна можно будет отправлять с одного профиля на другой.
Если вы заметили ошибку — выделите ее мышью и нажмите CTRL+ENTER.
3dnews.ru
Браузер Google Chrome получил новый дизайн – как его включить?
Американская компания Google не устает приятно радовать жителей всего мира, постоянно улучшая свое программное обеспечение, которым пользуются сотни миллионов человек по всему миру. На днях состоялся релиз 68-й версии популярного веб-браузера Google Chrome Canary для компьютеров на базе Windows, Mac и Linux. Скачать и установить новейшую сборку уже сейчас могут все желающие, причем это действительно стоит сделать, потому как в ней интернет-обозреватель получил новый дизайн.
Стоит заметить, что Chrome с приставкой «Canary» отличается от обычного лишь тем, что он получает все новшества раньше, то есть это некий тестовый веб-браузер, хотя даже так его нельзя назвать, потому как еще ни один билд данного интернет-обозревателя не работал плохо или с проблемами. Просто у компании Google такая политика, при которой она сначала тестирует уже готовую функцию на небольшом числе пользователей, а затем выводит ее в массы.
Главным новшеством 64-й версии браузера Google Chrome стал новый дизайн в лучших традициях Material Design. Интерфейс стал более скругленным и минималистичным, однако чтобы получить доступ к новому дизайну его необходимо вручную активировать. К счастью, сделать это довольно просто. Достаточно ввести в адресной строке chrome://flags/#top-chrome-md, после чего найти в большом меню раздел UI Layout и выбрать вариант Refresh. В некоторых случаях может потребоваться перезапуск браузера.
Хоть 68-я версия Google Chrome и доступна для установки на три платформы, однако работает новшество, связанное с дизайном, только на компьютерах под управлением Windows и Linux. На операционной системе macOS High Sierra 10.13.4, после выбора нового интерфейса в настройках, ничего не происходит. Скорее всего, «поисковой гигант» специально принудительно ограничил число компьютеров, на которых можно опробовать новый интерфейс.
Помимо нового дизайна, новейшая версия браузера Google Chrome в лице Canary содержит слегка измененный интерфейс. Так, например, конка управления учетной записью теперь находится в одном ряду с настройками, а интерфейс подвергся небольшой перестановке. Ранее «поисковой гигант» добавил в свой интернет-обозреватель новую функцию, которая позволяет транслировать на экран телевизора фильмы, сериалы, музыку, изображения, видео и любой другой медиаконтент.
До 15 июля включительно у всех желающих есть уникальная возможность бесплатно получить спортивный браслет Xiaomi Mi Band 3, потратив на это всего 1 минуту своего личного времени.
Присоединяйтесь к нам в Twitter, Facebook, ВКонтакте, YouTube, Google+ и RSS чтобы быть в курсе последних новостей из мира технологий будущего.
akket.com
Material Design | Хром.рф
description
Продолжаю рассказывать о внедрении Material Design в браузере Chrome. На этот раз мы с вами вновь вернемся к эксперименту, который …
description
Браузер Google Chrome продолжает экспериментировать с оформлением в стиле Material Design. Сегодня я расскажу вам о двух новых экспериментах, которые обновляют внешний …
description
Продолжаем рассказывать об изменениях в дизайне браузера Google Chrome, которые делают его все более "материальным". На этот раз вы можете …
description
Команда Chromium продолжает перерисовывать те или части браузера в соответствии с Material Design. Сегодня можно взглянуть на вариант новой страницы …
description
Дизайнеры Google Chrome медленно, но верно перерисовывают элементы браузеры под требования гугловского Material Design. На этот раз они добрались до …
my-chrome.ru
Новая версия браузера Google Chrome Canary демонстрирует грядущее обновление дизайна в стиле Material Design 2
Со дня анонса следующей версии операционной системы Android P в сети не утихают разговоры касательно особенностей нового дизайнерского языка Material Design 2 и планов Google в отношении дизайна собственных продуктов. Напомним, незадолго до того, как мы узнали о грядущем обновлении дизайна Gmail и увидели его на первых скриншотах, сообщалось о радикальном обновлении дизайна браузера Chrome в стиле Material Design, намеченном на сентябрь этого года, как раз к 10-летию продукта.
И вот сейчас в канале Canary вышла новая тестовая сборка браузера Google Chrome с новым дизайном. Сразу оговорим, что речь о настольном Chrome Canary версии 68 для Windows, тогда как в версии для Mac возможности испытать новый дизайн пока нет.
Активировать новый дизайн Google Chrome можно в экспериментальных настройках браузера. Для этого нужно ввести в адресной строке команду chrome://flags/#top-chrome-md, после чего из выпадающего меню выбрать пункт “refresh”. После этого можно заметить несколько изменений во внешности браузера.
Как можно видеть, наряду с черной темой оформления, которую сложно не заметить, изменился внешний вид вкладок – они стали более обтекаемыми и гладкими, что согласуется с наблюдающимся сейчас переходом Google от прямоугольных к более округленным элементам пользовательского интерфейса. Собственно, это подтверждает и округленная адресная строка Omnibar, выполненная в том же стиле, что и на Android. Аналогичные визуальные изменения сейчас прослеживаются в последних тестовых версиях приложения Google и других сервисов компании, включая поисковик.
Также можно отметить, что иконка с изображением учетной записи переехала на панель инструментов рядом с адресной строкой.
Понятно, что Google только приступила к внедрению изменений в дизайн браузера в рамках нового стиля Material Design 2, являющегося дальнейшем развитием оригинальной концепции. И это лишь часть изменений.
В описании дизайнерской концепции Material Design на сайте проекта Chromium дизайн актуальной версии Chrome обозначен как «M1». То есть, новый дизайн, вероятно, получит обозначение GM2. В документации говорится, что иконография панели инструментов останется прежней, но изменится угловой радиус самих кнопок. Кроме того, есть рекомендации, касающиеся расстояния между элементами интерфейса и их цвета.
Пока неясно, является ли нынешнее обновление тем самым радикальным обновлением в рамках Material Design 2. К тому же, пока нет полной уверенности, что дальнейшие развитие дизайнерской мысли поискового гиганта будет называться именно так – Material Design 2. На сайте проекта В Chromium проект проходит под названием «MdRefresh» без каких-либо номеров. Вероятно, больше подробностей на этот счет мы узнаем уже скоро, так как приближается конференция разработчиков I/O 2018.
os-chrome.ru
26 лучших расширений Chrome для дизайнеров
Ускорьте свой рабочий процесс и сэкономьте время для более важных вещей
С тех пор, как технический гигант Google запустил браузер Chrome, он стал выбором номер один для дизайнеров и разработчиков, и захватил около 70% рынка браузеров.
Благодаря встроенным инструментам разработчика, доступным в Chrome, вносить изменения или проверять свойства дизайна довольно легко, но лучшее это делать с помощью расширений Chrome. Они позволяют дизайнерам и разработчикам делать больше при меньших усилиях.
Давайте посмотрим на последние Chrome-плагины, рекомендованные для вас на основе опроса нескольких самых популярных команд дизайнеров и разработчиков в мире.
Инспектирование свойств дизайна на странице
Page Ruler
Нарисуйте линейку и измерьте элементы на любой веб-странице.
Скачать по ссылке
Dimensions
Инструмент для дизайнеров, который поможет измерить размеры экрана.
Скачать по ссылке
Perfect Pixel
Это расширение помогает разрабатывать ваши сайты с точностью до пикселя!
Скачать по ссылке
Visual Inspector — Inspect
Восхитительный способ проверить свойства дизайна веб-страницы, не теряя при этом удобства инструментов дизайна.
Скачать по ссылке
Визуальное редактирование веб-страниц
Code Cola
Code Cola — это Chrome-расширение для визуального редактирования css стилей онлайн страниц.
Скачать по ссылке
Css Shack
Верстайте свои дизайны прямо в браузере.
Скачать по ссылке
Visual Inspector — Measure
Восхитительный способ внести изменения в веб-сайт без потери удобства инструментов проектирования.
Скачать по ссылке
Получить цвета с веб-сайта
Colorzilla
Продвинутая пипетка, цветовая палитра, генератор градиента и другие полезные плюшки.
Скачать по ссылке
Visual Inspector — Colors
Извлечение и изменение цветов, градиентов на веб-сайте.
Скачать по ссылке
Получить шрифт с веб-сайта
What font
Определяет шрифты на веб-страницах.
Скачать по ссылке
Google Font previewer
Позволяет вам выбрать шрифт из каталога Google Font с несколькими вариантами настройки текста и предварительно просмотреть их на текущей вкладке.
Скачать по ссылке
Fontface Ninja
Исследуйте шрифты на веб-сайте, попробуйте, внесите в закладки и купите их!
Скачать по ссылке
Type wonder
Это расширение помогает тестировать веб-шрифты на активной вкладке Chrome через typewonder.com
Скачать по ссылке
Font swap
Мгновенная замена шрифтов на любой веб-странице на Google Fonts.
Скачать по ссылке
Visual Inspector — Fonts
Проверяйте и экспериментируйте со шрифтами на веб-сайте.
Заголовок на скриншоте: «Трамп сделал какую-то глупость». А разве не сделал?Скачать по ссылке
Дизайн вдохновление
Muzli
Самые свежие ссылки о дизайне и интерактивные прототипы со всего Интернета. Каждый дизайнер должен установить это расширение!
Скачать по ссылке
Panda
Находите лучший контент. Будьте информированными. Будьте вдохновленными.
Скачать по ссылке
Сделать скриншот
Light shot
Простой и удобный инструмент для создания скриншотов. Выберите область, отредактируйте скриншот и загрузите его на сервер.
Скачать по ссылке
Full page screen capture
Гарантированно сделайте снимок экрана текущей страницы без каких-либо дополнительных разрешений!
Скачать по ссылке
Image downloader
Просмотр и загрузка изображений на веб-странице.
Скачать по ссылке
Visual Inspector — Assets
Экспорт всех баннеров, иконок, ресурсов и всего остального с «любой» веб-страницы.
Скачать по ссылке
Проверьте адаптивную веб-страницу
Responsive Web Design Tester
Быстрый и простой способ проверить ваш адаптивный веб-сайт.
Скачать по ссылке
Window Resizer
Измените размер окна браузера, чтобы эмулировать различные разрешения экрана.
Скачать по ссылке
Corporate Ipsum
Создает случайные фразы и предложения для использования в качестве текста наполнителя.
Скачать по ссылке
Pendule
Инструменты веб-разработчика для Chrome.
Скачать по ссылке
Daltonize
Дальтонизация — это метод демонстрации деталей для пользователей, страдающих от цветовой слепоты, позволяя им увидеть то, что они иначе не заметили бы.
Скачать по ссылке
Вывод
Возможно, вы уже знакомы с некоторыми из этих плагинов. А некоторые из них могут быть для вас новыми. Все эти плагины удобны, и трудно сказать, какой лучше, если вы не попробовали их самостоятельно.
«Почему Visual Inspector охватывает несколько категорий?» Visual Inspector — это «все в одном» Chrome расширение для проверки и внесения любых изменений в дизайн веб-страницы — позиционирование, извлечение цветов, шрифтов, дизайнерских ресурсов и многое другое.
Недавно Visual Inspector заменил многие расширения Chrome на упорядоченную панель инструментов дизайнера, ускоряя их рабочий процесс, а также браузер.
Если мы пропустили ваше любимое расширение Chrome, не стесняйтесь писать в комментарии, и мы добавим его в список.
sketchapp.me
