Posts Tagged ‘jquery’

Weekly Tech Roundup – September 23, 2011

Friday, September 23rd, 2011

Weekly Tech Roundup

This week’s Tech Roundup includes a security hole in HTTPS, Windows 8 in-depth, and the Lifehacker Hackintosh guide.

Researchers to detail hole in Web encryption – It was bound to happen eventually. Interestingly, no one seems all that concerned about it. Still, I’d expect to see a patch in the next update of your favorite browser. Another reason to always keep your browser up-to-date. Read more about it here: Hackers break SSL encryption used by millions of sites.

The Always Up-to-Date Guide to Building a Hackintosh – One of these days I’ll build a Hackintosh. It’s on my “someday” list. For those that don’t know, or can’t tell from the name, a Hackintosh is a computer running OS X on non-Apple hardware. This guide takes you through the entire setup process. It’s pretty slick. Take a look!

Lifehacker put together an in-depth four-part series this week for all of your Windows 8 curiosities:

Create Sticky Notes To-Do List In CSS And JQuery – I thought this looked like a fun tutorial. It comes with a demo and a download so you can skip the hand-coding and just use it if you prefer.

Introducing The Smashing WordPress Section – Smashing Magazine now has a dedicated section for WordPress. Should be a wealth of information and a good source for tutorials.

If you enjoy these Roundups please share with your friends!

Have a great weekend!

Weekly Tech Roundup – September 9, 2011

Friday, September 9th, 2011

Weekly Tech Roundup

This week’s Tech Roundup includes FTP programs for Windows, browser trends, and WordPress contact forms.

The Best FTP App for Windows – This is a really great review of FileZilla. It also covers Cyberduck, WinSCP, and FireFTP. If you are on Windows and in the market for a new FTP client, this is a good read for you. I’ve used all but Cyberduck and would say I use WinSCP the most, with FileZilla coming in second. I prefer the simplicity of WinSCP.

Browser Trends September 2011: Can Anyone Stop Chrome? – In my August 12 Tech Roundup I covered the browser stats for July 2011. These are the stats for August. Chrome is still gaining on Firefox for the #2 spot. IE6 is still falling (yay!). These are important stats to watch if you make websites.

20 Free Contact Form Plugins for WordPress – Every website needs a contact form of some kind and there are a lot of WordPress contact form plugins out there. This is a list of 20 good plugins to help you narrow your search.

Using ‘$’ instead of ‘jQuery’ in WordPress – Great little tutorial on how to use $ instead of jQuery in WordPress. Those of you that use jQuery in your WordPress themes are probably familiar with this issue. This little trick will get you back using $ if you want.

I’m doing a big, very overdue upgrade on my desktop this weekend. And, I’m finally upgrading to Windows 7 as part of the process. I want to be able to take advantage of the 8GB RAM I got! It will essentially be a kick-ass gaming machine but really just a powerful design/development machine. I might even document the upgrade with some photos and notes if I get ambitious, but don’t hold your breath. :)


If you enjoy these Roundups please share with your friends!

Have a great weekend!

Featured Project: MIO Nonprofit Corporation

Wednesday, July 13th, 2011

I recently finished a WordPress website project for MIO Nonprofit Corporation. They provide public education about the benefits of broadband in Washington state. The main focus of the website is to share information by posting featured stories, blogging, and linking to social media.

To keep costs down I used an existing theme, Link, from Theme Forest and customized it to compliment the Move It Online LLC website. The theme uses HTML5, some CSS3 elements, and incorporates Nivo Slider and Timthumb.

Original Link Theme

Original Link Theme

MIO Nonprofit Corporation website

MIO Nonprofit Corporation website

The original theme is pretty dark and MIO was going for a very simple, clean look. So, I lightened it up quite a bit and got rid of most of the gradients and backgrounds.

I kept the main structure of the website and a lot of the functionality, but I changed some key pieces.


Recent Posts -> Information categories

In the original theme, the Recent Posts section just pulled in the most recent posts from the entire blog. Instead, MIO wanted to use this section to highlight four key Information sections of the website: Light the Fiber, Speed Matters, Before & After Broadband, and Benefits of Broadband. I pulled out the original code but kept the image thumbnail functionality. Then I added custom descriptions and linked the heading, image, and “Read more” to each category’s post/article listing.

Separate Blog page

MIO wanted to have three very distinct sections of articles/posts: the Information categories separate from the Communications: Past, Present, & Future section and the blog, which would have more of an editorial feel. I created a separate theme template and page to show only the blog posts. Currently, it is showing blog posts and articles from the Information categories until they have enough blog posts to display on their own. Having a separate page for the blog sounds simpler than it is. The current “Home” page is the blog as far as WordPress is concerned. If you try to configure it otherwise, of course, it breaks everything! So I created a page of posts using a tutorial from #! code as a guide.

Other Changes

I removed the top navigation bar, added social media icons to the navigation, moved the search field from the top navigation to the main navigation bar, and removed some of the widget functionality in the footer. I added Twitter and Facebook feeds to the sidebar on the post/article pages and used Widget Logic to keep the About Us sidebar widgets confined to the About Us pages.

Before/After Slider

One of the key articles on the MIO Nonprofit Corporation website is on the Tulalip Tribe’s success with broadband. It includes a before and after slider to show aerial photos of how broadband increased business growth and development, similar to the one the New York Times used to show the effects of the tsunami disaster in Japan. The before/after slider from Catch My Fame is an easy to set up, lightweight jQuery script.


Click an image to see a larger snapshot of the website.

MIO Nonprofit Navigation & Nivo Slider MIO Nonprofit: Information MIO Nonprofit Communications About MIO Nonprofit MIO Nonprofit Blog Tulalip Before/After

Visit MIO Nonprofit Corporation to view the full website and to learn more about broadband in Washington.

Weekly Tech Roundup – June 24, 2011

Friday, June 24th, 2011

Weekly Tech Roundup

I read a lot of blogs. I subscribe to a lot more blogs than I have time to read. Sound familiar? If you're like me, you don't have time to read everything you want (if you do, please tell me your secret). In an effort to reduce the chaos of life, I do two weekly article roundups: one for technical things and one for small business things.

Here's a roundup of the most interesting tech articles I found this week. Enjoy!

ICANN opens the domain floodgates – There were a ton of articles on the new top-level domains (TLDs) this week. Kind of exciting but not really useful for small businesses. Unless you have $185,000 lying around. And another $25,000 per year to maintain it.

Useful Resources, Tools and Services for Web Designers – An extremely comprehensive list. One of the reasons I love Smashing Magazine!

Five Useful Interactive CSS/jQuery Techniques Deconstructed – The five are: Extruded Text Effect, Animating A Background Image, Mega Dropdown, Animated Slideshow Navigation, and Animated Icons. Complete with explanations, code samples, and demos!

What Kind of Maintenance Do I Need to Do on My Windows PC? and What Kind of Maintenance Do I Need to Do on My Mac? – Great suggestions for both Mac and PC.

Popuload for Adobe Photoshop – This is a really fun idea! Have you ever had to sit and wait for Photoshop to process something? During these times I usually pull up my browser and try to read a quick article. Popuload is an RSS reader for inside Photoshop! Whenever the loading/processing bar appears in PS, Popuload appends a window with your RSS feed content for the duration of the processing time. Only for Mac, so I’ll still have to pull up my browser for now.

If you enjoy these Roundups please share with your friends!

Have a great weekend!