Tag: web development

  • Responsive Design: An Introduction

    Responsive Design–What’s the fuss about? You hear the phrase “responsive design” but still don’t get it or why you should be paying for it? Allow me to explain it without all of the technical details.

    Making mobile versions of your website is common these days, but the implementation can make web developers’ heads spin. First thing to note is there are mainly two different approaches to making your site AWESOME on your veiwers’ devises and/or desktops.

    Concept smartphone tablet pc and laptop in handsThe first way is to have your main site for desktops and an additional (smaller) site for phones, tablets, and/or  ‘phablets’ (phone + tablet), which usually adds to your hosting, looking something like ‘mobil.yoursite.com.’ This works, but it doubles your content, number of domains, and space you are going to need to host such a site. Let’s not forget to mention the fact you will need to edit the mobile site every time a phone is made. Try to count how many sizes of tablets, phones, and monitors there are. Go ahead, I’ll wait. No? Me neither. Just getting up to date is enough to give a developer job security for the next decade. Or make his/her head explode.

    Now wouldn’t it be great if your site just magically resized itself no matter what size the screen was and no matter what the pixel ratio was? I’ve beaten around the bush to get to the point, which is that responsive design using CSS (Cascading Style Sheets) can display your site according to the size of the user’s browser window. So whether your customer is on the latest iphone or tablet or wall projector, your site will handle it like a champ, displaying the site elements however you want them at that given size.

    Man, can it get any better? It actually does. Because you are using CSS instead of external files, which can bog down your site’s load time, it reacts in real time by styling itself. IT’S ALIVE!! If you’re on a desktop you can do a neat trick. You can actually resize your browser window and watch your site ‘take shape.’

    photo (1)
    With responsive design, you can change a website’s dimensions without worrying about the design elements.

    Use THIS SITE as an example if your site is not yet responsive. The elements on the page should ‘pop’ into new locations as it gets smaller/ larger. This ability to resize your site essentially free of cost it a great asset to your company and can save anyone, even smaller companies, big money.

    So responsive design has come a long way and still has a ways to go when it comes to the ever-expanding technologies and the shape of the web. Soon it will be as common term as “social media.” Now you should have a better idea of what people mean when they refer to sites being responsive, and the technical stuff won’t be as alien to you as before.

  • Proprietary CMS vs Open Source: It’s a Little Like Renting vs Buying

    Around here we get new clients everyday.  Among these, there is always one who comes to us with a website built and hosted by a proprietary CMS (content management system) developer instead of being an independently owned and maintained website.

    Now, proprietary systems can be great and have some very real benefits.  We absolutely see those benefits for the business owner.  And we also see some of the challenges that may be things the business owner’s thinks about.

    It’s a little like renting your place versus buying your place.  Renting is awesome because someone else has to do the maintenance, someone else has to clean the gutters and mow the grass and fix leaking sinks.  They own it, they maintain it.  You’re just paying to borrow for a while.  In some ways, I see signing on with a proprietary CMS a little like renting.  You’re paying to borrow the system for a while, and you don’t own the website, the design or the content.

    (Different systems operate differently so it’s a generalization to say you don’t own any of it.  You might get to keep the content if you canceled your contract.)

    Buying a house is a lot more intensive.  You have to go through a learning curve and have money for the fees and down payments. You have to maintain your investment i.e. you have clean the gutters and mow the grass, or pay someone who will.  But eventually you’ve invested heavily in something you own.  Having an independent website is like buying a house in that you have to invest up front in a designer, and you have a learning curve of understanding hosting and getting that set up, and you have to maintain your property.  You are responsible for it’s health and wellness; you own it.

    Proprietary CMS vs Open Source CMS

    Open source software means the source code is created by anyone and is available to anyone. The software is free, but of course custom design and hosting and maintenance is not free. An open source software platform site you build can be hosted anywhere you want, but you have to make sure the hosting service has the security you need to prevent hacking and to secure any sensitive data.  Examples of open source platforms are WordPress, Joomla, and Drupal.  You have to pay for design, hosting, and maintenance and version upgrades.

    A proprietary CMS is developed by a firm, who will often specialize their product for a single industry.  This helps them add in the security needs and hosting needs they usually see in the chosen industry.   For schools which hold student information and grades, for credit unions holding account information, dentists and doctors holding patient data, having a website on an industry specific system that has nothing but schools or credit unions or doctors, is reassuring.  You hope they have seen the typical website concerns specific for your industry and have addressed them for all of their similar clients.  There is safety in numbers.  Proprietary systems are usually a fee each month for which they provide design, hosting, maintenance and version upgrades.

    Why Do Small Business Owners Like a Proprietary CMS?

    There is a lot of good stuff to be said for having your website on a customized CMS.

    It’s empowering. It’s the same reason why I love WordPress.  It’s easy for us who don’t know how to build a website to log in and put some text in there just like we’re typing in Word or in an email, and hit a button, and it’s LIVE!  Just like that.  It’s always good to be able to spontaneously add in a special or a new video or whatever comes up, and I don’t have to go ask a developer to do what I know is a relatively simple edit.

    It’s easy.  Usually in a proprietary CMS, the hosting is part of your monthly fee.  A business owner doesn’t have to understand hosting, nor does s/he have to worry with getting a hosting provider and worry that the hosting provider’s servers are secure.  And design is easy.  They have some templates, pick which one you want, done.

    Security should already be addressed. Especially if you are going to store sensitive data which can be accessible online, a proprietary CMS is attractive.  Hopefully, the system will address security concerns for all of the like businesses on their system, and the single business owner doesn’t have to worry about SSL and all of that stuff.

    A proprietary system allows you to not have to manage hosting or security or system updates and maintenance.  It can be a low-stress way to have a website; just be careful that you choose a development firm that will be around a while and has a solid reputation in your industry.

    So Why NOT Get a Proprietary CMS Site?

    It’s the standardization of these systems that often does not provide what an SEO agency needs to do the job you hired them for.  It’s kinda like asking the landlord to fix a leaking sink but not allowing him a wrench nor any plumber’s tape.  S/he would get the job done, but it would be twice as difficult and a little messier than if s/he had his usual tools in his toolbox.

    Some of the challenges we have had with some proprietary platforms:

    • Content has a character limitation. … Informative, good content is a #1 priority in ranking on Google, and if the site owner is limited, s/he is a limited resource.  We never want content that is sooooo long, but I don’t want to be cut short either.
    •  Can’t create pretty, search engine friendly URLs. … This isn’t super imperative, but it sure is a benefit to have that ability.
    •  We’re limited on changes to heading tags or heading tags simply don’t exist. … Again, not a make-it-or-break-it problem, but it would be nice to have heading tags.
    • Limited to adding new pages.  … Ugh.  This is a problem.
    • Can’t change the navigation. … Not great, but we can work around it.
    •  Can’t change photos or images or we have to use stock images.  … Bummer.
    • Any unique html is not going to happen – no forms, no side widgets, no extras can be added. … That’s disappointing.

    But these are some of our biggest concerns that we often come across:
    — We can’t set up redirects, can’t noindex pages, can’t set a robots file, all because we don’t have FTP access.
    — Cookie cutter content on every page of a site.  This is a killer.  If a platform has 32 dentists, the thought is that the system will provide the same content for each dentist.  It’s easy and cost efficient to write it once and use it for everyone, right?  Everyone who went to high school knows plagiarism is bad.  Google does too.  Unique, relevant content is a high priority if you want your site to rank. If your site has the same content as 31 other dentists, Google knows this and doesn’t like it. Your site will see an negative effect in rankings.
    — Sometimes these platforms do not use Google Analytics for website traffic tracking.  Sometimes they use some other tracking system for which we may not get access.  Sometimes there is no mechanisms in place for tracking traffic.  I can’t prove or disprove that the website is working if I can’t show you the data.
    — Sometimes the proprietary systems don’t have built in fields for standard optimization elements such as custom page titles and meta descriptions.
    — On a rare occasion, we have optimized a proprietary system website as much as we can, and the system owner does a system version upgrade or some maintenance or whatever, and all of our edits are wiped out.  We normally have a copy of a client’s site in a backup file internally, and we could just roll out our backup, but with one of these systems, we often can’t make those internal backups.  If our work is overwritten, we have to start over, which is a significant set back for the website ranking.

    A small business owner has to look at what s/he needs in a website, and how much time s/he has to devote to it.  It’s a business decision, just make sure you ask a lot of questions, and hire people you sincerely trust.

    (P. S. I read just yesterday that it’s because I’m Gen X that I am all-inclusive in my pronouns “s/he.” Maybe so, but I prefer “s/he” than how I was taught to switch from he to she to he with each pronoun use.  That’s just confusing.)

  • The Missing Markdown Editor

    Let me start by introducing my favorite way to write notes, documents, or any other type of text for that matter. It’s a format called Markdown created by John Gruber. Take a look at his project page for Markdown to learn more about it. I’ve recently discovered a great little application for OS X that absolutely blew me away with how simple, yet amazingly feature packed it is. This application is Mou written by Chen Luo. The missing Markdown editor for web developers.

    Mou_Screenshot_1

    There’s a standard Markdown document on the left with a live render of your document on the right. It provides you with custom stylesheets to change the preview to your liking. For you business folks it can also export your document to a PDF for easy, consistent distribution between multiple different types of devices. Also for those of us who are attached at the hip to our terminal there’s a quick way to launch Mou from the command line using:

    open -a Mou

    For those who like to blog with Tumblr, this app will export any Markdown document to your Tumblr blog using the post email address given to you by Tumblr.

    Screen Shot 2013-01-29 at 2.36.22 PM

    This handy little app is a great for anybody who writes text while not wanting to use a large word processing application. Visit mouapp.com to download the application for free, or donate to get a license for free when Mou reaches version 1.0.

  • Blinded By The Site: Making Friends With Web Design Minimalism

    If you’re anything like me, when you visit a website that’s overloaded with Flash, an abundance of images, excessive menus, and just a general maze of content, your brain shrivels up to the size of a raisin and your eyes glaze over with no focus of what to look at or where to find it. (As far as I’m concerned, the same problem exists for social media outlets like Facebook and Twitter. Creating endless posts and tweets just for the sake of having more content and saying whatever pops into your fingers is the quickest way to get me to block or un-follow your posts. Then I’ll never hear anything you have to say!) The idea that the more there is to look at, the more visitors, friends, likes, and followers you’ll get is simply untrue in many cases.  You can still catch plenty of flies with sweet, sweet simplicity.

    Too many web designers and developers make choices that, while skillfully executed with complicated Ajax and fancy Flash elements, not only confuse and deflect site visitors, but also have the same effect on search engine crawlers. While when properly used (read: in moderation) these elements have the potential to add functionality and style to your site, it is often beneficial to limit or altogether avoid these in favor of a clean, easily searchable and indexed site.

    Take splash pages, for instance. When a splash page is your homepage, it not only prolongs the amount of time it takes for your visitors to get to the actual content they’re seeking, but it also confuses search engines. Without your homepage containing index-able elements like links to the other pages of your site and keywords, search engine spiders will not be able to properly crawl and index your site. Get rid of that splash page!

    Aside from splash pages, using Flash elements or images elsewhere on your site for headers and menus can often cause visual frustration and complication for visitors and search engines alike. Dancing baby Flash headers and image-heavy menus can be a dizzying headache, and crawlers simply can’t read text embedded in Flash and images. There are several great resources for web designers on how to keep your site design from being overly complex while maintaining SEO excellence. Make sure you mind your H1’s, et al.

    minimalist web design

    Personally, I agree with the late Steve Jobs when it comes to valuing the beauty of a highly-functional, simple design. There’s something to be said for keeping a clean, easily navigable, minimal aesthetic. And I’m not alone in my love of minimalism in web design.  I’m not suggesting you go out and replace all your shirts with black turtlenecks, but I am suggesting that you consider what William of Ockham said and not unnecessarily complicate matters when you can simply state your case. When you embrace minimalism, everybody wins: you, me, and the spiders. And you don’t want to upset the spiders. Trust me.