Image
  • Home
  • About
  • Contact
  • Portfolio

Moving WordPress To Kirby

11 May
Leave a Comment
Categories : Opinion, Web Development

I’ve never really loved WordPress. There. I said it.

But it is very powerful, well supported, partic­u­larly suited for blogging, and widely deployed, so was a natural choice for this website.

BackupBuddy LogoIt does come with its own baggage, however. For one thing, it’s not so easy to develop locally and deploy remotely; having to keep the MySQL data­bases in sync is a mess trying not to hose some­thing up on one end or the other. Tools like iTheme’s BackupBuddy help a lot, but you still end up having to manually blast your devel­opment database over the remote database for each deployment. That’s OK, I suppose, for the main live site, as the updates shouldn’t be happening all that often. But it’s less fun on a remote staging server that sees more devel­opment work.

Don’t forget the darned wp-config.php file. Overwriting the remote version with the local version kills the site and requires some hand-editing to get it going again. The whole business is not as easy and clean as I would like.

And, really, WordPress can often be overkill. Take, as an example, my Bob Rockefeller Photography website. It has a simple blog (that is well overdue for some new content), about and contact pages, port­folio galleries, and an area for clients to view their proofs. Hardly an appli­cation for an enterprise-scale CMS (Content Management System).

What About Kirby?

Kirby LogoThere are a number of NoDB (no database) CMSs around from static site gener­ators such as Hammer for Mac and Jekyll to a group of dynamic site creation tools lead by Kirby and Statamic. I decided to move Bob Rockefeller Photography from WordPress to Kirby as a test of Kirby’s abil­ities and as a way to make devel­opment and deployment easier. I have plans to upgrade the client areas of the site and I want to get set up for that work.

What made me look to Kirby? In no special order, I like:

No Database – nothing to sync, nothing to migrate, nothing to query, nothing to mess up. The structure of the site is defined by the orga­ni­zation of the file structure. Metadata is stored inside files as simple text.

File Structure

Your File Structure Is Your Site’s Structure

Plain Text – use either plain text, HTML or Markdown for content. I really like writing blog posts in Markdown; I can do it on any device, with nearly any program, do it anywhere and then just save it as part of the site when it’s done. And Kirby (through its kirbytext() function) under­stands Markdown Extra for more formatting power than John Gruber designed into the original Markdown. If that’s still not enough, you can create your own exten­sions to kirbytext() in a file named kirbytext.extended.php added to you plugin folder.

PHP Templates – no need to learn yet another template language. The rest of the framework is written in PHP, PHP is a natural language for web devel­opers to use anyway, and it’s perfectly good for creating templates of any complexity. Sticking with JavaScript, HTML, PHP and Markdown works for me.

Dead Simple Sync – just upload any changed files right over the existing ones. The local site is exactly the same as the remote site. I use MAMP Pro for local devel­opment and then Transmit to sync the local directory to the remote directory.

Expressive Syntax – so clean as to be nearly self docu­menting. Kirby is really a simple (but not simplistic) PHP devel­opment framework (think a much lighter weight CodeIgnitor or Laravel). Want to return an object loaded with all the articles in the blog?

PHP
1
$page->children()->visible();

Need to create a pagi­nated list of blog posts in reverse alpha­betical order?

PHP
1
$page->children()->visible()->flip()->paginate(10);

Handy Toolkit Included – get more utility func­tions in the Kirby Toolkit, the under­pinning for Kirby itself. This will be important to me as I work on the new client area features. Having a PHP framework to build with is a good thing.

Documentation – there is a lot of it on the Kirby home site. And tuto­rials, too.

Support – a must have and it’s there. On the web is a forum frequented by Kirby users. And there is access via email to Kirby’s developer Bastain Allgeier; I’ve had several help email exchanges with him as I got myself up to speed.

If I were to write down a couple of my admit­tedly few gripes with Kirby, I would wish for a much better tool for moving WordPress content to Kirby and a tutorial on hooking into Kirby with AJAX. But, under­standing that Kirby’s intent is to be light­weight, these are probably just nits to pick.

So there you have it. I would recommend that you take a look at Kirby (go see the FAQ, first) if you would like to simplify your blog or need to develop websites with some­thing a little more light­weight than WordPress, but don’t want to have to start from scratch.

From Aperture To Capture One Pro?

5 Mar
9 Comments
Categories : Aperture, Opinion, Photography

Aperture LogoCould a user of Aperture since version 1 switch to Capture One Pro version 7.1? That’s the question I set out to answer in some “spare” time over the last few days.

I just love Aperture’s approach to RAW workflow. The interface, the tools, it’s file management and image adjustment all feel just right to me. The “problem” of late is that tech­nologies such as lens correction for distortion and top-notch noise reduction for high ISO images have been lagging behind in Aperture.

Lighroom LogoLet’s not get into the whole issue of whether or not the numerous “point” upgrades to Aperture this past year are equal to what we’ve all been looking for as version 4. I’ll simply say that the Aperture of today has not kept up with its primary competitor, Adobe Lightroom, in some key (at least to me) tech­no­logical areas. Lightroom can make excellent images out of RAW files shot at higher ISO from cameras such as my new Olympus OM-D E-M5 with Olympus zoom lenses.

Those folks shooting the new Fuji X series cameras feel even more left out than I. Aperture can’t even read the x-trans Fuji RAW file format.

But, personally, I just can’t get along with Lightroom’s interface, even though it’s image output is very good. Switching modes (from Library to Develop, for example) feels wrong. Dialog boxes that don’t match the rest of the interface bug me. Not being able to delete files from a collection view makes me crazy. And the list of non-Mac-like interface features goes on.

Capture One LogoBefore I started using Aperture at it’s $499 release, I was using Capture One LE for RAW processing and basic image adjust­ments, the Finder for file management, and Photoshop for greater image adjust­ments. Capture One is well know in the profes­sional image world, partic­u­larly for its ability to handle the files from digital camera backs such as those from Phase One and Leaf. It’s current top-of-the-line is Capture One Pro in version 7.1.

So, could a generally happy Aperture user switch to Capture One Pro to gain access to more current tech­nologies? And if so, would he like it?

Continue reading From Aperture To Capture One Pro?

Updating For Retina

26 Feb
2 Comments
Categories : Web Development

I spent some time recently upgrading the graphics on my photog­raphy site, Bob Rockefeller Photography. Some of it was pretty easy, some of it just needed a little code tweak to go with paired images (one at normal reso­lution, the other at high), and some of it took a little more work. Here’s what I did.

The favicon was the least trouble. I figured there was no need to do all the work John Gruber explained to make two different reso­lu­tions of the favicon to be served to normal and retina displays. So I just created the favicon at 32 x 32, in PNG format, and served that to all comers. Well… not to Internet Explorer visitors. IE doesn’t do PNG, so I put an old 16 x 16 ICO format favicon in the web site’s root directory for it. For everyone else, I called for the 32 x 32 favicon like this:

XHTML
1
<link href="wp-content/uploads/favicon.png" rel="icon">

Why do we still have to jump through hoops for Internet Explorer? Never mind…

If you’d like the WordPress dash­board to use that favicon, too, add this to your theme’s functions.php file:

PHP
1
2
3
4
5
// ! Specify favicon for Dashboard
function favicon4admin() {
   echo "   <link href="path/to/favicon.png" rel="icon" />"
}
add_action( 'admin_head', 'favicon4admin' );

You can get more details from the article Understand the Favicon.

Next up was the site logo and that was pretty straight-forward. I went back to the source file (Abobe Illustrator) and saved it in SVG instead of PNG format. A little HTML work and that was done.

Continue reading Updating For Retina

Sublime Text 2 Is Really Good

31 Dec
Leave a Comment
Categories : Opinion, Web Development

sublimeAt first I was put off by the JSON formatted appli­cation pref­er­ences that had to be edited as text by “hand.” But that feeling passed as I dug deeper and deeper into what Sublime Text, the current darling of the text editing world, can do.

BBEditI had been using BBEdit for all of my heavy-duty text editing needs. It’s a classic power tool that I orig­i­nally bought back at a MacWorld Expo in Boston — so you know how far back it goes for me. But for web design work, I had wandered off to Coda for its conve­nient inte­gration and pleasant interface, but found it limiting as I started moving towards local MAMP devel­opment and SASS. My last revision to this site was done with indi­vidual tools, including BBEdit and I described my approach in a previous post.

One of the things I found while making that revision was that BBEdit’s syntax coloring was not good for SCSS and pretty poor at handling a combi­nation of PHP and HTML code. In fact, it just plain sucked; colors were haphazard and instead of helping to under­stand the code flow, it made it harder. Throw in the fact that it’s interface was starting to look dated, plus a few more niggling details, and I was off looking at the alternatives.

screen

Click For A Screenshot

A couple of after­noons spend futzing around with TextMate 2 (the open source, alpha level, replacement to the venerable TextMate), Chocolat and even the very young Brackets, lead me to Sublime Text (now in version 2). What is it that Sublime Text can’t do? I’d say not much, as the features list suggests:

  • Split screen editing
  • Multiple cursors (you have to just try that once)
  • Highly customizable via XML and JSON config­u­ration files
  • Python scriptable and extendable
  • Goto anything (lines, files, symbols, …)
  • Project sidebar
  • Configuration synchro­nization via Dropbox
  • Slick, modern interface
  • And, as they say, more …

Continue reading Sublime Text 2 Is Really Good

Building With Builder and BBEdit

17 Nov
Leave a Comment
Categories : Admin, Opinion, Web Development

So, I’ve been exper­i­menting again. And I do a fair bit of that on this site, but certainly not as much as Brian Gardner does on his.

This exper­iment was twofold. The first part was to convert the site’s content and look from the Genesis framework to the Builder framework. Part two was to do it with a different set of devel­opment tools.

The Tools

Let me tell you about the second part first. I had been using Coda 2 (and Coda, before that) for most of my web work. Yes, I’d dabble with Espresso from time to time, but Coda was my main tool. And I like it a lot; but it’s not perfect, and I’m always looking for “better.”

It seems as if there as always been two approaches software devel­opers to make tools for complex projects—integrated solu­tions or indi­vidual tools. And there are many examples such as Microsoft Works (inte­grated) vs. Microsoft Office (indi­vidual tools), text editor/compiler/debugger (indi­vidual tools) vs. Xcode (inte­grated). And for me, in the web world, there was Coda (inte­grated) vs. the combi­nation of BBEdit, CodeKit, Transmit and Chrome (it used to be Safari, but version 6 screwed the web inspector up so badly I had to switch to Chrome).

BBEdit has been on my DragThing dock about as long as there has been a BBEdit (or DragThing). What can this text editor not do? In the face of a lot of new kids on the block the likes of Chocolat, TextMate, and Sublime Text, BBEdit has stuck around adding features and matching new OS conven­tions year after year. A couple of my favorite features? Tab stops can be shown as vertical lines line pinstripes on the screen to better line up code blocks visually. The alpha­bet­i­cally sorted navi­gation menu for func­tions or CSS decla­ra­tions. And the editing dialogs for HTML and CSS. Love ‘em for when I can’t remember the right syntax.

Where does CodeKit fall in? Its kind of a junk box of handy tools, but I use it mainly for its ability to update a browser window whenever you save a file its been tracking. So as soon as you hit save for the CSS file you’re editing, it updates your browser. Nice! And one of these days I’m going to get serious about Sass or Less, and both of those are compiled on save by CodeKit.

My sites are all acces­sible via FTP, so some­thing with the power and features of Transmit is the way to go for moving files around. It will handle all the file management chores and do sync and even mount an FTP server as a virtual Mac OS X disk. I’ve been using Transmit for other FTP tasks (outside of web devel­opment) for so long I can’t remember what I used before that.

Chrome is my web devel­opment browser, but not my day-to-day browser. I like Safari’s interface, iCloud connec­tions, and general feel much better for my usual surfing. And it used to be my web devel­opment browser, too, because it added web inspector features; but then came version 6. For some reason the devel­opers decided to change the web inspector and dropped the ability to easily find which CSS rule was over­writing which; it used to be in the Computed Style when exposed by the little down arrow.

Continue reading Building With Builder and BBEdit

Next Page

Who Is Bob Rockefeller?

I’m a pho­tog­ra­pher and a Macintosh user who shoots what catches my eye and tries to remember David duChemin’s credo: “Gear is Good. Vision is Better.” I also dabble in HTML, CSS and WordPress coding. [Read More …]

My Other Sites

  • Bob Rockefeller Photography
  • My 500px Portfolio
  • My Facebook Page
  • My Pixoto Page

Blogging Shooters

  • David duChemin
  • David Hobby
  • Derrick Story
  • Joe McNally
  • John Thawley
  • Martin Bailey
  • Robert Boyer
  • Scott Kelby

Links To Good Gear

  • Apple
  • B&H
  • FlashZebra
  • Other World Computing

Popular Posts

  • From Aperture To Capture One Pro?
  • WordPress + ProofBuddy + NextGEN Gallery
  • Sublime Text 2 Is Really Good
  • Squarespace Pros and Cons
  • Some Custom Squarespace CSS Code

Categories

  • Admin
  • Aperture
  • Business
  • Lightroom
  • Macintosh
  • Opinion
  • Photography
  • Printing
  • Translating Lightroom
  • Web Development

Copyright © 2008–2013 Bob Rockefeller • Custom theme on the Builder Framework by iThemes • WordPress • Log in