May 20, 2013

htaccess Mobile Browser Detect and Redirect

A simple solution to taking website visitors to a website that is compatible with the mobile device they are using.

Please Login or Register with SupportCasts to view the rest of this content.

Pure CSS Bullet List Triangles

A nice clean way to have a different looking bullet list with triangles made without an image.

Please Login or Register with SupportCasts to view the rest of this content.

Pure CSS Image Preload

Save load time and keep visitors from waiting for their image on hover.

Please Login or Register with SupportCasts to view the rest of this content.

Facebook Custom Fan Page with iFrameWrapper

IFrameWrapperLately I have received a lot of questions about Facebook Fan Pages and how to folks are getting those nice custom content areas with branded information. This video tutorial shows you how to do this with an application called iFrameWrapper now the Static FBML application is no longer available.

You can actually build a mini tabbed website inside of your fan page, have it show by default to new visitor and even execute scripts like newsletter join forms in this area.

Please Login or Register with SupportCasts to view the rest of this content.

Expandable Sticky Bar – Free Public Video

Here’s an interesting Javascript from DynamicDrive that uses the jQuery library.

In this video tutorial I wanted to introduce RapidWeaver users to the Expandable Sticky Bar. I often see users looking for a “fixed” footer or header type situation in their design layouts and this Javascript provides such a feature.

Its very easy to use and in this free public screencast I quickly go over how you can explore this option to obtain this type of look and feel.

http://mediacloud.supportcasts.com/apple_tv/rw_next_steps/stickybar-atv.mp4

Free Video: Scaling Background Image Using jQuery

jquery LogoGetting a background image to scale to 100% of the viewer’s browser window width and height is tricky. Pure CSS or even CSS3 do a good job in many browser but fail in IE6, IE7 and even IE8. Opera and others fail depending on how you do it with CSS.

jQuery steps up to the plate and solves it. Well, almost. Just one little niggle. If you can live with it then this is the solution for you in all browser except IE6.

Original Files and Website

CSS3 & jQuery for Rounded Image Corners

Show Notes

Show Notes

http://mediacloud.supportcasts.com/apple_tv/jquery/full-bg-jquery.wo.m4v


RapidButtons! – Online CSS3 Button Creation Tool

RapidButtonsGary Byrd over at RapidWeaverThemes has posted up a new website called RapidButtons.

I prefer to think of it as “buttons in a snap” for all your design needs. So join me in this short cast as I preview Gary’s new site.

RWBasics015 – Blog Page Style

This video tutorial is the start of a multi-part series on the Rapidweaver Blog page type. Part one covers the Page Inspector setup for the Blog except for the Advanced Tab. Things like Podcasting and iTunes setup which will be covered in the next part.

This is the 15th tutorial in the new updated series.

Please Login or Register with SupportCasts to view the rest of this content.

CSS3 & jQuery for Great Looking Rounded Corners on Images

jquery LogoUsing CSS3 to round corners on images varies in quality and it doesn’t work in all browsers. Add in a little help from jQuery and you get good looking corners and even shadows. In this video tutorial you will see now to do this easily.

CSS3 & jQuery for Rounded Image Corners

Show Notes

Please Login or Register with SupportCasts to view the rest of this content.

jQuery – TinyTips Tooltip Revisited – Colorful Additions

TinyTips has been updated to version 1.1. What better way to investigate the changes than a new screencast.
Mike Merritt of Digital Inferno has added some colorful additions to this easy and flexible jQuery tooltip.
I will also address a question in this video tutorial that was asked from the original screencasts; “How can you add the image separately using Stacks”.
So grab the new download, set back, and join me as we revisit TinyTip.

Please Login or Register with SupportCasts to view the rest of this content.

jQuery Animated Headers – Nivo Slice Animation

In this video tutorial we will look at changing from using the Cycle jQuery Plugin to the Nivo Slider for a different effect. It’s easy and gives you a few more options. Make sure you have seen jQuery Animated Headers Part 1 and Part 2 for the foundation to what I am doing here.

Please Login or Register with SupportCasts to view the rest of this content.

CMS012 – Pulse and Project Organization Part 2

In this video tutorial we are going to take a look at using Pulse with the standard HTML and Styled Text page plug-ins that come stock in RapidWeaver. As well as a 3rd party plug-in, Styled Text +.

Please Login or Register with SupportCasts to view the rest of this content.

CMS011 – Pulse and Project Organization – Part 1

Hi, this is Ed. I’ve started to get a few questions about PulseCMS, clients and control. I figured the best place to start would be with you and how you can organize and control what happens inside the project file.

In this video tutorial for Rapidweaver we will look at 2 Pulse specific Stacks and the cssStack.

Glenn Thomas’ Pulse Stack is available here:
http://masaweb.info/page12/page12.html


And my Stack is available here:

http://myrapidweaver.us/Warehouse/Stacks/Pulse.stack.zip


The 3rd Stack is available in the RapidWeaver Forums. You will find the post about it here:

http://www.realmacsoftware.com/forums/index.php/forums/viewthread/22834/

Please Login or Register with SupportCasts to view the rest of this content.

jQuery-Animated Header Images – Part 2

Part 2 of our Mini Series on jQuery animated header images. No Flash required! ;-) (sorry Adobe…) In this tutorial I will solve the “ugly page load” issue.
Please Login or Register with SupportCasts to view the rest of this content.