Archive for category 'General'

Moving into 2011

With only a few minutes left of the year 2010, I can look back at a dramatic year for both the site and for me personally. As usual, I will not write any long summary of the year that has passed. But at this time of the year I always sit down and think about what has happened and how I feel about it, as well as what I could (and in some cases, should) have done differently. And this may be a good time to write a bit more about the plans for next year.

On the personal level, 2010 started with chaos and worries. But thanks to good friends, a healthy amount of optimism and a significant amount of acceptance for the fact that I needed to go through a rough time before things could get better, the year slowly moved out of the chaos and into something that would become a fresh restart and an exciting adventure. And today I feel better than I have in many years after coming out on the other side of the rough period, feeling both refreshed and inspired. Frequent visitors may have noticed this through the re-design of the site, more frequent blog posts and tutorials, new site features, new distribution methods and a number of new templates. In fact, I have released more free templates during the second half of this year than I did in total from 2005 to 2009. There are currently 29 free templates in the template gallery, along with 24 alternate versions.

A year of upgrades

A year ago, I was living with my fiancĂ©e Johanna in a small two-room apartment where my workspace was a 1,5 x 1,5 meter corner in the apartment kitchen. My main computer was an old and unstable laptop, and updates to this site were quite rare and sporadic. I did spend a lot of time answering general questions and support requests over e-mail and trying to inspire others, but I didn’t really have any inspiration, motivation or structure for building and publishing new material. Today, I am writing this post using a high-performance desktop computer in my own home office, a separate room dedicated for work in the house we moved to in October.

The biggest upgrade, the new home

This site is now my full-time job, and I love it. Beside being truly happy that I am able to work with something that I am really interested in, it feels great to be able to help people all over the world building their own websites. There are millions of websites that use template designs (or themes based on them) from andreasviklund.com, and the number is growing every day. Needless to say, that is a major source of both inspiration and happiness.

I have also upgraded from an old and basic Nokia phone to an iPhone 4, which allows me to work in a completely different way when I am away from home. I can upgrade the website, post entries, edit images and even update the HTML and CSS in the free website templates directly in the phone. And of course tweet, post messages on the official Facebook page for this site and read and reply to e-mails – all things that I were not able to do away from home before. I am also able to customize mobile versions of the free templates for Mobile Safari in iOS 4, something that has been requested a number of times.

In terms of software, I am now equipped with Adobe Photoshop and Dreamweaver CS5, so from now on I will be able to publish .PSD resources along with the templates, as well as testing the templates with Dreamweaver.

The site is going mobile

andreasviklund.com as it appears in Mobile Safari on an iPhone 4

A few days ago, I added a mobile version of this site which customizes the design for small screens and touch navigation for visitors who use smartphones and other mobile devices. I considered building an own solution, but after trying the WPtouch Pro plugin for WordPress, I found it to be a better all-in-one solution for this site than what I would be able to create by myself. The “Pro” part means that andreasviklund.com use the commercial version of the plugin, which has a number of additional options. A free version is also available, and it is well worth checking out if you run a self-hosted WordPress blog that you want to make more useful for mobile readers. Thanks to WPtouch Pro, andreasviklund.com can now be used as a webapp on iOS devices. I still have some settings and design elements to tweak during the next couple of days, but so far it seems to work well. If you use a mobile device but prefer to see the normal site, that is of course also possible thanks to a theme switch link in the footer of the mobile site. Feedback for the mobile site would be very welcome, please let me know what you think if you have tested it.

The plans for 2011

The priorities for next year will be to continue releasing free resources, and to add tools and services that will make it even easier to build high-quality websites using website templates as the starting point. There are several exciting projects in progress that will be presented in the beginning of next year, including adding different kinds of material by other designers. I am still searching for template designers and CMS theme designers who want to share their work through this site and provide CMS-specific ports of the templates for different content management systems and blog engines. Theme/template designers who would want to convert the free templates for Joomla, WordPress, Drupal, MODx, Frog, EE, Blogger, Tumblr and other systems and services are very welcome to contact me for more info. Starting tomorrow, it will also be possible to advertise on the site (banner space, no text link ads) through BuySellAds.com, something that has been requested for a long time. More about that in a future post.

The site will expand with a few new sections in 2011, as additional resources related to web design and site-building will be added. Stock images for headers and backgrounds (based on my own design work and own photos), graphics design tutorials, more HTML/CSS tutorials, WordPress themes and some really exciting tools and services (both free and commercial) are among the things that you will see during the year. Thanks to the new phone, I am now able to use Twitter and Facebook in more ways during work away from home. I have tried a number of useful and interesting external services which I may connect to the site and use in the future, as well as some more ordinary services like YouTube if I would get into video tutorials and screencasts in the future.

Beside work, I have also made a new-year resolution to start recording music again, and release the music for free on the web. Starting a personal blog (or rather a typical and uninteresting diary) in Swedish is another plan, since I love to write. But those two things are not high priorities, and neither one will have anything to do with this website. As for writing related to my work, I may possibly start writing articles in Swedish about web design and building/running websites for a larger Swedish site. Nothing is decided about that, but it would be a nice challenge.

Final words for 2010

To end this post, I would like to send out a big and warm “Thank you!” to all of you who have supported me throughout the years. I wish you all the very best for the upcoming new year, and I hope that you will continue to follow this site and my work in the future as well. Greetings from the snowy north of Sweden, where I am not off to take care of our dogs (including two cute Papillon puppies, 12 weeks old!), to keep their attention away from the loud and scary fireworks that will soon launch all around our house in a few minutes.

Happy new year, everyone!

Follow @andreasviklund on Twitter | Follow andreasviklund.com on Facebook

Two new alternate versions released

The Daleri Single and Basic Modular template pages have both new additions in the form of an alternate version of each of the two templates. Basic Modular is now available in wider format with a traditional “2-column with sidebar” layout that makes the template look more useful to those who are just looking for a site design (rather than the coding experiment that the template originally was), while Daleri Single has been released in new colors and with a sidebar and a content column split on request from a blog reader.

Download them directly from here: basic-modular-alt.zip, daleri-single-alt.zip

Exploring Dreamweaver CS5

After posting the Building your first website using a free website template tutorial, where I used the Notepad++ code editor to turn the Variant Duo template into a three-page website, I got several questions and requests about how the same process would work if I would use a visual editor instead of a code editor. One of the points with the template was to explain the concept of code editing, and to show that learning (X)HTML can be done in small steps if wanted. But as with all kinds of projects, it is a matter of personal preference if you want to work with the code or with a visual editor. I prefer working with the code directly since it gives me a better overview and helps me keep the code valid and optimized. As mentioned in the tutorial, visual editors are not always outputting good code – and there is a lot to gain from following web standards and keeping the code as simple as possible.

But there are of course good visual editors available as well, and since several readers asked specifically for tips about Adobe Dreamweaver, I decided to take a closer look at how the current version, Dreamweaver CS5, works. I am currently experimenting with it to see how the visual editor in Dreamweaver handles the code output, and I am planning to write a tutorial post (or possibly a series of posts) about using Dreamweaver to turn a template into a website. From what I have seen so far it looks really promising, but as a commercial editor (priced $399 on adobe.com), it may not be a good first editor for beginners. Still, it is a widely used editor so I will write more about it as soon as I have got more familiar with it.

The Basic Reader (3-col edition) template as it looks in Adobe Dreamweaver CS5

Web design terminology

ID:s, classes, elements, divs, brackets, attributes, values… What do all the terms really mean? That was one of the reactions I got after posting the series of tutorial posts a few weeks ago. While it is possible to find answers on many different places, it could be a good idea to have a glossary on this site as well. I have started writing it and will publish a first version within a week. In order to get it as good as possible I will be testing a few glossary plugins for WordPress during this weekend. If anyone would want to preview the glossary and at the same time help me test it before launch, let me know.

Variant Portal for MODxCMS

This may be interesting to MODx users: The Variant Portal template has been ported for MODxCMS. I have not tested it myself and not yet found any live site that uses the MODx version of the template, so if anyone would give it a try please let me know how it works.