May
Introducing our new photoblog theme!
by admin in work
Recently, I had been getting into photography again, and thought I’d start up my own photoblog. I thought I’d use Wordpress and was looking around at a couple of photoblog themes, but many of them required the creation of multiple images, usage of custom fields, etc. I really didn’t want to have to do all of that for every photo though. I just wanted to upload one photo, write a description, slap on some tags, and be done with it.
After a bit more searching, I found a wonderful plugin called “Yet Another Photoblog” plugin that managed to do a lot of the heavy lifting (thumbnail creation, image caching, etc), complete with it’s own functions for creating photoblog templates. So I thought I’d create my own YAPB plugin based theme, so:
Now introducing, Phloggin‘!
Features
- Upload a photo and let the “Yet Another Photoblog” plugin do the heavy lifting of resizing the images for you!
- Images are cached for faster load times and less strain on your server
- Widget sidebars on the right side on the index page, archive / search pages, and in the bottom footer
- Easy navigation through pictures instead of just post titles
Installing the Theme
Installation of the “Phloggin’” theme is the same as any other Wordpress theme except that it requires the “Yet Another Photoblog” plugin to work.
This plugin not only adds an extremely quick and easy picture upload bar to the Wordpress administration panel, but it will also do the boring work of resizing your images for you. This will give you the ability to easily upload any image straight from your computer without having make multiple sizes of the same image for each post.
This theme includes the 1.9.18 of the plugin, but it can also be downloaded from the official Wordpress Plugin Directory here: http://wordpress.org/extend/plugins/yet-another-photoblog/
Directions to install “Yet Another Photoblog” plugin
From WordPress 2.7 on, you may do that directly via the WordPress Admin Interface:
- Just go to Plugins/Add New
- Enter the term “YAPB” and start the search
- Click on “Yet Another Photoblog”
- Click on “install”
On WP 2.6.5 and below, you have to do that manually:
- Unzip the content of the zip-file into an empty directory
- On your server, create a directory “yet-another-photoblog” below your “wp-content/plugins” folder
- Upload the unzipped files directly into the new folder
After everything is installed,
- Go to “admin panel/plugins” and activate YAPB
- Under Settings, go to the YAPB Options Panel, then click “Automatic Image Insertion”. Disable “Activate automatic image rendering in general.”
- Finish!
After you’ve activated the plugin, you’re all set to install Phloggin’! Just unzip the Phloggin’ theme into your
wp-content/themes/ folder and activate it in the administration panel under the Appearance tab!
How to use
The Yet Another Photoblog plugin creates a nice easy, accessible photo image upload field right above the content of every post in the Wordpress admin. Just upload your photo there, and the theme will take care of the resizing and placement for you.
The theme is a fixed width of 960 pixels, so I would suggest uploading images that size or larger for the full effect. Smaller images are ok, but do not make as strong of an impression in my opinion.
Once small thing I discovered while creating this theme was that apparently the default settings for a PHP install is to refuse uploads more than 2 MB. If you do want to upload larger files, and have access to your server, the easiest solution is to create a .htaccess file in your wordpress base directory and add this line:
php_value upload_max_filesize 10M
This would allow file uploads up to 10MB in size. Just replace the “10M” with whatever size you need.
Also, the right side of the index page, archive and search pages, and the bottom footer have been wigitized, and should be able to fit most standard widgets without any trouble.
Limitations
Feel free to use this code however you please. All we ask is that you please support us by leaving our link in the footer. So go out there and get photobloggin’ already!
If there are any suggestions, bugs, etc, please feel free to email or post in the comments below. I hope you enjoy the theme!
Apr
Rid your computer of the Conficker virus
From cnet.com:
Let’s assume you’re on the receiving end of the worst April Fool’s Day joke of 2009: your computer’s been infected with the Conficker virus. It’s a frustrating but not insurmountable problem. This guide will walk you through how to cleanse your computer and inoculate against other Conficker variants.
First off, make sure that you are actually infected. There aren’t many warning signs, but a few will stand out if you know what to look for. One fast way to check is to try to visit any major security software publisher’s Web site. If you’ve cleared your browser cache beforehand, and you can load the sites of Symantec, Eset, Avira, or AVG, you’re clean because Conficker blocks access to them.
Click here for the full article.
Mar
Review: Balsamiq Mockups
We recently began using Balsamiq Mockups to create mockups for layouts. Due to its large built-in library of commonly used UI functions, we have been able to create layout mockups more efficiently, quickly, and clearly for both our internal projects as well as for client layout reviews. Keep reading »
Mar
Deploying Sinatra on Passenger
by joe in tech
We often make use of the great Ruby micro-framework Sinatra in our daily work. It’s a great way to Ruby-ify a site when you don’t need all the bells and whistles that come with Rails. To deploy a site with it though, I had to do a little bit of research, and finally came up with this small Rack recipe that I hope might help out someone trying to do the same.
require 'rubygems'
require 'path/to/sintra' # I often vendor it inside the app folder with a path like 'vendor/sinatra/lib/sinatra.rb'
set :public, File.expand_path(File.dirname(__FILE__) + '/public') #Include your public folder
set :views, File.expand_path(File.dirname(__FILE__) + '/views') #Include the views
set :environment, :production
disable :run, :reload
log = File.new("/path/to/log/files/sinatra.log", "a") # This will make a nice sinatra log along side your apache access and error logs
STDOUT.reopen(log)
STDERR.reopen(log)
require 'app_name'
run Sinatra::Application
Thanks to John Nunemaker and Chris Schneider for the reference!
Mar
Web Tech Words Explained
In the tech industry, with the amount of tech words and acronyms flying around, it is pretty easy to lose track what people are even talking about. So we thought it’d be nice to explain some of the major ones that cause confusion to our clients from time to time.
What is HTML/CSS?
HTML and CSS are the two languages that describe to your web browser how a page should look. Neither HTML nor CSS are true programming languages with loops and commands, rather they are just markup languages that just define the layouts and styles of a web page. When you access a web site, your browser receives HTML/CSS code, analyzes it, and displays the page elements according to the code. So for instance, if I coded some text using the <strong> tag to bold some text, like this:
<strong>bold</strong>
A person viewing the page would see the text show up, like this:
bold
Every site must eventually be put into HTML/CSS in order for the web browser to display it correctly.
What is JavaScript?
JavaScript is a powerful scripting language designed to make websites more interactive. It’s built right into most web browsers, so it doesn’t require any extra installation. JavaScript is great for running small scripts within your browser to save from having to make a separate request to the server. This results in faster interaction between the site and the user, as well as less requests to the server. We often utilize JavaScript in our sites to help validate forms, pull information to and from the server, and a few visual effects.
What is AJAX?
Along with JavaScript, you may hear AJAX come up from time to time. Many people think that AJAX is its own language, but in fact, it is just a feature of JavaScript. In fact, AJAX stands for “Asynchronous JavaScript and XML”, so you can even see “JavaScript” in it’s description. But what is it exactly?
Here’s an example. Often you might come across a form on a site that you need to submit. So normally, you might:
- click the submit button
- the browser contacts the server and send your information over while you look at the hourglass icon on your mouse cursor
- the server receives the information and processes it
- the server generates a response and sends it back
- the browser refreshes, taking away control from you and loads a new page containing the response while you wait
This whole process might take from 5-10 seconds normally, but no one likes to wait. Can’t we make it faster? Enter AJAX. What AJAX allows a site to do is cut out the waiting part. With a form using AJAX, the same processes are run, but in the background. That means the hourglass icon and the page refresh are eliminated, giving control of the page back to the user. So with AJAX the process becomes:
- you click the submit button
- all requests are handled in the background, allowing you to still interact with the website.
What is Ruby?
Straight from the official Ruby website “[Ruby is] a dynamic, open source programming language with a focus on simplicity and productivity. It has an elegant syntax that is natural to read and easy to write.” We love Ruby because even with it’s simple and elegant coding style, it packs a lot of power within fewer lines of code than many other scripting languages. We often use Ruby in the backend code to handle most of our custom web applications and for a few normal sites that just need a little extra power in them.
So what is Ruby on Rails then?
Ruby on Rails, often just called “Rails”, is a web application framework created in 2003 by David Heinemeier Hansson. A web application framework is essentially a codebase that is designed to help alleviate the common problems associated with web development. Rails provides a developer with well tested database access, session handling, and templating libraries, letting us focus on creating the actual site. This tends to speed up development time, and, combined with Ruby’s powerful and elegant syntax, creates easy to maintain code for the future.
What is PHP?
PHP is another open source scripting language, in fact, it is considered the most used language for server side scripting. PHP is very flexible, and due to its wide support in the web development community, it’s very easy to deploy in most server environments. We use PHP in the backend code for a few sites as well, just like Ruby. Both Ruby and PHP have different advantages and disadvantages, so we often decide which to use on a per project basis.
What is SEO?
SEO is short for “Search Engine Optimization,” or essentially “Ways to get your site to rank well in Google, Yahoo, and other search engines.” Google, Yahoo, and others keep their ranking algorithms a secret, but over time, certain patterns have emerged that indicate more or less how a search engine bot judges your site. For instance, sites that are constantly updated with rich content and news tend to be ranked better than sites that just sit statically; or having a quality site link to your own can give a nice ranking boost for your targeted keywords. However, as the search engines are constantly refining their algorithms, SEO tips and tricks are constantly changing.
Well hopefully this clears up a bit about a few of the technologies we’re involved with everyday. We can’t touch on every one though, or the post would be far too long to read, so we’ll save those for future posts.
Mar
Why should my business have a website?
by joe in business
At Squarefour, we obviously love building up the web. After all, it’s our trade. But why does everyone talk about their business needing a website? If you aren’t selling goods online directly, how can it positively affect your business? We get this question often, so we thought it’d be good to jot down a few strong advantages that many people overlook when trying to decide.
1. A website is a 24/7, 365 days-a-year gateway to your business.
Unlike your physical business front which has a daily starting and closing time, a website is always up and always able to provide necessary information to whoever is interested. When searching for company information, more and more people (dare I say the majority?) are turning to Google and searching rather than looking up companies in the Yellow Pages and calling them. Purchasing decisions start with web research, so it’s important for your business to be involved in that first step.
2. A website has the potential audience of, well, the entire planet.
According to the latest 2008 survey, over 1.5 billion people are now connected and actively using the internet, and this number will only increase. Of course not all of those people may be interested in your services, but even if a just fraction of this potential audience was interested, it would still outnumber the reaching power of any local TV, magazine, radio, or other advertising medium.
3. A website is more accessible than ever.
With the huge popularity internet friendly handheld devices as the iPhone or the new Blackberry Storm, accessing websites has gone mobile; I compared three restaurants’ menus on my phone just the other day. And as the access gets easier and easier, more Internet-enabled devices will be created, widening your potential audience.
4. A website lends trust and credibility to your business
A website is a great way for you to speak directly to your customers, giving them direct advice related to your industry. This lends you and your business credibility which will definitely be remembered in the future should that customer need your services. I’d be much more inclined to do business with a company that actively shows interest and authority in their respective indsutry than one that claims to.
5. A website is affordable and extremely cost effective for a business
At first glance, a website, with a sleek design, hosting costs, etc. can seem a bit expensive; but, what you get in return easily balances the cost.
- Print, TV, radio, and other advertising form of media are only effective for the duration they stay up. A website has infinite staying power.
- A website can take the place of most printed literature, saving costs
- For many businesses, even a few extra leads generated from a website can covering the charge of its construction.
- If your site also sells goods directly, a website can act as a second shop front that never closes, meaning your business could be placing orders for you while you sleep.
A website is a never-sleeping permanent salesman for your business directed straight at your customers. I can’t imagine any business that wouldn’t want that!

