GeneralStats, TimeZoneCalculator and Featuring CountComments go mobile
- Breadcrumbs
- Posted at 2014-05-05 09:56 UTC / (4,012 days ago)
- No Comments
- Show map of post
Hi,
After WordPress’d gotten its face-lift in version 3.8, it was time to do the same for GeneralStats, TimeZoneCalculator and Featuring CountComments.
As a result, with the March update of 2014 the settings-pages have become responsive to different display sizes and the calculator section in TimeZoneCalculator is now also mobile-ready.
To round up the mobile development, here’s an example on
how to realize a mobile view with TimeZoneCalculator
first of all you need some CSS:
.mobile {
display: none;
}
@media screen and (max-width: 800px) {
.mobile {
display: inline;
}
.desktop {
display: none;
}
}
and for example a timezonecalculator_output shortcode or function-call with the parameter format_timezone set to
<li><span class='mobile'>%abbreviation</span><span class='desktop'>%name</span>: %datetime</li>
Example
Please resize your browser window to a viewport of 800 pixels or less to see the effect
- ESTAmerica/Jamaica: 2025-04-29 13:00
- UTCUTC: 2025-04-29 18:00
- CESTEurope/Austria: 2025-04-29 20:00
- ICTAsia/Thailand: 2025-04-30 01:00
- NZSTPacific/New Zealand: 2025-04-30 06:00
Next steps
The plans for the next version are to replace the residual images with font-icons to make the sections HDPI (aka Retina) display-ready. – This will also include a minimum-version bump to WordPress 3.8 as I’m gonna use the embedded Dashicons font. I’ll wait a few months until committing this version to provide sufficient time for a majority of users to update to a current version of WordPress.
And as usual – if you encounter any bugs or want to contribute some ideas, please don’t hesitate to leave a comment.
My best,
Berny
Leave a Reply
You must be logged in to post a comment.