andreasviklund.com

Mobile layout of the “In Response” template updated

Andreas — Tue, 14 May 2013 23:36:11 +0000

The new In Response CSS template features a simple media query that makes the layout responsive, scaling the fixed-width and multi-column grid layout down to a full-width and single-column layout on mobile devices. I mentioned this in the template release description, but I didn’t upload any screenshot of the mobile layout at the time of the release.

Today I have updated the template to version 1.1 with minor CSS changes to make the mobile layout look a bit better. Here are screenshots of the In Response template, as it appears in Safari on iOS and Internet Explorer on Windows Phone 8:

Changes made in version 1.1

Reduced navigation menu button sizes and margins
Reduced h1 element line height

Preview or download the “In Response” template

New free website template: In Response

Andreas — Fri, 03 May 2013 11:53:49 +0000

In Response is a simple, optimized and free HTML5/CSS3 website template with a responsive layout. It is based on the dual-grid system from the Freestyle template but with several useful additions. In Response offers fixed-width 12-column grids, which both scale down to a full-width single column layout on mobile devices.

Multi-column layout samples are included, as well as a simple thumbnail class that can be used for photo galleries. Also included, although not shown in the template, is a light-on-dark design option that can be applied by removing the “light” body class.

Check it out, and post any feedback you may have in the comments. A follow-up post on customization of the template will follow during the weekend.

New premium template: Expressions

Andreas — Mon, 03 Dec 2012 15:13:35 +0000

A new premium HTML/CSS template has been published, called “Expressions”. It is a somewhat different kind of design compared to the previous templates, since it puts a lot of focus on a large image slideshow and a matching thumbnail gallery with lightbox popups. Expressions is built with standards-compliant HTML5 and CSS3, it is responsive and scales down to a custom layout on small-screen devices and it still offers the flexibility of a 12-column grid system which allows you to create any kind of layout you may want to. Basic form styles are included as well.

Expressions costs $4, and you can order it directly through the Expressions template page. Check out the screenshots and the live demo for more details:

Introducing: Luft – A premium HTML/CSS template

Andreas — Fri, 02 Nov 2012 16:10:24 +0000

Today it is time to announce template #100 on andreasviklund.com, and it will be a somewhat different kind of release since it is the first commercial, premium website template on andreasviklund.com. The new template is called “Luft” (the Swedish word for “air”), and it is based on the Freestyle CSS grid – with a well worked-through design and a number of updates. In addition to the grid, it is the first responsive HTML/CSS template on andreasviklund.com – and it scales down perfectly to mobile devices. Luft is build using 100% validated and standards-compliant HTML and CSS. It is optimized for quick loading and uses semantically correct markup.

Mobile website templates gallery added

Andreas — Tue, 16 Oct 2012 21:14:51 +0000

Some of the HTML/CSS templates on this site include custom styles that makes it possible to build easy-to-read layouts for small-screen mobile devices such as the iPhone and Android mobile phones. Today, a new page has been added where these custom mobile template designs are highlighted: The mobile website templates page. It shows the mobile layouts as they appear on an iPhone screen, and there are links to live demos of the mobile layout of each template directly from the gallery page.

While none of the templates are based on responsive design principles, it may still be a good starting point for those who want to quickly build custom mobile websites. Future templates built with responsive layouts will be included as well.

New template: Inland Mobile

With the addition of this page, I also released Inland Mobile, a small-screen version of the Inland design. It features a simple mobile layout (as seen in the screenshot attached to this post) that can easily be added to sites built with the original Inland template. Feedback on the small-screen layout would be very welcome, and there will be similar updates to all templates in the Inland series over the next couple of days.

You can download Inland Mobile directly or read more about it on the Inland Mobile template page…

Origo v1.1 released

Andreas — Thu, 04 Oct 2012 13:35:34 +0000

The free Origo HTML/CSS template has been updated to version 1.1. The new version adds two additional 2-column layouts, similar to the example layouts in the andreas01 template. Support for subpages in the navigation menu, as well as a CSS class that highlights the currently active page in the navigation menu, has also been added along with minor code fixes that replaced unused CSS classes in the HTML with appropiate CSS styling.

Download the updated Origo template directly: origo.zip (117 Kb .zip).

To read more about the Origo template and see updated screenshots and a live demo, go to the Origo template page.

WordPress 3.5 (beta 1) is released

Andreas — Thu, 04 Oct 2012 07:45:32 +0000

A few days ago, the first beta version of WordPress 3.5 was released. As always, it introduces a number of new features. And as always, it is not recommended for use on live websites while since it is still an early beta version. Still, it may be worth checking out if you are a plugin developer or theme designer. I have tested it with all my WordPress themes to make sure that the themes will work once the final version of WordPress 3.5 is released. So far, I haven’t seen any problems, other than the fact that some of the newer features features are not supported. This shouldn’t cause any problems for existing sites, but it is worth keeping in mind.

More WordPress…

While on the topic, I would like to recommend a really good article written by Jesse Friedman for .NET magazine. It is called 20 common WordPress mistakes, myths and misgivings, and it provides a list of common errors and some arguments against using WordPress as a website engine, as well as some useful tips. In practice, it is short but very well-written list of why WordPress is well worth considering no matter what kind of website you are planning to build. Jesse Friedman is also the author of Web Designers Guide to WordPress, a book which I still haven’t read but which I have seen positive reviews about.

WordCamp Stockholm 2012

On October 22nd 2012, I am planning to attend WordCamp Stockholm 2012 at the Waterfront Congress Centre in central Stockholm, to watch a number of presentations and meet up with other WordPress users and developers. I will be there as a regular guest, not as a speaker. Come and say hi if you are attending!

New free templates: Origo and Track Day!

Andreas — Thu, 27 Sep 2012 09:23:48 +0000

Today, there are two new releases to explore.

Origo

Based on the Freestyle01 modification and enhanced with new CSS styles and new fonts, here is an official remake of andreas01 built using the Freestyle template: Origo.

Origo uses the classic layout from andreas01, but since it is built from the Freestyle template it is very flexible and customizable. The grid system used in Freestyle can be used to create any layout needed, in a really easy way. Thanks to Google Webfonts, header and meny texts get a fresh touch that gives the classic design a more up-to-date touch. The original Freestyle01 modification is still available in the modification article, and Origo is an enhanced and optimized version of it with the CSS additions added separately to make modifications easier to manage.

See a live demo of Origo here, or download the Origo template directly here: origo.zip (117 Kb .zip).

Track Day

Based on another previous template, Basic Modular, here is Track Day. With modifications and additions by Daniel Carlsson, Track Day looks dramatically different from its starting point. Featuring the NivoSlider and sample images with a race track theme, Track Day could be useful for many kinds of sites.

See a live demo of Track Day here, or download the Track Day template directly here: track-day.zip (1.35 Mb .zip).

Template archive updates

Andreas — Thu, 13 Sep 2012 12:18:11 +0000

The collection of free HTML/CSS templates have recieved a big refreshment this week, with updates to most of the older designs. Some templates have got additions and various optimizations, such as Daleri Single and Daleri Single (alt) which now resize to smaller screens if needed, while others, like the wide version of andreas01, have got new sample images and backgrounds. The code has been cleaned up, and the sample content of the templates have been reviewed to make sure that broken links have been replaced with more helpful ones. A few bugs have been fixed as well, such as the background image alignment in Basic Presentation, and the classic andreas08 has got its layout width increased to make it look better on screen widths of 1024px and higher.

WordPress 3.4.2 released

Andreas — Fri, 07 Sep 2012 07:42:44 +0000

A new version of WordPress has been released, a maintenance and security release that fixes a number of bugs and potential security issues. As always, the general recommendation is to update to the latest version even if you haven’t experienced any issues.

The WordPress themes have been tested with the new version 3.4.2 and found to work well.