Web Design Weekly #37

Headlines Using Modernizr to detect HTML5 features Modernizr is a JavaScript library that detects which HTML5 and CSS3 features your visitor’s browser supports. In detecting feature support, it allows developers to test for some of the new technologies and then provide fallbacks for browsers that do not support them. Modernizr is very useful for detecting CSS3 support, but this article focuses on HTML5. (html5doctor.com) Content Folding I really dig Chris Coyier’s proof-of-concept. This is a big issue we all face when developing responsive sites that need to accommodate advertisements. I…

Web Design Weekly #36

Headlines Why I love working on the web Matt Wilcox absolutely nailed it…. (mattwilcox.net) About HTML semantics front-end architecture Nicolas Gallagher’s collection of thoughts, experiences, ideas that he likes, and ideas that he has been experimenting with over the last year. He covers HTML semantics, components and approaches to front-end architecture, class naming patterns, and HTTP compression. (nicolasgallagher.com) Introduction to JavaScript Source Maps (html5rocks.com) Polyfilling picture without the overhead (w3.org) GitHub styleguide (github.com) Articles CSS Style States using “Infinite” Transition Delays Early this week Joel Besada discovered an interesting way…

Web Design Weekly #35

Headlines A List Apart issue – 346 A cracking issue from A List Apart. Brad Frost’s – For a Future-Friendly Web and Stephanie Rieger’s – The Best Browser is the One You Have with You, are two epic posts that have been coined as essential reading by some. (alistapart.com) Watch Paul Irish rock SXSW 2012 A Lightning Talk on the new new new hot stuff with modern HTML5 web apps. CSS Regions and exclusions for magazine style layout. CSS filters for effects like blur, opacity, and saturation. Network Connection APIs…

How to make sense of the active_plugins option_value to enable and disable certain plugins from the database?

Can anyone explain how to interpret and make sense of the active_plugins option_value string in WordPress. And then use this string/ array to disable and activate specific plugins? Here is an example: a:8:{i:0;s:21: »adrotate/adrotate.php »;i:1;s:19: »akismet/akismet.php »;i:2;s:33: »better-related/better-related.php »;i:3;s:17: »clicky/clicky.php »;i:4;s:49: »custom-post-permalinks/custom-post-permalinks.php »;i:5;s:32: »disqus-comment-system/disqus.php »;i:6;s:33: »export-to-text/export-to-text.php »;i:7;s:36: »google-sitemap-generator/sitemap.php »;} Source: https://wordpress.stackexchange.com/feeds

get the attachement url for the medium sized image

Hi I’m using some code to create a slideshow with lytebox functionality – the following code is used in the loop to pull each image attached to a post in sequence. It seems to be only pulling the large image, even thought I’ve set the value to medium – any ideas how I can get .wp_get_attachment_url($attachment->ID, ‘medium’, false, false) to be pulling the medium sized images? thanks <?php $argsThumb = array( ‘order’ => ‘DESC’, ‘post_type’ => ‘attachment’, ‘post_parent’ => $post->ID, ‘post_mime_type’ => ‘image’, ‘post_status’ => null ); $attachments = get_posts($argsThumb);…

Web Design Weekly #34

Headlines Adobe Shadow WOWZA! Adobe’s new mobile web workflow tool. These days when Adobe releases something it usually gets slammed within minutes. Not this one! I have only played with Adobe Shadow for about 20 minutes and it is very impressive. Super easy to set up and will no doubt become a key part of my mobile development workflow in the future. (blogs.adobe.com) nclud.com If you like websites, then the nclud agency just released a humdinger for you. With so many tools and articles being released lately this provides a…

upload_mimes filter has no effect

I wanted to add support for .wif files (text/plain) to my site (WP3.3.1). So I added the below function to my theme’s functions.php. My theme is a child theme of Suffusion. add_filter(‘upload_mimes’, ‘custom_upload_mimes’); function custom_upload_mimes ( $existing_mimes=array() ) { $existing_mimes[‘wif’] = ‘text/plain’; return $existing_mimes; } It had no effect and .wif files continued to generate the security message when I tried to upload them. So I looked at the source code for get_allowed_mime_types(). The only entry for ‘text/plain’ is this ‘txt|asc|c|cc|h’ => ‘text/plain’. Just for fun I edited it to…

Page only shows when user is logged in (even with visibility set to public)

I’m trying to troubleshoot an issue on a client’s site. There is one specific page which appears as « not found » unless you log in and then visit the front end, in which case it appears normally. The visibility on the page is set to public, and in every other way it’s a normal boring wordpress page. Stranger still, it only started happening recently (after months of trouble-free use). Problem page: http://www.leecamp.net/schedule/ Any ideas why this would happen? Source: https://wordpress.stackexchange.com/feeds

Web Design Weekly #33

Headlines Responsive Touch Interfaces Matrix Transforms WOW! Plus a load of other great tips. Awesome video by Flickr Frontend Engineer Stephen Woods. He shares his hard-won advice for building responsive touch-based interfaces using HTML5, CSS, and JavaScript. Make time for it. (yuiblog.com) httpster.net A curated showcase of shit-hot web design with a less-is-more bent. Its aim is to showcase excellent use of HTML & CSS — and favour progressive enhancement and mobile adaptive layouts — but the currators apologise in advance for including poorly coded stuff if it just looks…