March 28, 2012
Update: In the iPad version of my responsive CSS, there was in fact a min-device-pixel-ratio property in there for -moz- and -webkit- trying to detect retina displays on iPhone 4. This unfortunately triggered the iPad 3 with its new display into showing the mobile version in certain areas.
Anyone else having problems with the iPad 3 retina display wreaking havoc on your responsive website? Well, it’s not really havoc, but it’s an issue when someone comes up to you with an iPad 3 that’s displaying the mobile version of your website.
We are using a responsive stylesheet with only two alternate modes besides ‘full screen’. I was not able to use the mobile-first approach during the development of the site, so that went out the window. Tweaking our pixel values in the media queries may help, or adding detection for certain pixel ratios may help.
We’ll see.
IE:
-moz-min-device-pixel-ratio: 2
August 13, 2011
Saturday – Designers Track
Awesome Up Your Theme!
Custom post types!
<?php post_class(); ?> similar to body class. Use in post types such as <article> <aside> etc.
<?php get_template_part(); ?> => <?php get_template_part(‘content’); ?>’
get_post_format_link( get_post_format() );
<figure> tags!
<figure class="gallery-thumb">
<?php echo $image_img_tag; ?>
</figure>
while ( $recent_image_posts->have_posts() ) :
$recent_image_posts->the_post();
get_template_part( 'content', 'image' );
endwhile;
Remember, the_content() is still king.
Version Control for Designers
CSS3 Features
nth-of-type selector
Plugin Security
* Lunch
Responsive Web Design
Fluid media and re sizable webdesign that works on every device.
Media queries: @media and etc.
Chris Coyier from CSS-Tricks! – Pseudo Elements
:before and :after, etc.
Can’t use pseudo’s on non-content elements such as <img> and </br>
CSS-based icons using pseudo elements
August 12, 2011
BuddyPress
Is now good! Only 5 open tickets with the release of the RC.
Web Fonts
TypeKit is great, if you can justify the subscription and use it allot.
TypeKit worked with Google to develop web font pre-loader using Java.
Scaling & Servers
Shared media server for uploads.
Drupal to WordPress – The Observer
Content re-use – Auto-complete for previously published content.
Improve cache ability to improve performance – W3 total cache, but caused problems over time; certain query kills server resources.
Check slow query log for issues.
The fix – Plugin called ‘Memcached Object Cache’! Still issue though, cache fills up until flush. Possible solution: allot more RAM to cache.
* Lunch at Tadich’s Grill. AMAZING. Go there immediately!
Otto and Nacin Show
Object cache: wp_cache_set();
Transients: get_transient();
Global cache groups: wp_cache_add_global_groups();
switch_to_blog – The devil? Be sure to cache around it!
Set global cache around global nav; for that issue.
Interesting fact: wp_sideload_image() – Pulls image from external URL into media library, not used by WP but is included in core.
Deep WordPress VooDoo
Ask Barry – Scaling and Etc.
Building Custom CMS applications on WordPress
Developers…think about content!
Focus on C and M. Content and management.
What is the content?
What is the data?
Where is the data stored?
Document Revisions by Ben Balter (In beta)
Management: Who edits/contributes? How is it curated?