Your browser doesn't support the features required by impress.js, so you are presented with a simplified version of this presentation.

For the best experience please use the latest Chrome, Safari or Firefox browser.

Além do Grid e das Colunas

Design Responsiv(o)e
Fernando Monteiro
@newaeonweb
?
Breakpoint
Processador CSS
Texto
Video
Grid
Colunas
Imagens
JavaScript
Media Querie
Design Responsivo em Single Page Web App com
26 Modulos 32 Services 12 Diretivas



6 custom Filters 25 .scss 12 Imagens

214 Arquivos entre JS, CSS, HTML, Imagens
Media Querie
    Remove unused CSS rules (1798)
    1798 rules (89%) of CSS not used by the current page.
    Inline block #1: 50% is not used by the current page.
    app-style.min.css: 90% is not used by the current page.
    widget-style.min.css: 80% is not used by the current page.
    theme-style.css: 56% is not used by the current page.
Resultado
.state('signin', {
    url: '/signin',
    templateUrl: 'views/sign/sign-step-1.html',
    data: {pageTitle: 'Cadastro Parte 1'},
    controller: 'SigninCtrl',
    resolve: {
        deps: ['$ocLazyLoad', 'settings', function($ocLazyLoad, settings) {
            var cssPath = settings.cssPath,
            pluginPath = settings.pluginPath;

            return $ocLazyLoad.load([{
                    insertBefore: '#load_css_before',
                    files: [
                        cssPath+'/pages/sign-step-1.css'
                    ]
                },{
                    files: [
                        pluginPath+'/jquery-validation/jquery.validate.min.js',
                        pluginPath+'/jquery-backstretch/jquery.backstretch.min.js'
                    ]
                },{
                    name: 'SSGApp.account.signin.formsteps',
                    files: [
                        'js/modules/sign/signin-step-1.js'
                    ]
                }]
            );
        }]
    }
})
Perguntas?

Use a spacebar or arrow keys to navigate

Window size: 1917 x 1053
Viewport size: 1917 x 937