Responsive Design

User 2287960 Photo


Ambassador
580 posts

Any templates on the horizon?

Keith
User 122279 Photo


Senior Advisor
14,624 posts
Online Now

Not to my knowledge. But try googling it.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 187934 Photo


Senior Advisor
20,266 posts

Until then.:lol:

Top ten reasons not to build responsive or adaptive websites
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
User 271657 Photo


Ambassador
3,816 posts

:lol: Had to bookmark that; great presentation.

If I knew what I was doing, building a responsive site wouldn't be much more involved than a static site. Not having a good HTML/CSS knowledge base is making it a bit of a long slog through a swamp of code, but it's a lot of fun to make the pages shrink and expand, shrink and expand, shrink and expand.... sometimes I just like to play with it :lol:

It would be great if CC would include a responsive grid template for the Editor ;)
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 464893 Photo


Ambassador
1,611 posts

I think there is a bit more to it than just shrinking to suit. I realise that the content can be made to display in different positions but I still see it as a compromise. What can fit on a mobile screen is sparse on a full screen. The message you want to put out is the same no matter what resolution only it needs to adjust to the size viewed at. Therefore you have important content and not as important content in descending order.
I shall give this one some thought and as yet do not totally agree with the main stream. Then again I have always tiptoed around the edge. I have yet to discover the media command and resolution detect and just what manipulation can be made dynamically on detect.

Actually I think I saw a grid template available. I will see if I can find it. Responsive CMS that will be interesting. Another challenge
The Guy from OZ


User 2287960 Photo


Ambassador
580 posts

Thanks for the thoughts, there are templates around if you Google.

Link which was previously provided by Inger:

http://www.sitepoint.com/responsive-web … ekRhUTqSRg

Keith

User 271657 Photo


Ambassador
3,816 posts

What can fit on a mobile screen is sparse on a full screen.


It doesn't have to be. The grid template I'm working with goes from a good sized page (container is 1280px max size so content doesn't get stretched to weird proportions) and shifts the content down to one column for the smallest screen size.
All sizes get all of the same content, nothing is left out.
Example:
http://css-tricks.com/snippets/html/pos … an-iframe/ ***

Here's one for you, Prism (art display): http://artistic.ly/
That site is based on Skeleton ( http://www.getskeleton.com/#whatAndWhy )

*** Example of someone else's site, not mine :)




I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 464893 Photo


Ambassador
1,611 posts

I cannot truly evaluate it as I do not have a smart phone but I will bow to your superior knowledge. The closest I could judge it by is reducing the size in the browser and at approximately Iphone size I would need a magnifying glass to read the text. I do believe there is some sort of magnifying action possible though. I did download a grid template, I will see what I can do with it. I do listen to reason sometimes. If I cannot pull something apart and put it together some different way I just accept not have fun with it.
I may put that down as a to do. Hmm! automatic manipulation of text and imagery Css depending on screen size may be a project worth investigating. With your knowledge I may ask you to test something at a later date.
I visited those sites, most informative but there are possibilities a text area is similar to a Iframe in many ways but it can communicate and can move and be adjusted. Without discussions between programs how can they know their environments. This or this becomes this if this else that.
The Guy from OZ


User 464893 Photo


Ambassador
1,611 posts

(FYI, liquid layouts resize automatically to fit the size of the user’s browser,
whereas fixed layouts always stay the same size.)

I got this from the pdf I will see what gives with this.
The Guy from OZ


User 2287960 Photo


Ambassador
580 posts

Just been looking at Less Framework 4.

Quick test text worked but not images. Had to add following to css


/* To resize image and ratio */
img {
max-width: 100%;
height:auto;
}


Keith

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.