Category: Video Tutorials

  • How to upgrade to MAMP 3 – a quick video tutorial

    MAMP 3 (the newest version) was just released with lots of cool new features. Now you’re wondering how you can upgrade your existing MAMP install to the new one without losing all your content. Fret not my friend. It’s not at all hard. You just have to do things in the right order. This 6 minute video tutorial walks you through the process and gets you up and running.

  • Video tutorial: How to remove the admin account in WordPress

    In response to my post about brute force attacks against the admin username in WordPress yesterday many users have contacted me asking how to remove the admin user from their installations. In this video I demonstrate how to remove the user completely and attribute all its posts with a new administrator account.

    Step by Step

    1. Log in as admin
    2. Change email address
    3. Create new administrator account
    4. Log out and log in as new administrator
    5. Delete admin account
    6. Associate all admin account posts with new administrator

    Feel free to share it far and wide.

  • Building WordPress Child Themes with Twenty Twelve – new and updated course on lynda.com

    Building WordPress Child Themes with Twenty Twelve – new and updated course on lynda.com

    http://youtu.be/s09SIxyO4ho
    If you are following my courses on lynda.com you may have noticed that there is an update for my WordPress 3: Building Child Themes course. But this is more than an update. With all the developments and new features of WordPress, I thought it better to completely revamp the course to incorporate new tips, techniques, functions and features to make your experience building child themes as up to date as possible.

    For the all new WordPress 3: Building Child Themes course I also chose to use the new Twenty Twelve theme as the parent theme. Twenty Twelve has been out for a little over a month, but only as an add-on. When WordPress 3.5 comes out in early December however, it will become the new default theme in WordPress. That means if you jump in now, you’ll have a head start on everyone else using Twenty Twelve and building child themes off it.

    The course looks at how to build a standard child theme and best practices around how to create new styles, add new functions, and alter the different template files to give the child theme a personal touch and make it do what you want. I’ve also added in some clever new elements towards the end like a dynamic welcome message that only appears on the front page.

    The original Building Child Themes course was hugely popular and I am hoping that this new and improved version will be even more so. But don’t take my word for it: Head on over to lynda.com and check WordPress 3: Building Child Themes out for yourself!

    If you don’t already have a lynda.com account and you want to try it out, go to lynda.com/trial/mor10 and get a free 7 day trial.

  • Microsoft Expression Web 4 LiveLessons 50% off!

    Limited time only, so be quick about it! My LiveLessons video series on Expression Web 4 is being sold straight from QUE at 50% off – so a ridiculous $20 for 5+ hours of training – right now. Just follow this link.

    The sale also includes a bunch of other great titles including Office 2007 and Windows 7. Full details below:

    “LiveLessons are video courses organized into bite-sized, self-contained sessions so you can learn key skills in as little as 15 minutes. Each session begins with well-defined learning objectives and ends with comprehensive summaries, which help you track your progress. LiveLessons video training video formats include standalone DVD-ROMs, value-priced DVD/Book Bundles, Safari Books Online subscription services and purchases, and immediately-downloadable (streaming) lesson sets or individual lessons.

    For a limited time, SAVE 50% on these featured LiveLesson DVDs and full course downloads. Discount is automatically applied to the shopping cart.”

    Click here for all the details and a complete listing of courses available.

  • Microsoft Expression Web 4 LiveLessons now available

    This year I’ve been working on no less than three major publishing projects: An update of my book Sams Teach Yourself Microsoft Expression Web 4 in 24 Hours, a video series called WordPress 3.0 Essential Training for Lynda.com and last but not least a Microsoft Expression Web 4 LiveLessons video series for Pearson and InformIT.com. Sams Teach Yourself Microsoft Expression Web 4 in 24 Hours was released Tuesday last week, WordPress 3.0 Essential Training went live Wednesday this week and today Microsoft Expression Web 4 LiveLessons went live on Informit.com (click the link to watch the samples). The DVD sets for the LiveLessons series are being printed as I write this and will be available in a couple of weeks. They can be pre-ordered from Amazon.com

    Combined these three educational products form a solid base for anyone who wants to learn how to build standards-based web sites and publish their content on the web using Expression Web and WordPress. All three were written and developed to teach you not only how these applications work but also how you can use them effectively to produce solid web content fast. They are all based on my own work process and adopting the techniques in the book and video series’ will make you a better and faster developer no matter what level you are currently at.

    Click here to preview a sample chapter: HTML – An Introduction.

  • Using WordPress in Alternate Configurations – My WordCamp Whistler 09 Presentation


    Finally, after a full week of catching up, here is the video tutorial version of my presentation at WordCamp Whistler 09 for those who were there and those who couldn’t come. The video is also available on WordPress.tv if you’d rather watch it there. I recorded the video over the weekend and it contains the entire presentation including all my fancy slides as well as the code examples and demos. The only thing you won’t see is me waving my hands around and messing up the code like I did at the actual event ;o)

    Code Snippets

    The last half of the presentation centers around creating Custom Page Templates and Custom Fields for layout purposes. To help you along in your own WordPress site development, here are those code snippets ready to be cut and pasted into your templates:

    Custom Page Templates in 5 lines of code

    This block of code is inserted at the very top of the Custom Page Template file. To get started, simply open the page.php file, save it under a different name, paste these 5 lines of code at the top of the document, save and upload to your server. To activate the new Custom Page Template just select it from the Template menu under Attributes in the Page Editor within WordPress.

    Custom Fields in one line of code

    This code can be used in any template file including but not limited to page.php, any Custom Page Templates, index.php, archives.php, single.php etc etc. The code returns a string of text that matches the text inserted in the custom field. Remember to replace $key with the actual name of the custom field. You can read more about Custom Fields and how to use them in the WordPress Codex.

     ID, '$key', true); ?>

    Custom Field that parses PHP code

    This code is used to parse (interpret) PHP code inserted into custom fields. It is a bit wonky – for instance it terminates any other custom field code placed directly after it in a page – so use it with caution. Otherwise it works exactly as the code above.

     
ID, 'centerBox', true); ?> 
'.$boxContent); ?>

    Applications Used in the Presentation

    After the presentation several people came up to me and asked what applications I used, so here is a short list:

    BitNami WordPress Stack

    The demo site I used in the presentation was actually installed and running locally within Windows 7. To achieve this I used an ingenious application named BitNami WordPress Stack. Once installed this application will run a fully functional version of WordPress with database entry, plug-ins, custom themes and everything else you want to throw at it right inside Windows (XP, Vista and Windows 7 supported) so you don’t have to keep uploading your files to a server or hassle through complicated XAMP installs to play around with WordPress while offline. You can even install several different WordPress and other open source CMS stacks on your computer simultaneously to further increase your productivity. I have no idea exactly how it works but BitNami works incredibly well. Just remember to set the IP address to “localhost” when you install it.
    You can download the BitNami WordPress Stack here. For Mac users there is a similar application called MAMP but I know nothing about it.

    Web Developer Add-On for FireFox

    FireFox is my absolute favourite browser and I use it for browsing as well as in the design process. One of the main advantages of FireFox is the myriad of add-ons you can install that make web site development a lot easier. The one I use the most is the Web Developer Add-On. This small application within an application lets you see and mess with CSS, turn styles and JavaScript on and off and do tons of other stuff that makes it easier to dissect and troubleshoot buggy web pages. Combine it with the HTML Validator add-on and you have a true powerhouse in a small browser window.

    Microsoft Expression Web 2

    My web development platform of choice is Microsoft Expression Web 2. This new offering from Microsoft is what enables me to build custom WordPress themes and web sites like AnnyChih.com from scratch in less than 24 hours. There are many great things you can talk about with Expression Web 2 but for WordPress theme development the two main features is full PHP support, unrivaled CSS integration and Standards Based CSS generation right out of the box. If you want to know more about Expression Web 2 or want to learn how to use it you can read more on this blog or pick up a copy of my book Sams Teach Yourself Microsoft Expression Web 2 in 24 Hours. It’s a good read, I promise.

  • Moving to Silverlight – tips and tricks tutorial

    No postings for a while. Sorry. I’m buried in work.

    In the meantime I found an excellent video at ThinkSwedish that explains how to transition from Adobe’s MXML and ActionScript 3 to XAML and C#.

    Interestingly the ThinkSwedish blog is built on a Flash platform (so I can’t embed the video here) – a concept worth exploring in Silverlight as well.

    Video link

  • Video Tutorial: Editing and Uploading the Zufall Side Buttons


    Click here for a full screen version of this video.
    Here (finally) is my second video in the Zufall series. It was meant to be a walk-through of the implementation process but then I ran across a small problem and decided to make a video about how I fixed it instead. Zufall part II about Expression Web is still on it’s way but this should tide you over.

    In this video I demonstrate how I created the side buttons using Expression Design and how to do some quick alterations to the site in Expression Web using the fantastic CSS features. It’s quick and dirty but should give you a small glimpse of how to do things.

    The reason why it’s taken so long for me to post a new video? Expression Media Encoder is damn near impossible to use! I’ll be ragging on this in a separate post once my head cools but just to give you a small taste it took 17 tries to get the video above to export to below the magic 22mb that is required for Silverlight streaming. And it wasn’t for lack of trying. But like I said, more on that later. For now I hope you get something out of my most recent video and be sure to check back for more.

  • iZufall Project – From Concept to Design using Expression Design


    It took way too long but now it’s here: My first video tutorial covering the overall design process of the iZufall.com website using Microsoft Expression Design. In the video I cover the overall design idea, how to import vectorized graphics form Adobe Illustrator and some other neat little things in the program.

    Staying true to the Microsoft Expression experience the video is a Silverlight application hosted on Microsoft Silverlight Streaming. As you can see from my previous post I had some difficulties actually creating, uploading and posting the application but then a little bird tipped me off to this article that explains how to post Silverlight Streaming apps using iFrames and now it works splendidly.

    So, without further ado, here is the first video. If you want a larger version to see all the small intricacies click here to openn a separate window. I advise you to do so so you can see what I’m doing.

    Just a note: You’ll need to install the Silverlight RC plug-in to be able to play my video. It’s a small 2mb download that is completely safe, free and platform independent. You can download Silverlight by clicking here.