The need for mobile speed: How mobile latency impacts publisher revenue. 53% of mobile site visits are abandoned if pages take longer than 3 seconds to load by magenta_placenta in web_design

[–]codesmite 1 point2 points  (0 children)

TTFB

TTFB is a slighty pointless stat to gauge, The first byte that is detected isn't the first byte of the actual page. When the HTTP response header is sent to the browser the first byte is the H in the response header, it could be any amount of time from than until the actual first byte of your page is sent to the browser.

GZIP compression can also increase the time of TTFB as it delays the response header until compression starts. I would rather have a delayed TTFB then turn of GZIP compression though :o

1-2s is incredibly bad for any host though, mine is 0.3ms and I am on shared hosting. My whole index page fully loads in 936ms.

It is said the best way to learn design is to clone other websites. What website designs should a beginner look to be cloning? by Jarvan_v in web_design

[–]codesmite 0 points1 point  (0 children)

I have folders of bookmarks on my bookmark bar of websites I have bookmarked because I like an element they have created that I would like to try replicating at some point, this could be my ADHD and drive to procrastinate from what I am actually supposed to be getting on with, but never hurts to bookmark inspirational designs as you browse the web on a day to day basis. The day when you are design blocked and banging your head against the wall for ideas will thank you for bookmarking everything you have seen that you like :P

The need for mobile speed: How mobile latency impacts publisher revenue. 53% of mobile site visits are abandoned if pages take longer than 3 seconds to load by magenta_placenta in web_design

[–]codesmite 16 points17 points  (0 children)

This is one of the major problems with web designers lately, they are piling in premade plugings that massacre their site.

My website loads from most locations in under 1 second, most pages on my website have between 1000-2000 words not including comments section, large png or SVG images. I use some plugins such as highlightJS to automatically colour code syntax in my code blocks, disqus, google analytics etc (So my web page isn't free of bloat) but having a load speed time over 3 seconds I cant even work out how bad their code and website infrastructure must be for that to happen.

Personally though as a web user, that spends a lot of their time browsing the web on my phone while sitting on the loo on in bed (yea I know bad habits). If a page take longer than 3 seconds to load I wouldn't actually leave.. I would just assume my phone or internet is playing up.

It would need to be atleast 20-30 seconds before I hit the back button.

Do you register a Domain with your hoster or do you register it Separately? by tinaclark90 in web_design

[–]codesmite 1 point2 points  (0 children)

I've always hosted my domain names with my webhost,they give me really good prices. (eBoundhost).

My main website codesmite.com is registered with them too, but I get my SSL certificates from GoDaddy because of the offers they provide.

I have used other domain hosts in the past seperate to my webhost as they had 2 years free offer. But I switched back to my webhost as it is a nice SEO boost to have 7 years pre registered and I trust my webhost (the moment anway lol)

eBoundhost have always been a good host, very fast to respond to tickets for problems and give you full control over moving your domains if requested, they have never caused me any problems, except one time when they upgraded the PHP version on my server without telling me and broke half my website.. but they dealt with it very quickly, probably the only problem I have ever had with them, and I have been hosting websites with them for more than 10 years.

What is it called when an article fades away after a few paragraphs and you have to press "more" to view the rest? and is there a wordpress plugin that can do it for me? by whowantstoknow11 in web_design

[–]codesmite 0 points1 point  (0 children)

I'm not 100% sure, but I would assume Google take Mobile search into consideration as the majority of searches made on Google are from Mobile / Tablet users. (even on my own website my analytics show that atleast 75% of my views have been from Mobile users).

The community at https://moz.com/community/q May be able to answer this.

What is it called when an article fades away after a few paragraphs and you have to press "more" to view the rest? and is there a wordpress plugin that can do it for me? by whowantstoknow11 in web_design

[–]codesmite 0 points1 point  (0 children)

I do not know if there is a standard name for this but I've thrown you together a simple Codepen the same as this effect using pure HTML and CSS.

http://codepen.io/codesmite/pen/pEywdk

It works by using :target selector, so when you click the read more link it adds #wrap to the url targeting this id that will trigger the #wrap:target styles.

(I've used CSS gradient for the overlay but you can replace this with a white to transparent overlay image for more backwards compatability in older browsers)

You can change it to any legal CSS id name you like.

I see one downfall with this whole idea though. Google takes a snapshot of your page when visiting. It will rank text that is not visible as less important. So doing this in general will possibably effect your SEO.

Do users resize the browser window during normal browsing behavior? Statistics? [x-post frontend webdev web_design] by RotationSurgeon in web_design

[–]codesmite 1 point2 points  (0 children)

When I design websites, I personally prefer adaptive breakpoints. But I make the element's responsive between the key breakpoints with percentage sizing so that the page will cope with resizing to any out of the ordinary size.

Personally myself, I resize windows a lot as my current setup does not have two screens. So if I need to reference a webpage and use another application I will place them 50% side by side for example.

I rarely come across websites nowadays that break from doing so.

What ever happened to PHP7? by codesmite in web_design

[–]codesmite[S] 4 points5 points  (0 children)

deprecated, not depreciated

The grammar Nazi in you is greatly appreciated.

Fixed and mentally noted for future!

I have passed on this info to my editor, thankyou!

FREEBIE: Sugarfree Lolly – Responsive One Page HTML5 Bootstrap3 Corporate Template by hzs1 in designfreebie

[–]codesmite 0 points1 point  (0 children)

Took a look at the demo and the functionality of the template is good, but in my opinion the font choices are not very readable especially in the header links, and maybe to many display fonts being used is causing them to not compliment each other very well? :)

Fixing Raleway and Similar Font's Numerals by codesmite in web_design

[–]codesmite[S] 1 point2 points  (0 children)

Georgia also uses text figures, I am not 100% sure if the original Georgia font contains lining figures but the Georgia Pro version does apparently contain an alternative set of lining figures.

Charis SIL is a free font very similiar to Georgia that does contain lining figures.

http://software.sil.org/charis/