javascript - safely restyling a page with jQuery has ugly load apperance -

-

so have website i've styled , made functional css in case users unable use javascript. thing make further style changes jquery , append external stylesheet 'head'.

now page loads, style changes can seen split second makes page jittery (since style changes big). not want users seeing jittery load , suggestions on can hide page/provide smooth transition if jquery responds later (slow connection) during style changes.

any feedback appreciated! : )

one way solve problem not add css via javascript, instead include css link. stylesheet targeting devices javascript enabled, prepend body class gets added javascript. this:

javascript stylesheet

body.js header { display: block; } body.js footer { display: block; } body.js .my_jsmenu { display: block; } body.js .etc { display: block; }

markup

<head>     <!-- normal stylesheets -->     <link href="styles.css" type="text/css" rel="stylesheet" />      <!-- js stylesheet -->     <link href="myjs_styles.css" type="text/css" rel="stylesheet" /> </head> <body>     <script type="text/javascript">         document.body.classname += ' js';     </script>

you can use html tag lot of other engines such modernizr do. if using less or sass css process simplified, if aren't can little tedious.

personally, avoid these javascript disabled solutions. has javascript disabled @ point has intentionally disabled , knows aren't going proper experience. used have in 2000s, i'd somewhere around 2011 wasn't worth taking consideration.

as jquery adjusting styles, please make sure css covers initial load. can use jquery adjust based on user interaction or device resizing/scrolling/viewstate, site going dinged in seo if doesn't render until after javascript done running. checkout google page speed insights proper analysis of ux , it's loading configuration more details on that.


Comments

Post a Comment

Popular posts from this blog

matlab - error with cyclic autocorrelation function -

-
Image
i'm trying code cyclic autocorrelation function in matlab follows: t=0:(n-1); t=t*te; i_alpha=0; tau=-n2*te:te:n2*te; alpha=-1/2:1/n:1/2; ryy_cl=zeros(length(alpha),length(tau)); alpha=alpha/te ind_tau=0; i_alpha=i_alpha+1; k=tau ind_tau=ind_tau+1; if k>0 % ryy_cl(i_alpha,ind_tau)=1/length(sig_bin_syl_mod(1:end- k))*sum((sig_bin_syl_mod(1:end-k)).*sig_bin_syl_mod(k+1:end)).*exp(1i*2*pi*alpha*t(1+k:length(sig_bin_syl_mod(1:end)))); ryy_cl(i_alpha,ind_tau)=(1/n)*sum((sig_bin_syl_mod(1:end-k)).*sig_bin_syl_mod(k+1:end)).*exp(-1i*2*pi*alpha*t(1:end-k)); else ryy_cl(i_alpha,ind_tau)=(1/n)*sum((sig_bin_syl_mod(1-k:end)).*sig_bin_syl_mod(1:end+k)).*exp(-1i*2*pi*alpha*t(1-k:end)); end end end i'm getting errors, , doesn't show expecting. according below formulae, how can fix it? the code provided incomplete, difficult confidently reproduce error. in particular, haven't de...
Read more

django - (fields.E300) Field defines a relation with model 'AbstractEmailUser' which is either not installed, or is abstract -

-
i trying create customuser django project email username , add radio button truck , company. in registration process email-id registered per truck or company. mentioned radio button 'tag' , add manytomany field tag in emailuser model. when makemigrations, raising error : (fields.e300) field defines relation model 'abstractemailuser' either not installed, or abstract. i quite new django , not sure whether have created correct code wants. please me solving this. here code, models.py: import django django.contrib.auth.models import ( abstractbaseuser, baseusermanager, permissionsmixin) django.core.mail import send_mail django.db import models django.utils import timezone django.utils.translation import ugettext_lazy _ class emailusermanager(baseusermanager): """custom manager emailuser.""" def _create_user(self, email, password, is_staff, is_superuser, **extra_fields): """create , save emailus...
Read more

c# - What is a good .Net RefEdit control to use with ExcelDna? -

-
i using exceldna , c# build suite of tools. part of forms i'd want user select cells/ranges workbook. i've got application.inputbox route working...but doesn't cool... i haven't read many things excel's refedit control, , see many have in past written workarounds, in (shudder) vba or vb.net. however, none of these seem recent... best approach/control refedit functionality on form run via exceldna (if applicable)? the refedit sample project of github explores different ways of dealing threading when showing form excel add-in, main issue making refedit control .net add-in. check page links various other implementations: https://github.com/excel-dna/exceldna/wiki/links-about-refedit
Read more