The “Nowy Sącz 112 – Ratownictwo Ziemi Sądeckiej” is a local emergency services news website. Despite the CMS engine, previous website didn’t need a revolution and the classic two-column layout was the obvious choice when I started its redesign. Hand coded WordPress theme of the redesigned website is fully responsive and works in all modern browsers.
The new CSSMap plugin’s website has been released with the fifth version of the script. Hand coded WordPress theme has been designed to work in all modern web browsers and it’s fully responsive. It’s powered by WordPress and using Easy Digital Downloads plugin to distribute downloads.
The CSSMap plugin
CSS and jQuery interactive maps
The fifth version of the CSS & jQuery clickable maps previously available on the Winston_Wolf’s website.
The script converts a simple list of regions into fully responsive interactive map using the well known CSS sprites and works in all modern web browsers.
History
The first clickable map has been made in June, 2009 and used pure CSS style sheets with image sprites. The markup has been terrible, so later on, I wrote simple jQuery script that allows to simplify the code. Over the years the script has been developed and enriched with new features.
Main features
allows to select / activate one or more regions,
show and hide any informations assigned to each region,
place markers over the map,
responsiveness – may fit width and height of the browser window or map’s container,
touch devices and mobile browsers support,
accessible – allows to navigate over the map using keyboard,
form support – allows to fill in any input field or convert list of regions into select dropdown menu,
Showcase and selling platform of my own CSS & jQuery clickable maps plugin was a part of the simple responsive WordPress theme of the former Winston Wolf’s quasi-blog.
Blip.pl was the most popular microblogging platform in Poland and I was active user there, known as “Winston Wolf”. It allows to use customized theme for the “Bliplog” archive. Due to the Blip restrictions it could be coded in xHTML 1.0 Transitional and use some not advanced CSS properties.
Graphically rich, but very simple showcase of the products made in my own smithy related business, called Stonkaart.com, has been released in the middle of 2009. It has been hand coded in the finest strict xHTML 1.1 and used some jQuery plugins, as carousel and lightbox.
In the end of 2006 I decided to move my photoblog to its own domain. Design of that website was very minimalistic – should not distract from photos. It has been hand coded in the finest strict xHTML 1.1 and used my own flat file CMS.
Static website designed for King’s School of English 1 from Ostróda, Poland. It has been hand coded in strict xHTML1.1 and CSS. Heavy design and Flash animation in the header are sign of the times when it was developed.
Very simple website about my hometown – Nowy Sącz – by years was my playground to learn web-development: semantic code, accessible and cross browsers support of the advanced CSS technics. It has been hand coded in the finest strict xHTML 1.1 and hasn’t used any client side scripts.