http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Tue, 21 May 2013 17:02:32 +0000 http://themeshaper.com/forums/topic/responsive-web-design-and-thematic/page/2#post-27371 Mon, 11 Jun 2012 12:03:56 +0000 helgatheviking 27371@http://themeshaper.com/forums/ <p>@TeamDeltecs - please open any new questions over at the new site: <a href="http://www.thematictheme.com" rel="nofollow">www.thematictheme.com</a> </p> http://themeshaper.com/forums/topic/responsive-web-design-and-thematic/page/2#post-27370 Mon, 11 Jun 2012 10:15:52 +0000 TeamDeltecs 27370@http://themeshaper.com/forums/ <p>Hey folks, </p> <p>Take a look at my company’s new responsive design website <a href="http://www.dronamobile.com," rel="nofollow">www.dronamobile.com,</a> you would be able to push and pull the browser window to test the "responsiveness" of this website. When I reduce the width of the browser, everything just flows "under" the browser frame and is cut off, just like the web content. Do explore and share your feedback about it...</p> <p>Team Deltecs </p> http://themeshaper.com/forums/topic/responsive-web-design-and-thematic/page/2#post-27332 Thu, 07 Jun 2012 15:26:02 +0000 ScottNix 27332@http://themeshaper.com/forums/ <p>Well, since you bumped the thread....</p> <p>You may want to check out <a href="http://scottnix.com/responsive-base-a-child-theme-for-thematic/">Responsive Base</a>. It is a mobile-first approach to responsive web design using Thematic, it also uses the math from helgatheviking's adaptive layouts. </p> http://themeshaper.com/forums/topic/responsive-web-design-and-thematic/page/2#post-27331 Thu, 07 Jun 2012 14:03:31 +0000 trigga 27331@http://themeshaper.com/forums/ <p>Thanks so much Helga!<br /> The two column layout is wonderful!!! Going to prove very useful I'm sure. </p> http://themeshaper.com/forums/topic/responsive-web-design-and-thematic/page/2#post-26459 Thu, 19 Apr 2012 14:10:54 +0000 butters81 26459@http://themeshaper.com/forums/ <p>Neither of the two js scripts (respond.js or css3-media-queries.js) appear to work if you are importing (@import) your mediaqueries into your main stylesheet. So you'll need to copy all your media queries over to your main stylesheet. Although I imagine some plugins will combine all your css for you into one file, which might work. </p> <p>Unless anyone has a better workaround? </p> http://themeshaper.com/forums/topic/responsive-web-design-and-thematic/page/2#post-24786 Tue, 10 Jan 2012 15:04:42 +0000 alperor 24786@http://themeshaper.com/forums/ <p>i am using thematic adaptive on both of my sites.. thx Helga<br /> murekkep.org and turknikon.com </p> http://themeshaper.com/forums/topic/responsive-web-design-and-thematic/page/2#post-23513 Tue, 18 Oct 2011 13:13:27 +0000 amzero427 23513@http://themeshaper.com/forums/ <p>Still no luck. Am I forgetting or missing something obvious? Is there a clear:both that I've failed to use somewhere or something? </p> http://themeshaper.com/forums/topic/responsive-web-design-and-thematic/page/2#post-23495 Sun, 16 Oct 2011 19:14:08 +0000 amzero427 23495@http://themeshaper.com/forums/ <p>Thanks Helga, I'll give it a shot!</p> <p>I think the supersubs have something to do with the "share this" plugin. I uninstalled 'em for a bit and the errors went away, but didn't notice any issues with them reinstalled, other than the errors being listed... </p> http://themeshaper.com/forums/topic/responsive-web-design-and-thematic/page/2#post-23490 Sun, 16 Oct 2011 13:20:42 +0000 helgatheviking 23490@http://themeshaper.com/forums/ <p>i think i had some problems w/ that script and had to switch to respond.js instead.<br /> <a href="http://filamentgroup.com/lab/respondjs_now_available_in_modernizr/" rel="nofollow">http://filamentgroup.com/lab/respondjs_now_available_in_modernizr/</a></p> <p>also console is reporting an error w/ supersubs but I'm not sure what the cause of that is. </p> http://themeshaper.com/forums/topic/responsive-web-design-and-thematic/page/2#post-23487 Sat, 15 Oct 2011 22:43:21 +0000 amzero427 23487@http://themeshaper.com/forums/ <p>Having an issue with Internet Explorer, though I have this script- from dougals post on the previous page- in my functions.php :<br /> <pre><code>function childtheme_scripts() {?&gt; &lt;!--[if lt IE 9]&gt; &lt;script src=&quot;/wp-content/themes/alternate/js/css3-mediaqueries.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt; &lt;![endif]--&gt; &lt;?php } add_action(&#39;wp_head&#39;,&#39;childtheme_scripts&#39;);</code></pre> <p>The entire site isn't showing up, here's the site:</p> <p><a href="http://corydonovan.com" rel="nofollow">http://corydonovan.com</a></p> <p>Any thoughts? </p> http://themeshaper.com/forums/topic/responsive-web-design-and-thematic/page/2#post-22822 Wed, 24 Aug 2011 09:43:38 +0000 perryb 22822@http://themeshaper.com/forums/ <p>Some nice responsive design resources gathered here:</p> <p><a href="http://www.netmagazine.com/features/21-top-tools-responsive-web-design" rel="nofollow">http://www.netmagazine.com/features/21-top-tools-responsive-web-design</a> </p> http://themeshaper.com/forums/topic/responsive-web-design-and-thematic/page/2#post-22190 Thu, 07 Jul 2011 04:49:27 +0000 helgatheviking 22190@http://themeshaper.com/forums/ <p>just pushed out a first version of the 3col.css layout (the one w/ a sidebar on each side) on the 1140 fluid grid. check it out and let me know what you find. </p> <p><a href="https://github.com/helgatheviking/Thematic-Adaptive/blob/master/1140gs/3-col-fluid.css" rel="nofollow">https://github.com/helgatheviking/Thematic-Adaptive/blob/master/1140gs/3-col-fluid.css</a> </p> http://themeshaper.com/forums/topic/responsive-web-design-and-thematic/page/2#post-21969 Tue, 21 Jun 2011 01:07:02 +0000 helgatheviking 21969@http://themeshaper.com/forums/ <p>ummm... my website is rather defunct- though i thought the contact form did/could/should work. you could email me at my username at gmail . </p> <p>re-reading amzero's post. </p> <pre><code>add_filter(&#39;thematic_create_stylesheet&#39;, &#39;childtheme_create_stylesheet&#39;);</code></pre> <p>he and you are both trying to add a function called 'childtheme_create_stylesheet' to the 'thematic_create_stylesheet' , but atleast in the block of code he posted there is no such function ... hence the error </p> http://themeshaper.com/forums/topic/responsive-web-design-and-thematic/page/2#post-21966 Mon, 20 Jun 2011 22:44:25 +0000 whiteweazel21 21966@http://themeshaper.com/forums/ <p>Hey Helga, any chance you check e-mail via the contact form on your website? I sent an e-mail a few days ago but was not sure if you got it or not, or how else to contact you (no idea how to use twitter lol).</p> <p>Also...as far as the function names not matching up, they seem to match to me. I am getting the same error as Amzero, what am I missing? I wish I didn't know it was a silly quuestion, but I am rather completely in the dark when it comes to php. </p> http://themeshaper.com/forums/topic/responsive-web-design-and-thematic/page/2#post-21965 Mon, 20 Jun 2011 22:11:06 +0000 helgatheviking 21965@http://themeshaper.com/forums/ <p>@ww w/o that function, mobiles just zoom the hell out to try to show the entire site on their tiny screen and your beautifully crafted media queries don't do anything.</p> <p>@all - been dabbling w/ these 2 solutions for loading appropriately-sized images:</p> <p><a href="http://filamentgroup.com/lab/responsive_images_experimenting_with_context_aware_image_sizing/" rel="nofollow">http://filamentgroup.com/lab/responsive_images_experimenting_with_context_aware_image_sizing/</a></p> <p><a href="http://www.sencha.com/products/io/" rel="nofollow">http://www.sencha.com/products/io/</a></p> <p>anybody used either? </p> http://themeshaper.com/forums/topic/responsive-web-design-and-thematic/page/2#post-21964 Mon, 20 Jun 2011 21:11:17 +0000 whiteweazel21 21964@http://themeshaper.com/forums/ <p>Amzero, what is that function used for? o.o </p> http://themeshaper.com/forums/topic/responsive-web-design-and-thematic/page/2#post-21710 Tue, 07 Jun 2011 20:58:48 +0000 Jonny Janiero 21710@http://themeshaper.com/forums/ <p>oh, thats for category/index type stuff. still no solution for single post image insert (other than the width 100% approach) </p> http://themeshaper.com/forums/topic/responsive-web-design-and-thematic/page/2#post-21709 Tue, 07 Jun 2011 20:54:42 +0000 Jonny Janiero 21709@http://themeshaper.com/forums/ <p>@helga.<br /> thats the best approach.<br /> i'm working on something using jquery, conditionals and various thumbnail sizes. </p> http://themeshaper.com/forums/topic/responsive-web-design-and-thematic/page/2#post-21703 Tue, 07 Jun 2011 17:46:51 +0000 helgatheviking 21703@http://themeshaper.com/forums/ <p>interesting read. i'm still trying to figure out how to serve different-sized images to different resolutions. ideally a mobile site shouldn't load a monster image that is meant for a 30" monitor. </p> http://themeshaper.com/forums/topic/responsive-web-design-and-thematic/page/2#post-21701 Tue, 07 Jun 2011 15:55:27 +0000 joperron 21701@http://themeshaper.com/forums/ <p>This was posted today: <a href="http://www.alistapart.com/articles/fluid-images/" rel="nofollow">http://www.alistapart.com/articles/fluid-images/</a> </p> http://themeshaper.com/forums/topic/responsive-web-design-and-thematic/page/2#post-21593 Wed, 01 Jun 2011 19:55:28 +0000 amzero427 21593@http://themeshaper.com/forums/ <p>Heheh, yeah, realized it when I came back to it after posting. Works great now though, your layout is really sweet and I added some css for max-width: 480px, which looks great on the iPhone </p> http://themeshaper.com/forums/topic/responsive-web-design-and-thematic/page/2#post-21583 Wed, 01 Jun 2011 05:10:20 +0000 helgatheviking 21583@http://themeshaper.com/forums/ <p>i presume you figured out that your function names didn't match up? glad you like the layout. wish i had more time to work on those. </p> http://themeshaper.com/forums/topic/responsive-web-design-and-thematic/page/2#post-21578 Wed, 01 Jun 2011 00:48:52 +0000 amzero427 21578@http://themeshaper.com/forums/ <p>Er, please disregard my last post, silly question. </p> http://themeshaper.com/forums/topic/responsive-web-design-and-thematic#post-21564 Tue, 31 May 2011 13:28:00 +0000 amzero427 21564@http://themeshaper.com/forums/ <p>I hope this isn't backtracking too many posts, just had a quick question:</p> <p>I'm using Helga's 2-col-r-fluid.css layout, which includes:</p> <pre><code>@media only screen and (max-width: 1023px) { body { font-size: 0.8em; /* Makes type a bit smaller at 1024 so layout doesn&#39;t look unbalanced */ line-height: 1.5em; /* As above */ } } @media handheld, only screen and (max-width: 767px) { body { font-size: 16px; line-height: 24px; -webkit-text-size-adjust: none; /* Stops the iPhone scalling type up */ } #container { width: 100%; margin: 0 0 22px 0; } .main-aside { margin-top: 22px; width: 100%; float: none; clear: both; } #primary { margin-right: 3.8%; } #footer { margin-top; } #subsidiary { padding-top: 0; } #subsidiary .aside { width: 100%; float: none; margin:0 0 22px 0; } .page-template-template-page-fullwidth-php #comments { width: 100%; } }</code></pre> <p>And it seems to work only sometimes on an Android phone, but only sometimes, and on iOS it doesn't at all. When I drop the </p> <pre><code>add_filter(&#39;thematic_create_stylesheet&#39;, &#39;childtheme_create_stylesheet&#39;); function childtheme_media_queries_meta() { ?&gt; &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width; initial-scale=1.0&quot;&gt; &lt;?php } add_filter(&#39;wp_head&#39;, &#39;childtheme_media_queries_meta&#39;);</code></pre> <p>in my functions.php, I get an error that reads:</p> <p>"Warning: call_user_func_array() [function.call-user-func-array]: First argument is expected to be a valid callback, 'childtheme_create_stylesheet' was given in _________/wp-includes/plugin.php on line 166"</p> <p>I'm sorry if this is a stupid question, am I missing something? </p> <p>Helga, the layout is AWESOME by the way, very nice! </p> http://themeshaper.com/forums/topic/responsive-web-design-and-thematic#post-21507 Sat, 28 May 2011 03:09:03 +0000 helgatheviking 21507@http://themeshaper.com/forums/ <p>what do you mean when you say 'assets'? </p> <p>also, nobody said you had to do it justice. ;) both my efforts are <strong>very</strong> rough and need work. </p> <p>thanks for that link. i had seen it before but couldn't remember it. i think adding that data-fullsrc="large.jpg" into the WP markup would be hella hard though.</p> <p>ok maybe not, since i just saw there is the post_thumbnbail_html filter that gets the following variables:</p> <p>$post_id, $post_thumbnail_id, $size, $attr</p> <p>so we could conceivably do something like:</p> <p>add_filter( 'post_thumbnail_html', 'my_thumbnails', 10, 3 );</p> <p>i wonder what $attr does. </p> <p>digging into wp_get_attachment_image() which is the function that generates the html for the the_post_thumbnail.... and also has $attr, which leads to the wp_get_attachment_image_attributes() filter. </p> <p>hmmm.... i wonder if can use something in there to add the data-src attribute. </p> <p>this is another entry into the same genre (i think):<br /> <a href="http://buildinternet.com/live/imageresize/" rel="nofollow">http://buildinternet.com/live/imageresize/</a></p> <p>no clue in the world what you'd do about images you insert into the post via the editor. might be screwed there or in need of more hackery than i can manage. </p> http://themeshaper.com/forums/topic/responsive-web-design-and-thematic#post-21506 Sat, 28 May 2011 03:09:03 +0000 helgatheviking 21506@http://themeshaper.com/forums/ <p>what do you mean when you say 'assets'? </p> <p>also, nobody said you had to do it justice. ;) both my efforts are <strong>very</strong> rough and need work. </p> <p>thanks for that link. i had seen it before but couldn't remember it. i think adding that data-fullsrc="large.jpg" into the WP markup would be hella hard though.</p> <p>ok maybe not, since i just saw there is the post_thumbnbail_html filter that gets the following variables:</p> <p>$post_id, $post_thumbnail_id, $size, $attr</p> <p>so we could conceivably do something like:</p> <p>add_filter( 'post_thumbnail_html', 'my_thumbnails', 10, 3 );</p> <p>i wonder what $attr does. </p> <p>digging into wp_get_attachment_image() which is the function that generates the html for the the_post_thumbnail.... and also has $attr, which leads to the wp_get_attachment_image_attributes() filter. </p> <p>hmmm.... i wonder if can use something in there to add the data-src attribute. </p> <p>this is another entry into the same genre (i think):<br /> <a href="http://buildinternet.com/live/imageresize/" rel="nofollow">http://buildinternet.com/live/imageresize/</a></p> <p>no clue in the world what you'd do about images you insert into the post via the editor. might be screwed there or in need of more hackery than i can manage. </p> http://themeshaper.com/forums/topic/responsive-web-design-and-thematic#post-21502 Sat, 28 May 2011 00:33:53 +0000 EricH 21502@http://themeshaper.com/forums/ <p>320 and up uses media queries to load assets and styles. As far as loading images I think this looks interesting and might be doable with costume image sizes/thumbnails, maybe. <a href="http://filamentgroup.com/lab/responsive_images_experimenting_with_context_aware_image_sizing/" rel="nofollow">http://filamentgroup.com/lab/responsive_images_experimenting_with_context_aware_image_sizing/</a></p> <p>I've never played around with github and I'm not sure I'd have the time to do it justice, but if someone else wants to grab the code off my site and set up a fork that would be awesome. </p> http://themeshaper.com/forums/topic/responsive-web-design-and-thematic#post-21429 Mon, 23 May 2011 14:20:12 +0000 helgatheviking 21429@http://themeshaper.com/forums/ <p>wanna fork me on github? how does 320 and up progressively load assets? </p> http://themeshaper.com/forums/topic/responsive-web-design-and-thematic#post-21423 Mon, 23 May 2011 04:52:08 +0000 EricH 21423@http://themeshaper.com/forums/ <p>I started working on something similar to this before I read this post. I'm using the 320 and up framework. You can check it out on my site.<br /> The original post is here.<br /> <a href="http://www.ejhansel.com/thematic-320-and-up/" rel="nofollow">http://www.ejhansel.com/thematic-320-and-up/</a><br /> And an update is here.<br /> <a href="http://www.ejhansel.com/thematic-320-and-up-update-a-responsive-wordpress-child-theme/" rel="nofollow">http://www.ejhansel.com/thematic-320-and-up-update-a-responsive-wordpress-child-theme/</a> </p> http://themeshaper.com/forums/topic/responsive-web-design-and-thematic#post-20222 Fri, 01 Apr 2011 23:33:19 +0000 Jonny Janiero 20222@http://themeshaper.com/forums/ <p>@helga, thats exactly what i've be working on.<br /> i wanted to control a layout via php over css.<br /> but couldn't intergrate into thematic so hence, the claw.<br /> i was also working on similar, a layout function, that can re-organise the flow of divs.</p> <p>busy pays the bills but all work and no play makes jonny a peanut! </p>