Posted by mark_anthony on July 3, 2013 at 3:19pm
Just wanted to share some recent projects.
Used the awesome Omega theme for these. It was a litte tricky geting the hang of this theme, and probably will be forever tweaking. Lots of ccs styling here, so they work best in the most modern browsers, non of dat IEeeeek! 8 and below.
http://thefutureinreading.myon.com/
http://prodev.myon.com/
http://www.jetsetbar.com/
http://www.lztruckequipment.com/
Next up is to try the Boost module on the first two sites.
Comments and suggestions appreciated.
Comments
No need for boost mobile...
Hey Mark,
Nice work on those sites!
You may have heard of http://responsive.is, but if not, it's a pretty handy tool for testing responsive layouts across several break points.
Had an issue on the iztruckequipment.com site with the portrait tablet break point and the main slider image. Other than that, they all seemed to work really well.
Keep on rockin'.
http://responsive.is/
I tried to look at http://responsive.is/ but is jumps to : http://responsive.is/typecast.com
How do you use this tool?
--
oh I just figured it out!
Thanks - this is a sweet tool!
There is a "go" box in the
There is a "go" box in the upper left where you can enter the url.
Or you can just append the domain (myon.com) to the path and it will show up.
Enjoy!
Like the grid on the jetsetbar.com site
Did you use views_responsive_grid to make that happen?
That really is a savvy approach to bar sites, nice work Mark!
Drupal Developer | Saint Paul | Buenos Aires
views_responsive_grid
No I did not, did not know that module.
It just uses one view with 4 slideshow blocks, then each block is put into one of four omega Regions I have in a Preface Zone.
I know this really inefficient, but for the different layouts, it just “displays:none” for the block(s) I don't want.
It is probably overkill to use Drupal for basically a 2 page website, but just having a nice backend built in so others can update it is just makes it worth it to me.
I just figured how to scale images better depending on which omega layout is used (narrow, normal, wide), like the slideshow on the thefutureinreading.myon.com, so I might try that instead.
A couple other tools that may help you...
I wouldn't call what you described overkill, if you have to maintain and update content on even a 1 page site, sometimes Drupal is exactly what you need.
Anyway, there is a couple things you may want to take a look at:
The skeleton theme for drupal, a really nice starting point for responsive themes.
https://drupal.org/project/skeletontheme
CSS3 Media Queries
There are some browser issues with these, but not it most of the major ones. They help a lot dealing with portrait and landscape tablet and phone orientations and choosing when and where to show and hide divs.
http://www.w3.org/TR/css3-mediaqueries/
Overkill
I haven't thought about Drupal as overkill for anything in years. After awhile you come up with a starting point that you can drush immediately into existence.
Zen is pretty much burned into my brain so I can just play in the tpl files, which Omega isn't really a luxury. Delta is convenient, but I'm not sold on it if tpls are just as familiar as stylesheets are to you. Omega gives you the whole kitchen sink and then you widdle it down to the shape you need it to be through delta/context.
A 2 page site to me is basically to page nodes, except it's totally ready to be extensible.
So maybe I'd argue Omega might be overkill compared to zen, but making a barebones delta layout through the UI instead of editing a tpl for two pages is just negligible.
For me I can get started locally in about 5 minutes because of drush and a baked cake list of drush commands, less when I go the install profile route.
All in all it's not a matter of time to use drupal, the site is far more ready for extension, they can actually edit their content, and with load time you can cache away.
Drupal Developer | Saint Paul | Buenos Aires