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.

Posted in blog | Tagged , , , , , , | Leave a comment

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.

Posted in blog | Tagged , , , | 2 Comments

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

Posted in blog | Tagged , , , , , , | Leave a comment

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.

Posted in blog | Tagged , , , , , | Leave a comment

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…

Posted in blog | Tagged , | Leave a comment

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…

Posted in blog | Tagged , | Leave a comment

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

Posted in blog | Tagged , , , , | Leave a comment

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…

Posted in blog | Tagged , , | Leave a comment

Flash Gaming Technology – Notes from Lee Brimelow’s Adobe Presentation

Here are my notes on the presentation from Lee Brimelow of Adobe at the Atlanta Adobe Users Group Meeting: http://www.meetup.com/Adobe-User-Group-of-Atlanta/events/56200162/

What is flash for? Doing things the browser can’t! If you can use HTML5 then do it. Learn about it and learn the capabilities and know when to use what tool and when they are appropriate. It might not be easy, but it is where the industry is moving, don’t hide from it! If you want to do things that are to advanced for the current standards and browsers, then flash is most likely where you need to be. Adobe will always position Flash to be ahead of what is possible with browsers.

While you can do some gaming in browsers today, flash is now positioned to be the best solution for game development. It even can compile to native apps for ios and many successful apps have done so. Adobe has put in a site to showcase these games at: http://gaming.adobe.com

Adobe has a new partnership with unity. See example game: Angry bots.

Console sales are declining. We have so many other outlets to game: browsers, social, mobile devices… Soon professional games will be via Facebook and browsers.

Facebook angry birds game built in flash using stage 3D.

New gaming features:
Mouse lock.
Right and middle click events.
Concurrency, multi threading for player. Yo will not lock up with intense calculations.
Native extension Burls and extensions.

CS6:
Sprite sheet exporter!
Create js exporter, via Grant Skinner
Html 5 export to canvas a vector art.

Edge

11.3 – latest flash player
full screen keyboard input.
Background auto updates.
Audio streaming via net stream.
Improvements for low latency audio.
Stage 3D progressive texture streaming.
Lzma compression sort door byte array.
Native bitmap encoding to png and jpg.
Bitmap data draw with quality
Frame labels.

Air specific
USB debugging for ios
Native ios simulator support
Enhanced background support for ios
Android 4 stylus support
Mac app store support

Dolores, upcoming updates
As workers
Advanced profiling
Better sort for hardware accelerated video cards

Next
Refactorizing code base
Work on as virtual machine
Many action script language updates: stringent static typing as default, hardware oriented numeric types, type inference…

Posted in blog | Tagged , , , , , , , , , , , , , , , | Leave a comment

Flash Roadmap Update – Notes from Mike Chambers’ Adobe presentation

Here are my notes on the presentation from Mike Chambers of Adobe at the Atlanta Adobe Users Group Meeting: http://www.meetup.com/Adobe-User-Group-of-Atlanta/events/56200162/

Honestly, the announcement from Nov was handled horribly, it was a mess. Adobe has learned a lot and there have been many changes since then to keep this from happening again. They are really pushing transparency and have begun publishing white papers that explain the flash roadmap and explain plans and commitments.

These white papers put out by Adobe is definitive resource for flash. http://www.adobe.com/go/flashplatform_whitepapers

Flash runtimes is one shared core player. Flash player and adobe air both share same core.

Flash has filled many niches: animation, video, applications, games, rich media, art (Flash as an expressive medium).

While none of these functions are going anywhere, HTML5 is bringing a lot of this capability to browsers natively.

Adobe will now focus on advanced video and gaming in Flash as they are the areas that aren’t possible in web standards.

Introducing Premium features – set of features in API available for licensing. Only example for now is Stage3D used in conjunction with domainMemory API.

“I’m doing this for the love of flash, everyone else is doing it for the money” – Mike Chambers

The funding for the flash player is contradictory since more tools to publish to flash player have come out, it draws resources and funding away from flash player. This revenue sharing model allows for the player to remain funded in the current flash ecosystem.

Linux: Ppapi = pepper codename for browser plugin API which will let the player do it’s thing rather than worry about browser and OS. Working with google chrome on Linux already.

Windows 8: working closely with Microsoft to have support for flash player and air on Windows 8.

All updates will be added to the white paper (link above) along with the 2 year roadmap.

Thanks for visiting ATL and working on making this well understood and making Flash even better. I’m Always a fan of using flash when it’s the right tool for the job.

Posted in blog | Tagged , , , , , , , , , , | Leave a comment
  • Recent Posts

    Touch Specific Media Queries in CSS4

    Proposals in the works for new media queries specific to touch enabled devices. Examples include pointer, which will differentiate wether the device has a fine or coarse pointer (finger vs mouse) and hover, which would say if the device supports hover states. I can see this being helpful and useful for building mobile friendly sites [...]

    Responsive Image Dispute and Tourists – Analogy

    Jason explains the root of the problem and why no one has been able to devise a solution that makes everyone happy yet. The browsers (in their awesome drive to make browsing faster) are prefetching images and developers want to only use one image based on criteria the browser doesn't know until the layout is [...]

    Google Moog Keyboard Synthesizer Detailed

    This post on creativejs picks apart how this doodlue was made. Nice they they are able to support HTML5 audio even if it is only supported on chrome and the rest fall back to – you guessed it – flash. Embedded Link Google Moog synth tear-down Yesterday we featured Google's web-based analogue synth Moog tribute [...]

    Synth Emulator on Google Japan Doodle Today

    Synth Emulator on Google Japan Doodle Today Embedded Link Moog 自分のオリジナル曲を創って、 #moogdoodle で共有しよう。

    WordPress updates plugin directory

    New additions to the plugin directory include: favorites, incorporating support forums into it's own tab for each plugin as well as support stats being displayed! Great! I think we also need the ability to give plugins ratings and reviews (bonus points if it can be done from within a wordpress admin dashboard when installing plugins). [...]

    Short Head

    Use zipf's short head to tune your website rather than redesign the whole thing. To make a website successful it needs to meet the needs of the users. Find out what those needs are by using the short head philosophy to equate most searched things as the biggest needs of the users. Use personas to [...]

    Img Set?

    Great article at a list apart discusing the state of the industry regarding responsive images. This picks apart the set attribute of the img element from a surprisingly objective view coming from someone so close to the picture element. Insightful discussion about the principle behind the proposals than the actual solution too. If the working [...]

    Triudo

    A mesmerizing animated triangle-ish shape form. Embedded Link triduo triduo

    Git – the paradigm shift

    A great developer story about the differences on what Git is vs other version control and what Git is not. This is how we should learn it. I heard over and over that it was distributed, but never grasped what that meant, so here are a few links and explanations that will help unlearn version [...]

    Tweening Lib comes to Javascript!

    I'm very excited to share the news that the tween library from GreenSock (hands down the best tweening library I used in flash) is not ported for use in javascript! This will be great! I missed that simple syntax from as3 when animating javascript, and now I can have my cake and eat it too. [...]

  • Recent Comments

    Bruce Brownlee

    Bruce Brownlee

    Ah IE6. I'd have 2 more years of sleep without IE6. Margin doubling, no properties,...
    versaena

    versaena

    how to give color at runtime…… thank you
    Mobile Websites

    Mobile Websites

    I disagree, mobile websites are the future – desktop websites and mobile websites...
    Matt Fasick

    Matt Fasick

    That's cool. I like the ripple effect as well.
    Nico

    Nico

    hi! really great job guy! very impressive.. just a question… do u have a solution to do a refresh...
    Evan Mullins

    Evan Mullins

    Agreed! I've just seen some people get pretty heated about separating all functionality...