Looks interesting, Thomas. I’ll put your screencasts on the to-do list in my “Education” folder. 
Derek
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
On 20 May 2014, 12:25 pm, Thomas Kimmich wrote:
Did you guys ever thought about taking your time and watch some video screencasts how I do inline and responsive?
It’s just meant as kick-starter, giving you the gist on doing BoxInBox Model (refreshing) and a lil bit of responsiveness.
I can attest to Thomas’s screencasts. In a word, they are EXCELLENT and I would highly recommend them to anyone looking to take Freeway Pro to the next level.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Hi all
Responsive design is a MUST in this days. My opinion. Backdraft is a great way to do so. Softpress Templates are nice to look at a desktop screen, but on my smartphone it looks terrible.
Thats for now. But what about the near future? It rumors that iPhone 6 could have a resolution of 1.704 x 960 Pixel. Thats a desktop resolution on a quite small smartphone display. The common way of responsive design with @media and max-width/min-width will not lead to great looking websites. Backdraft for example will look the same on iphone6 as on desktop since first breakpoint is at 928px.
I think we need a additional way for responsive websites. Not only breakpoints depending on pixel-width, also some queries depending on the device we use.
Beat
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
yes - which could be the device-aspect-ratio such as:
for iPhone 5.
More of them on:
But this is all greek for me currently - maybe once a day I’ll be smart enough. Be sure - we don’t miss the trends (even if we do not understand them
Cheers
Thomas
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Backdraft for example will look the same on iphone6 as on desktop since first breakpoint is at 928px.
What’s important to realize is that screen resolution ≠ CSS resolution. While the screen resolution of the iPhone 5 is indeed 1,136px x 640px, it’s CSS resolution is action 568px x 320px. It’s the CSS resolution that determines what breakpoints apply and how a website works on an iPhone.
For example, if you created a 10px x 10px fixed width div in a 320px wide website, the iPhone would actually show the div at 20px x 20px on screen.
If the iPhone 6 is indeed 1,704 x 960 pixels, then it’s CSS resolution would probably be something like 852px x 480px.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Caleb, with Backdraft 1.5, I’m assuming that since the CSS is now in a separate file, it can be easily updated and replaced with any new breakpoints if needed. Is that correct?
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Yep, it would be a simple matter of sending out a update for the Backdraft action. However, unless the iPhone 6 is a really crazy dimension, I don’t see that happening. I didn’t create the breakpoints in Backdraft specifically for different devices, but rather created a breakpoint whenever the layout started to look a little discombobulated and needed it.
We’ll see when the iPhone 6 get’s here.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Caleb, Backdraft is very cool. Thanks for the hard work.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
No problem Derek. I’ve learned a lot through Backdraft, and it’s really awesome to see just how far some of my clients have progressed as a result. Many of them started knowing next to nothing about inflow/inline construction and now several have progressed to being masters of the technique and learning the ins-and-outs of CSS as well.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options