A great writeup about how to get wordpress powered responsive images working. Very thorough too.
Embedded Link
Automatic responsive images in WordPress | Viewport Industries
Viewport Industries, Ltd.
Tag: google+
Music Visualization via JS
Very fun audio visualizer built with Three.js loop waveform visualizer and more, check it out and see some really nice looking forms and shapes responding to music.
Embedded Link
Disc experiment
Disc experiment is a fun sound experiment influenced a little bit by the loop waveform visualizer we covered a few weeks ago. It's a visua
Some great CSS3 Effects on scrolling from Hakim
Some really cool examples here. I really like the helix effect personally. Check them out: http://lab.hakim.se/scroll-effects ! And the code on github: https://github.com/hakimel/scroll-effects
Embedded Link
Hakim / CSS3 Scroll Effects
Decided it was time for some CSS tinkering again and ended up creating this set of CSS3 scrolling styles. Not intended for any practical use but the visuals are surprisingly impactful.
Why Decouple WordPress Functionality from your Theme in a Plugin?
So this is all about writing CPTs into a plugin and not in your theme. Is there a time to not do that and include it into the theme? I'm thinking specifically when you are making the custom theme for the client rather than for stock. The client won't really be changing themes willy nilly, since they paid me to do it. I think separating the code sometimes can make it more complicated. It's not like if they change themes and notice some content is gone they can't change back, since the content isn't actually lost, but no longer supported by other themes. If they are my client and I do maintenance on the site or update the theme, I'd be sure to keep the CPT code in any new theme that is developed. And I'd expect that if someone else was doing the same they'd know where to look and how to continue support for the CPTs. I guess it comes down to the expectation that clients don't really need to be changing the theme. If they knew what they were doing changing themes, then I think they should understand that some functionality may be tied to the theme. Or maybe that's the point. Functionality traditionally has been in themes, and we should be moving away from that?
Personally I think it's easier to tell a client to come to me or at least ask if they want to change the theme (not that I'm locking into being my customer) that it would be for them to figure out some message saying the site requires a theme and a plugin in tandem, while it will still kinda work with one and not the other, it will be incomplete either way. Are we expecting them to be able to change themes, and update to new one to display the CPTs properly?
Embedded Link
Theme-ready Custom Post Types in WordPress – Jumping Duck Media
Good advice on decoupling WordPress Custom Post Type implementation from your themes. How to notify a user that some functionality of the theme might depend on a plugin that defines the CPTs. How to override theme template selection from a plugin.
Theme-ready Custom Post Types in WordPress – Jumping Duck Media
Original Article: Theme-ready Custom Post Types in WordPress – Jumping Duck Media
Dougal Campbell's geek ramblings – WordPress, web development, and world domination.
Josh Clark responds to Jakob Nielson's Mobile Stance
Nielson recently stated that he thinks we should keep building a mobile version of a site that is trimmed down and optimized for mobile, and a full version. This contradicts the growing momentum in the industry regarding among other things Responsive Web Design. Josh Clark, another expert in Mobile and Usability, correctly dissects Nielson's stance and explains why he's seeing things backwards in this article at Net Mag.
Embedded Link
Nielsen is wrong on mobile | Opinion | .net magazine
Designer, developer and mobile maven Josh Clark tells us that rather than stripping down, we should be asking how we can do more with the mobile experience
Responsive Images Recap
Thanks to Chris for this high level evaluation of the state of responsive images. THis post lays out descriptions pros and cons of each of the 3 foreseeable options: a new image format, a new syntax/html element or use existing technology.
Embedded Link
On Responsive Images | CSS-Tricks
There are three ways we can go about dealing with responsive s : 1) a new format 2) a new syntax 3) rely on existing hacks.
Padding for elements to responsively maintain aspect ratios
Dave Rupert shares a quick tut on how to use percentage based padding-top (and height:0) with images as background images to let them be responsive and still keep the proper proportions. Thanks for sharing Dave!
Embedded Link
Uncle Dave’s Ol’ Padded Box
Uncle Dave's Ol' Padded Box. Here's a CSS trick I've been using lately in my responsive designs. April 09, 2012 • Articles • Tweet. Recently on ShopTalk, we were asked about our favori…
New Flash gives Key input in Fullscreen
This is a huge hand to gaming in flash, which is quickly becoming a big driver to the flash roadmap. Lee shows a quick tut on how to accomplish this here. I like this solution from Adobe and thought initially it should have been something similar. Better late than never though.
Embedded Link
Flash Player 11.3 fullscreen keyboard input
One of the greatest features in Flash Player 11.3 is the ability to accept full keyboard input while in fullscreen mode. This is really important for fullscreen games that need chat or other keyboard input. You can implement this feature very easily by using the FULL_SCREEN_INTERACTIVE mode. See below for the ActionScript code:
1 stage .displayState = StageDisplayState.FULL_SCREEN_INTERACTIVE ;
Much like regular fullscreen mode, you need to add a parameter to your HTML code. See the code belo…
Promising Core WP Theme from studionashvegas
Check out the parent theme on github and use what works for you. I'm very interested to see the functionality Mitch has included in here. It is blazing fast very responsive and looks like a great place to start a new site. Check a demo: http://dev.studionashvegas.com/coretheme/
Embedded Link
I’m Open Sourcing My Core Theme
The last few posts I’ve made on here were diving into the introductions of a Responsive Design (and I plan on finishing
Stacked Visual with CSS pseudo elements
Here's a great example of how to embellish a design without adding (much) markup and using tools available to progressively enhance the experience while not burdening users with downloading any more kbs.
Embedded Link
Create the Illusion of Stacked Elements with CSS3 Pseudo-Elements – Inspect Element
By now, hopefully you're familiar with the use of the :before and :after pseudo-elements in order to do some interesting effects with CSS. Here I'm going to show you how you can create a simple 'stack…