Showing posts with label Things that make making web stuff really really easy. Show all posts
Showing posts with label Things that make making web stuff really really easy. Show all posts

Monday, March 29, 2010

Supercheap website solutions for stingey clients

this has great intro presso - build it yourself, $60 per year, includes all that naf stock photog that they seem to love. and apparently spits out code suitable for searching.
http://www.homestead.com/

also, googles online presso about 101 online marketing watch when time, might be good to pass onto clients to help educate them of process

Thinking for stingey clients who want the moon but only have a small budget and don't value branding, typography, usability, good photography, accessibility, load speed, xbrowser, they basically want a online version of a shoddy print shop brochure but it should show up first in google. (but look and function as slick as their competitors $30K websites and have a CMS and the video content must shoot, edit and encode itself... sighhh. slight exageration but its funny.)

Perhaps their entire budget is best spent on hiring a professional web copywriter/SEO dude to rewrite their copy and restructure their sitemap with landing pages, calls to action, all that. (as they think the way it looks is unimportant anyway and 'branding' is just sticking their logo designed in MS Paint in the top corner :)

Then, with that copy and sitemap in hand based on the copywriter/SEO experts advice, they can use a tool like homestead to build a site themselves that dosn't look like anything inparticular but has mad SEO optimisation.

Perhaps they need a building tool completely unfocussed on graphics. Sort of plain text wireframes, with their logo in the corner of course for clear branding.

Not really sure if that would work, the building tool would have to have decent SEO features so it all comes out right in the code. But its an interesting proposition and question, what's most important, rank in google or clear branding, user experience, etc?

For a small biz, they think always rank in google must be highest priority, except what happens when a potential customer gets to their site using IE6 and the main nav is unusable, or worse has the message 'this site may harm your computer', customer thinks hmmm dodgy these people don't seem that trustworthy I cant even find their contact details and whats with the shit logo and I cant read the text it's black on a red background in 9pt comic sans (for example :)

So what is the point of getting first in google if you can't follow through with something that looks professional and trustworthy?
Homestead templates look like a decent stop gap option for initial stages of growth or companies not needing a specific online strategy. Too bad if your competitor chooses the same template...


DIY wordpress themes roundup:

The thesis theme.
Its a commercial theme framework, as well as a WSIWUG theme.

resonable price of $164 plus $40 per client site.

Good for quick setups, looks easy to customise as blogger. Also apparently has an easy to customise menu for wp as a cms. Id have to trial it for real though to test, menus are hard in wordpress!

But with the base price and say 2 days of setting up and customising the colours and options and plugins, that might be adequate for some clients to get them started online.

Id like to also trial if using the DIY controls in this theme is actually faster than doing it in css. since you cant seem to preview the changes LIVE in the same screen like you can with firebug, I'd guess its a slow process to make a change and check it each time. But for someone who dosnt know css it would be really helpful.

Apparently it also has a feature that help you make custom hooks into the theme functions, which is what I'd find really handy, i don't like too much php.

actually, watched some videos, benefits include:
-simple navigation menu addition, renaming and ordering. (looks to be only one level, not child pages but need to check) its good not to need a plugin for this.
-easily add software scripts to header etc (or... you could just add them to your templates but whatever)
-seo options for each post/page without using a plugin, its all there on the page editing. this is good ya.
-updates. someone else updates the base theme with new versions of wp. I dont have to do it. That is a huge bonus really for the future. not my responsibility! and support if it breaks helps to have one other brain on it.
-the code output is really neat when you view source. even when you alter the design in admin panel, it dosnt write any screwy code, it seems to write to the css or swap stylesheets or something.

Still, it is pretty blog centric. Id like to see thesis as a cms specific features and layouts.

Friday, July 24, 2009

Grids

great article on grids and site about grids - with a free grid file for a 946x610px setup

massive resource article on everything grids

also - somewhere there was great resources for 960px grids - find that again. Basically best width for a website is 960px as that divides well into a grid. 

this was one
grid previewer / calculator
quick rundown for the web of grid design

Excellent grid designer app
Grid Designer - BAM! plug in your values and adjust until you find something harmonious and easy to divide by, play around easily with different columns etc, find the next size up from the grid you have if something needs enlarging, it does the maths for you!
I just used it to find a great grid for 800x600 I'll use in the future:
Columns:6
Pixels(wide):800px
Gutters:10px
Margins:30px
Makes columns 115px wide each - all divisible by 5!! 
a baseline grid of 10px would work really well here... 

horizontal grid increments happen at: 115px, 240px, 365px, 490px, 615px, 740px. 

What I found is its better to have a grid of 12 columns, so that you can use it for 3 or 4 column designs / pages. ideally - you want it divisible into 3rds and 4ths both horizontally and vertically. (if your using a fixed height and width design). 

OMG it also does typography - this should be your first stop for getting the right text sizes and layout when designing a new site and its going to have multiple columns anf you want to do the basline grid 'compose to a vertical rhythem' thing. looks like you can also export the css...

Thursday, January 29, 2009

SiteKreator -free wesite maker and hosting

This looks half decent - http://www.sitekreator.com
Has a free site option - with 10MB hosting - Has a banner to the sitekreator website but whatever its subtle.

Its a software hosting marriage again, so you can only host it with them. Can see this is a great option though for those 'No-budget' jobs, or a temporary solution to get things up and running until a business makes money.

To see whats possible - heres a great artist portfolio that uses an image gallery and youtube videos in the template. Also has customised the template it seems. http://www.timandrewart.com/ It dosnt seem that slow eithier - could just be my internet today.

also, they offer licensing schemes, if you want to resell the software to your clients, which could be interesting.

But yeah, best of all it is free site and free hosting. So it surpasses wordpress blog sites because you still need to host them. But then again - thye dont have a 'free site' ad on them.

Tuesday, August 26, 2008

Roundup of Open Source CMS solutions

Looking for CMS solutions / templates. Want to try them all out and see which is better and what each one is for or best for. Also need to find out how many people use each solution, would want to use the one with the most support and the most new modules and biggest forums.

CMS Made Simple

http://opensourcecms.com/

Need to have a go at trying this out properly. It dosnt look like theres that many modules available compared to what I imagine drupal would have. Theres photogallery though, forums etc etc.

From the site...

"The idea behind creating opensourceCMS revolved around the need to have a place where one could completely test content management systems in one place, before taking the time to install one."

So it seems that its not one solution but it is a source for many solutions, and by searching through different ones maybe theres already one out there that is just what you need, this is interesting.

From what I can tell unlike drupal which you can edit the content on the actual page your looking at, this requires you to login to an admin section and edit lists of pages. OK for a small site, but I think for a client its easier for them to get their head around the CMS if they just navigate to the actual page they want to edit and edit it. (Although guess to add content they still need to go to a different area.

Plone

Plone is meant to be more powerful than Drupal and Joomla and better for massive organisations, but needs a specific setup (a specific server / hosting setup which will probably be more expensive) and has a steeper learning curve for the web designer implementing it. Also it is written in Python, so getting a programmer to make extentions and customisations will be more expensive or harder to find than a PHP programmer to work on Drupal / Joomla.

Joomla!

From a quick browse of reviews, Joomla (like Drupal), is good for non-profit organisation websites. It is considered very easy to set up and get going and to learn to use. However, it isnt considered as powerful as Drupal in some respects. And advantage of it is that it is built with PHP, so if you need a customisation done, this shouldnt be too expensive to get programmed.

Joomla has a large commercial development community. A shopping cart built in, better calendars and is easier to learn.

Drupal

Good for organisations that need a straightforward setup but a fair ammount of power. It sits in the middle of Plone and Joomla in regards to power and ease of use. Soa good compromise. Its written in PHP so again cheap for getting customisations made.

Heres an excellent table of comparison features between Drupal and Joomla. http://www.alledia.com/blog/general-cms-issues/joomla-and-drupal-%11-which-one-is-right-for-you?/

Drupal dosnt have a shopping cart built in, it is getting one soon (Ubercart). Drupal is more standards compliant. Drupal dosnt have great event calendars or Templates / Themes (which isnt an issue Id want to design it anyway). Also Drupal has unlimited subcategory levels and cross categorisation. Overall looks like Drupal is the right choice at the moment.

Pligg

http://www.pligg.com/

Open Source: Looks like especially for large community sites, with rating systems. Utilises smarty templating system. Allows multiple authors, private user messaging, user profile pages etc.

The Secretary

http://secretary.nivr.net/index.php

"The Secretary is a different kind of content management system. It is simple, lightweight, easy-to-use and meant for designers and artists. It aims to be transparent by removing itself entirely from the front-end - forget the restrictive themed layouts of other systems and create truly unique websites again."

Looks really neato for artists portfolios - nice plugins with support for lightbox and cycle galleries. Good for little portfolio sites it seems, and made by a designer so looks really nice.
It is a content management system not a page management system. ie you just design your static site how you want it, then where you want the dynamic pieces you put in the database calls, just like a custom CMS would have. Anyway going to try it out ASAP.

Need still to find or see if its got
- ability to have video objects in portfolio / database
- ditto music player
- newer lightbox modules like smoothbox etc
- text formatting features - like blogger has
- its just been released - so community and modules are lacking...

Though - Drupal is still looking good for extendability down the track to adding say a blog, recent news, shopping cart - shit like that with no fuss....

Drawback with Drupal being templates not designed for primarily portfolios...

Gallery
http://gallery.menalto.com/
Looks like just a gallery feature that integrates into your cms. looks a bit complex...

eZ Publish
http://ez.no/ezpublish/
Used by EMI to manage their artists websites - so handles video and music well. Looks likeits good for large organisations.
features video, photo galleries, blogs etc. imports from office documents (yuk) has translations. Multiple upload files at once (good for large galleries). And ---- has a permissions workflow thing and you can cross publish content. They also have some sort of paid premium service which gives you extra goodies...

Plone4Artists
http://plone4artists.org/products
hmmmm.....
does video, audio, photos etc. plus a e-commerce module for selling cds/ artwork etc. theyve really thought about it. good if youve already got a plone site, but not out of the box if you dont...

Im still sold on secretary at the mo...


Tuesday, August 19, 2008

Photo Galleries - Not lightbox style popups

Heres some galleries Ive recently looked at and will consider using in the future. They are not popups like lightbox.

http://malsup.com/jquery/cycle/
A gallery slideshow with multiple possible effects for transitions. (auto cycling through images)

http://devkick.com/lab/galleria/
A gallery maker with fade transitions and auto thumnail navigation. Good for a proper gallery but dosnt have choice of transitions as far as I can tell.

http://benjaminsterling.com/jquery-jqgalscroll-photo-gallery/
Photogallery with slide transition auto pagination for navigation. No back link on photo clicking photo only goes forwards.

http://smoothgallery.jondesign.net/
I used Smoothgallery today for a project. It was pretty good and is working in IE6 fine, took a bit longer than lightbox to set up. Spent a bit of time in forums getting around little issues. The great thing about it though is that if the user has javascript switched off the images just list themselves neatly down the page like a blog. Use the downloaded example demoslide.html, and customised it. Basically the problems were:
• showArrows: false, - this breaks the gallery. To get rid of the arrows do it in the css by making the arrow links css opacity levels be 0 everywhere.
• Deleting the 'open image' href will break the gallery unless you have added the option embedLinks: false, that has the added benefit of removing the lightbulb from the middle of the picture.
• Delecting the thumbnail image links breaks the gallery unless you specify the option showCarousel: false,
• You can easily remove the image title/ caption with the declaration showInfopane: false,

Tripoli - HTML CSS resetter and layout generator

Tripoli - HTML resetter. Simply is a base stylesheet that makes pretty CSS styling by default of all the elements from the get go. Blockquotes look great. So do lists, tables, forms. etc. Also has plugins for special typographic goodness/correctness and extra visual formatting...
Going to try this on the next project - its gives you a great clean place to start with everything looking nice and with browser consistency tested already.
http://devkick.com/lab/tripoli/sample.php?base=base&visual=visual&type=type

For extra rapidness - use in conjunction with...
Tripoli CSS layout tool - great little layout generator for making common web layouts that have already been browser tested. Just add your nav!
http://devkick.com/lab/tripoli/layout.php?lay=l1&width=wide&style=equal

Friday, July 11, 2008

Sprouts

This Sprout thing looks pretty swift, make little web aps with images, calendars, links, video, jukeboxes, really freaking simple looking, then you can mass post to blogger, facebook and all the rest. Could be super cool for promotional stuff. And I think some websites could be replace entirely with these... i think you can add rss content to them. All sorts of feeds etc... Its pretty massive. Cool thing is they update on the places you have put them from somewhere else it seems.

This sort of thing is so new wave to me, theres a whole lot of stuff like this out there I've never looked into. Gotta get into it all.

Sprouts are widgets, mini-sites, banners, mashups and other forms of rich media content. Here are some types of sprouts that you can build:

Promotional
Promotional sprouts are ideal for musicians, politicians, non-profits or any person or organization that has an audience and wants to provide them with content that can be virally spread. Sprouts can be edited at any time, and all copies in circulation are instantly updated, so your audience can be kept engaged and informed.

Personal
Personal Sprouts are ideal for...everyone! Create a slideshow, add your favorite songs to a jukebox, add links to your social networking profiles - whatever you want to do to make your web presence come alive! Share with your friends and collect theirs as well.

Informational
Informational Sprouts are ideal for any organizations that need to keep their web site content fresh. Informational sprouts can be of any size and can include multiple pages to pack in a lot of information.