Jun
13
2010
2

Whiteboard of the Week – 19

This week’s whiteboard… isn’t on a whiteboard, but close enough. Here is what the new jole.ca will look like eventually. I’ve been playing around with Apple Dashcode, an IDE/Environment for developping web apps. I’ve been throwing around the idea of consolidating all my stuff more conveniently to form a central jolemedia network site sort of deal, and Dashcode has impressed me enough to consider building it there.
Here’s a (very) rough sketch of what it will include:
  • Home page with a Facebook-like stream of all the media coming from jole
  • Blog filter
  • Photo filter with enhanced viewing options (other sketches were drawn for that…)
  • Video filter with similar viewing options
  • Podcast filter
  • Tweet filter
By filter I just mean clicking on it will show just those types of content. I’d like to have it so that it’s very web-appy, and work nicely on all them iDevices the kids are using these days, and just in general make it easier and more enjoyable to browse the content I have. Maybe learn a bit of JS along the way!
Written by jolephoto in: Website,Whiteboard of the Week,jolephoto
Mar
29
2010
2

AffectiveDesign.com Launches Today!

Today marks the launch of AffectiveDesign.com, a project I’ve been working on for Design and UX Expert, Trevor van Gorp. The design and flow of the site was created by Trevor; the HTMLification and integration into WordPress being my task. WordPress has come a long way from its early days as a simple blogging platform. Previously it required a lot of hacking to get it to behave like a Content Management System (CMS) but thanks to Pages and a bit of theme code, it actually works quite well for light-duty websites. 

The theme I created for AD implements some interesting WordPress-as-a-CMS functionality. While plug-ins play an important role, I tried to implement the bulk of it using WordPress theme templates. WordPress supports distinction between “Posts” and “Pages” (and sub-pages) which I used extensively to organize page data. Top-level pages are the source for the tab navigation, with any sub-pages living within those tabs. Blog “posts” live within the Blog page, which is specified within Settings > Reading of WP.

Home Page

The homepage uses a special template (homepage.php) which houses various elements. The left-box houses the “Home” page contents, and is coupled with the Flashfader plugin, configurable inside WP. The purple-headed items are Sub-Pages of the Home Page, and the items below them are WP Widgets, all managed within WordPress.

Top-Level Pages

Diving into a Top-Level Page, some of the CMS features come to life. Starting with the left sidebar, subpages of Services are listed automatically. Below these items is a customizable sidebar of widgets (just a Twitter widget is being used here). Theme code in functions.php automatically creates dedicated Left and Right sidebars for every page for maximum flexibility. I haven’t evaluated the actual load this imposes on the server, but load times do not seem to be severely affected, and WP-Cache takes care of the rest.

In the center we have the contents of the Services pages. If desired, a listing of subpages can be inserted in-line by adding the [list] tag within the page contents. This listing is generated based on variables set in each subpage (for the image) and text processing (to display the snippet). This configuration is not as elegant as I would like, as it requires the use of “custom fields” (which isn’t terribly user-friendly) but allows for thumbnails to appear beside the subpage listing. WordPress has the ability to “attach” a particular image to the post, but I found it to be unreliable and difficult to manage.

The right sidebar stores more customizable widgets. The first is a custom-built widget based on “better-text-widget” and allows for the rounded corner styling along with an image (something that is difficult to do with a default text widget.) The “Testimonials” widget is also custom-built, and randomly selects a quotation from a list given in the backend. The remaining items are simply basic WP text widgets.

Sub-Pages

Strategic Insight is a subpage of “Services”. The breadcrumb behaves accordingly, and the active subpage is highlighted in the navigation. The image browser is SimpleViewer Pro, which allowed us to customize the look and feel of the actual Flash player to match the look of the sight. The sidebars and other functionality is analogous. 

Blog

The blog page behaves just like any other WordPress blog, with appropriate theming for the template.

Other

The only other thing to note would be the Twitter widget, which is based on Twitter Widget Pro, and customized to add a “Follow” button below it and to improve stylability. 

Be sure to check out AffectiveDesign.com to see how they might be able to help you out, or just to checkout how all these WordPress tricks come together to build a very flexible and powerful CMS! 
Feb
20
2010
0

Gallery Updates!

This photo is one of my favourites :)  

I realize that I’m not posting enough to the good old jole gallery, which, after all has been the cornerstone of jole.ca since the very beginning and the “jolephoto” monicker. It occurred to me today that there are a fair amount of people who come to my site to look around, but will just go straight to the gallery out of fear of my technical bloggy goodness, so I might as well keep it fresh for them. 

Often I have photos that I’m quite proud of but that simply don’t have enough energy to go through and name and describe. While names and descriptions would be nice, I’m pretty sure it’s the photo that counts. So moving forward, I’ll be just uploading the pictures as-is with just the plain-jane DSC-o-rama title and (no description). I may however provide a brief update such as this one that describes some of the photos in the upload.

  • The ones from February 2010 are mostly of Snow Valley which lights up overcast skies beautifully with its bright white light. I’m not sure the photos I took did it justice, but I found it pretty neat.
  • Some are from Vancouver such as the one in the post and the trees by the ocean. 
  • The sepia-looking shots are in fact not sepia-adjusted but actually the true colour with all the sodium lights illuminating the night at that time of day. I could adjust them to look white but then they simply look like day shots, so enjoy the feeling of a chilly Edmonton at 7pm. 

I’ve been having urges to rework flickrer a bit, which I may or may not do at some point in the future, but for now just enjoy the photos I’ve dug up from 2009 and a few fresh ones from this month, and look forward to more frequent (albeit less descriptive) photo updates.

Finally, a shout out to the Edmonton Journal Student Photo Contest. Submit one photo from 2009 to the journal for a chance to win some cool prizes! (Students Only). I’ve already submitted mine!

Written by jolephoto in: Gallery,Personal,Website,flickrer,jolephoto
Sep
10
2009
6

How-to: Get Rid of the Obnoxiously Large Google Buttons in Safari

Screen shot 2009-09-10 at 11.28.02 PM

Google has violated my trust and changed my homepage without authorization. There’s a reason why I use Safari instead of Firefox, and that reason involves proper UI elements on webpages. I will not tolerate Google deciding to use asinine -webkit-appearance CSS styles to make them appear the wrong way. Also, the obnoxiously large search text was novel for about 5 minutes until it just got…annoying.

To fix this problem, add the following to your custom style sheet in Safari:

.lsb {
-webkit-appearance: push-button !important;
}
.lst {
font-size: 12px !important;
}

.lsb {  -webkit-appearance: push-button !important; }

.lst { font-size: 12px !important; }

You can do this by creating a file, custom.css somewhere on your Mac and then adding these lines to the file in your favorite text editor. Once that’s done, open up Safari > Preferences… > Advanced  and select that file as your “Style sheet.”

Google should be back to it’s normal self again. Now just to fix that horizontal bar that seems to have solidified…

EDIT: To re-fluidize the horizontal bar in the search results, just put this little guy in there too:

#cnt {max-width:none !important;}

The -webkit culprit!

The -webkit culprit!

Written by jolephoto in: PC,Website
Jul
17
2009
0

New Theme!

I’m looking at redoing the site again this summer. It’s been a while since I’ve totally redone the look, and I’d also like to incorporate some of my other spin-off’s like jolevideo and duck podcast.

The gallery needs to be further integrated with Lightroom so that I don’t lose motivation to actually POST photos, and it’s probably time to provide a bit more information about myself considering I put jole.ca on all my business stuff now!

I’ve learned a lot about WordPress in the past years so I’m hoping to integrate some tricks like image attachment to make this blog a bit more interesting! Have fun!

Written by jolephoto in: Personal,Website Tags:
Dec
20
2008
0

jole Logo Lookalike – Canada Post

jole-canada post

 

In attempting to look classy while writing “Joy ” in French, Canada Post ended up infringing on jole.ca logo territory. Good thing I’m not registered!

Written by jolephoto in: Personal,Website,jolephoto
Nov
16
2008
4

Whiteboard of the Week – 8

So I’m thinking the WotW is quite inversely proportional to my actual thoughts or something, because this was probably the biggest week for me ever, just…learning so much about myself and the world around me, and yet the reflections on the board are far from inspirational. Maybe that’s a good thing, because we can’t have amazing weeks all the time, so most of the time the whiteboards will be good? I’m not sure, but here’s this weeks in all it’s grayscale glory. (I’ve been keeping my camera in B&W mode, and noticing that a lot of other people do too. It’s a good idea: you can focus on the color balance without being distracted. Plus when you shoot in RAW it is still kept color once you download it.

 

 

So the main scene here is my closet. I reorganized it recently and thought about the giant multi-function printer thing I have in there that I use exclusively for scanning. (I got it from Kevin, and the printer fails and our house doesn’t need more faxes so…) Anyway essentially everything has sort of grown around it, because I keep all my rolls of tape in it’s paper feeders, and it makes me think of a jungle growing around something abandoned in it. (Notably, the abandoned truck in this book from my childhood.)

To the side in that square is Kevin “steaming” the inkjet heads of our old printer. Inkjet spa.

Some interesting thoughts from this week: WordPress has won my heart. My dream is to have all the websites I manage on my Safari toolbar, so that anytime something needs to be changed I can hit Command-# and be in their admin area. I’m starting with elderadvocates.ca, where I’ll be merging all the documents into a giant RSS feed with a bit of PHP and then importing them into WordPress as posts, then converting them to pages using the lovely p2pConverter. I did notice a glitch with it though: it doesn’t seem to handle converting pages with quotation marks in the title. I suspect there’s an escaping issue in the JavaScript somewhere, because it asks you to confirm changing from page to post. (Which, quite honestly isn’t that necessary considering you can switch it back just as easily…)

I’m pretty sure it’s just as easy to do it right in the SQL database too, which might be more efficient for bulk conversion. 

Have a good week everyone!

Nov
11
2008
0

Thoughts on CMS

One thing that drives me mad is how every content management system (CMS) out there is now based around the concept of blogging, and yet most companies and simple website designs are still reliant on fairly basic static pages. As web developers, we go out and find the most advanced *blogging* tool there is because it’s stable, consistent, and easy to setup (read: WordPress…almost), and then watch as the client sits back and doesn’t actually post content in a blog-centric fashion.

This doesn’t surprise me. After all, if they hired me to implement their website, they probably don’t have too much information that needs to be critically shared on a regular basis, and unlike bloggers who are seeking to provide fresh content, get readers, and thus ad revenue; they don’t have much incentive to publish. (Look at me!)

As I worked away on fbcedmonton.ca which I setup with textpattern a while back, I started to drive myself insane realizing that in order to create a static page, you need to:

  1. Create an article (blog post)
  2. Create a “page,” or essentially a layout method that is statically selecting that post ID.
  3. Create a “section” or area for which the page will be served using a specific themeset.
  4. Create the link to the section within the navigation if an automatic nav generation tag is not in place.
Of course, if I just wanted to post an item to the blog it would have been one simple step. But really, our church doesn’t use its blogging features and the website would have been much better implemented in something more static-page oriented. Maybe I haven’t been looking hard enough, but it seems like a simple static-page CMS is no longer existent in favour of blog blog blog.
Which is fine. I guess I’ll stick to my php includes and raw code. 
But hey if you know of something simple out there, let me know. 
Written by jolephoto in: Personal,Website
Sep
27
2008
0

Whiteboard of the Week – 1

This Tuesday I bought a whiteboard from Kevin after a long voyage to different Superstores on both of our parts. (Random thought: wouldn’t it be nice to have a stupidity checker? I just wrote that sentence wondering if it made any sense whatsoever and then just kept typing waiting for a squiggly line to indicate to me whether I was being moronic or not…)

Point is I have a whiteboard carefully mounted on my wall. I’ve found that having a large amount of space to just draw, sketch, take notes, and create is quite useful and mind opening. My plan is to not erase the whiteboard until I’ve taken a picture of it, and posted it here under the “Whiteboard of the Week” category. Who knows, things might just get interesting.

So what’s in this week’s whiteboard?

  • Front and center is the wintersaurus, the prehistoric creature that will be showing up on your lawn soon if you live towards in the Northernly parts like I do. As you can see there are some tobogganists enjoying their day on his back. (No, not tobacconists)
  • Up to we have The Running Man. (No not this one.) This running man started out as just a continuous run, but his persistence was interrupted, and thus it is two arrows. This came to me one morning (probably Wednesday…hump day) when I was feeling rather lethargic and realized that I just had to keep going and eventually the end of the week would come.
  • Parachute Man is symbolic of the excellent Coldplay album “Parachutes”. He became tridimensional a few days after I drew him
  • Finally our last creature is a bit of a complexity even to me, one which I can only describe as…Windshield Cat. I mean really, what else do you see in that illustration besides that?
So that’s it for this week’s Whiteboard of the Week. Hopefully I can keep this going longer than all the other things I strive to make “regular.”
P.S. In the writing of this email WordPress seems to have a bug in WebKit that locks up the UI when you try to add a link to text. I would like to thank the dude who forced a draft-save before activating any further UI, because it’s saved my bacon at least thrice.
Written by jolephoto in: Personal,Website,Whiteboard of the Week
Sep
13
2008
0

Return of the Classic Gallery

So as I’ve been trying out my new site for a while, I’ve realized that eliminating the jolephoto gallery wasn’t the best idea. Photos are still best viewed in a gallery, not in blog posts. The gallery never really “left” because jole.ca/gallery was still there and it still the place I upload my photos before they’re processed into WordPress.

So the link is back in there, if you’re here for the first time and just want to browse, that’s still the best way, and if you want to get more information, there’s always the blog post about each image. (Heck maybe I can put in a link-back at some point…we’ll see.)

Happy browsing!

Written by jolephoto in: Website

TheBuckmaker WordPress Themes Unlimited Webhosting, MP3, AAC & Co