Before and After Responsive Layout -...

Mar 2nd, 2014 at 02:59 AM
User 1948478 Photo

Per
Senior Advisor
1,850 posts

Steve wrote:
And those iconoon ultimate files are what the button builder is pumping out.

Hmmm, 244kB per button plus its own dedicated css file, etc...
It seems those buttons come with a weight cost... :(
Per
www.mingas.com
Mar 2nd, 2014 at 06:21 AM
User 603315 Photo

G'kar
Registered User
938 posts

Eric Rohloff wrote:
I think I know more about hacking it then using it.:lol:

Back to before and after before JoAnn turns us into no more.:lol:


:lol::cool:
http://www.dozydayz.co.uk
http://nbdesigns.me.uk - responsive
http://brewstersartz.co.uk - responsive
http://nbphotography.me.uk - responsive
Mar 2nd, 2014 at 06:24 AM
User 603315 Photo

G'kar
Registered User
938 posts

Per wrote:
Steve wrote:
And those iconoon ultimate files are what the button builder is pumping out.

Hmmm, 244kB per button plus its own dedicated css file, etc...
It seems those buttons come with a weight cost... :(


Wow if that's right about the buttons, I've never used the prog, but I wouldn't even have 244kb's for a bg image.
http://www.dozydayz.co.uk
http://nbdesigns.me.uk - responsive
http://brewstersartz.co.uk - responsive
http://nbphotography.me.uk - responsive
Mar 2nd, 2014 at 06:26 AM
User 603315 Photo

G'kar
Registered User
938 posts

Steve wrote:
And those iconoon ultimate files are what the button builder is pumping out.


I've never used the button prog, as I've said below, but is there anyway you can batch edit the buttons and drop the file size, buttons should be no more than 20kb's at max. With images on the web if it's the focal point you can get away with using them at only about 80-85% quality, no one notices the differences.
http://www.dozydayz.co.uk
http://nbdesigns.me.uk - responsive
http://brewstersartz.co.uk - responsive
http://nbphotography.me.uk - responsive
Mar 2nd, 2014 at 06:44 AM
User 1948478 Photo

Per
Senior Advisor
1,850 posts

Per wrote:
Steve wrote:
And those iconoon ultimate files are what the button builder is pumping out.

Hmmm, 244kB per button plus its own dedicated css file, etc...
It seems those buttons come with a weight cost... :(

I'm not entirely convinced that this is what's actually happening for each button. The pingdom reporting seems a bit inconsistent between 'size' and 'time spent' in this regard...
Per
www.mingas.com
Mar 2nd, 2014 at 08:18 AM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,188 posts

Looks like it's getting better. I ran it through Website Insight and your images are all under 100kb. The 244 seems to be from the fonts. That's odd. I don't get that in website insight.
http://misterwebguy.com/ResponsiveWebgu … ff?v=3.0.1

http://css-tricks.com/preventing-the-pe … tom-fonts/
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Mar 2nd, 2014 at 10:14 AM
User 2088758 Photo

Steve
Senior Advisor
3,086 posts

Ya not quite sure about whether we can fully trust those readings.

Hey Gunsmoke not sure if you seen my post previously it kinda got list. I redid the layout framework see if this is better. I really like it because when it gets to smart phone size it drops to nothing but buttons.

http://misterwebguy.com/ResponsiveWebguy/index.html
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
Mar 2nd, 2014 at 12:13 PM
User 289442 Photo

TomH
Registered User
161 posts

"Hi Tom you are on my non-responsive website. Please see above. I am currently working on a new responsive website using the RLM."

Ooooops, darn - - wrong site. sorry bout that .:(

On the correct one the only problem I'm having on my phone is the menu on some of the subordinate pages -- but maybe you prob have not even done those yet.
Mar 2nd, 2014 at 12:51 PM
User 2147626 Photo

SadDuck
Ambassador
2,958 posts

I like that format a lot better! Good info I can skim over and contact info. Only 3 thumbs to get to the bottom. Very nice for phone in my opinion! :D
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
Mar 2nd, 2014 at 02:41 PM
User 2088758 Photo

Steve
Senior Advisor
3,086 posts

TomH wrote:
"Hi Tom you are on my non-responsive website. Please see above. I am currently working on a new responsive website using the RLM."

Ooooops, darn - - wrong site. sorry bout that .:(

On the correct one the only problem I'm having on my phone is the menu on some of the subordinate pages -- but maybe you prob have not even done those yet.


Yes that's right Tom. I haven't got to the other pages yet.

@gunsmoke thanks I like it too I'll begin the rework tonight.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.