Breakpoint media-queries

Generate media-queries, show screen sizes width and link to a list of media-queries snippets.

O que é Breakpoint media-queries?

Breakpoint media-queries é uma extensão do Chrome desenvolvida por Michael Lancaster, e sua principal característica é "Generate media-queries, show screen sizes width and link to a list of media-queries snippets.".

Capturas de Tela da Extensão

screenshot
screenshot
screenshot
screenshot
screenshot

Baixar o arquivo CRX da Extensão Breakpoint media-queries

Baixe arquivos de extensão Breakpoint media-queries no formato crx, instale manualmente as extensões do Chrome no navegador ou compartilhe os arquivos crx com amigos para instalar facilmente as extensões do Chrome.

Instruções de Uso da Extensão

                        The extension generates media-queries for using max-width, helps you see the current screen size width and link you to a list of media-queries snippets.

1. Add the extension to your Google Chrome browser.
2. Start resize your window and see where your content are breaking.
3. Click into the Breakpoint icon.
4. Click "generate code".
5. Copy the code generated.
6. Past into your style sheets.

Pretty simple and useful.

Version 1.0:
- removed Jquery
- re-built with vanilla javascript

Version 0.7:
- Design improvements.

Version 0.6:
- Design improvements.

Version 0.5:
- Added external link to media-queries snippets with a bunch of devices.
- Design improvements.

Version 0.4:
- update from min-width to max-width.

Version 0.3:
- icon updated.

Credits:
Thanks to David Nemes for the Media-Queries Snippets.                    

Informações Básicas da Extensão

Nome Breakpoint media-queries Breakpoint media-queries
ID lgldclhgkdgddiopgbjkiememjlhjlng
URL Oficial https://chromewebstore.google.com/detail/breakpoint-media-queries/lgldclhgkdgddiopgbjkiememjlhjlng
Descrição Generate media-queries, show screen sizes width and link to a list of media-queries snippets.
Tamanho do Arquivo 15.03 KB
Contagem de Instalações 2,082
Versão Atual 1.2
Última Atualização 2013-06-05
Data de Publicação 2013-06-05
Classificação 5.00/5 Total de 1 Avaliações
Desenvolvedor Michael Lancaster
Tipo de Pagamento free
Site da Extensão http://git.io/Hs3TWw
Idiomas Suportados en-US
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "Breakpoint media-queries",
    "version": "1.2",
    "description": "Generate media-queries, show screen sizes width and link to a list of media-queries snippets.",
    "permissions": [
        "http:\/\/*\/*",
        "https:\/\/*\/*"
    ],
    "browser_action": {
        "default_icon": "icon.png",
        "default_popup": "popup.html"
    }
}