Tag Archives: responsive

There’s a new release of Pyplate in development

I’ve spent the last few weeks working on a new release of Pyplate. I’ve updated Pyplate to include HTML5 sections for mobile and tablet friendly web sites. I’ve also developed a new responsive theme for pyplate.com.

Older themes from previous version of Pyplate aren’t compatible with the latest version, so I’ve been updating them. I’m also going to develop some new themes based on the theme that I’m using on pyplate.com. Some of the older themes don’t look that great, so I won’t I’ll probably just delete them.

The next version of Pyplate will use MySQL. I’m already using Pyplate with MySQL on several sites, and it opens up a lot of different possibilities such as using separate servers for databases and web servers. I’m dropping support for SQLite because it will be too much work to support two different databases.

There is going to be a new theme for the admin area. Previous versions of Pyplate used the same theme for the front end of a web site and the back end, which meant that developing new themes was time consuming. Each theme had to work for the admin area as well as the rest of the site. Having a standard admin theme means that new themes only need to work for the front end, and don’t need to be tested with the admin area.

There’s more info on Pyplate development at blog.pyplate.com.

My site about Linux Web Servers is doing well. The articles about apache reverse proxy are getting the most visits. The article about setting up wordpress on apache are still rising through the search rankings, so it should start getting a decent amount of traffic soon. The latest article that I published there was about setting up a LEMP stack with Linux, Nginx, MySQL and PHP.

Advertisements

Responsive Web Design

I’m interested in developing responsive themes. The themes on my current sites are somewhat responsive, but they aren’t built on a responsive CSS framework. I’ve been looking at the following CSS tools to generate responsive themes:

http://getbootstrap.com/
https://developers.google.com/web/starter-kit/
http://foundation.zurb.com/
https://html5boilerplate.com/

I want to be able to build HTML5 sites like these, where pages are divided into sections. This seems to be the direction that front end design in going in – the sites I listed look modern, and they all look great on a range of devices.

Making themes adapt to different sized screens can be done with CSS media queries. The use of rows and columns is an important factor in CSS frameworks. It’s important that each row is divided into columns in such a way that each row is the same width.

Each section needs to be contained in a different div with its own CSS styling. In every CSS theme, there need to be a number of sub-themes for different sections. Writing CSS code for themes could get very complicated, so it might be worth using a CSS preprocessing tool like SASS.

I also need to give consideration to page navigation. It’s common to use a page menu at the top of pages containing links to HTML anchors so that users don’t have to scroll down long pages.

I’m working on implementing these changes in Pyplate. This is mostly a matter of redesigning themes. I am making some changes to the Python code of my CMS in order to handle page navigation widgets, and to divide pages into sections.

As soon as I get time, I need to spend some time reading this: http://learn.shayhowe.com/advanced-html-css/performance-organization/