Dharma Records

A record of Ānandajoti’s publication work.

Menu
  • Notices
  • Talks
  • Texts
  • Audio
  • Video
  • Photos
  • Ecology
  • Culture
  • Archives
  • About
Menu

Photo Dharma now supports Tablets and Phones

Posted on June 9, 2013June 5, 2013 by Ānandajoti

I started the Photo Dharma website prior to the tablet/smartphone revolution, which has changed the way people access the web enormously. At that time I designed the site to be seen on desktops and laptops where a certain width to the page could be guaranteed.

Because of that the thumbnails were organised into tables, with four thumbnails to a row, which made a nice stable presentation. They would then more or less appear as in the screenshot below (the screenshots are roughly 1/2 of actual size to fit into the post).

Four Images Wide

This is fine as long as the page is 960px+, but when people are accessing the site with tablets or smartphones the size of the screen can be much smaller than that, and so it was time to think again.

Fortunately I found some good css code courtesy of the Yahoo! developers on the Pure CSS page. There they have code to accomplish more than one sort of job, but what I wanted was the Grids CSS, which makes grids (or tables) which are responsive to the screen size.

When utilising that code if the screen size drops below a certain pixel rate the grids collapse, and we have just one column, as below:

One Image Wide

That was a great improvement, but a little crude as it is a kind of “all-or-nothing” solution. With a little bit of hacking at the code I made it collapse to 2 columns on a larger tablet, and only collpase to one column on smartphone screens.

Two Images Wide

I had to remake all the pages on the site (around 200), which took quite a lot of time, but I don’t have a tablet or smartphone myself and I would appreciate some feedback from those who do, and can try it out.

I hope these improvements will give access to the site for a lot of people who otherwise would have difficulty viewing it and can now view photographs of our wonderful Buddhist heritage.

1 thought on “Photo Dharma now supports Tablets and Phones”

  1. Vince says:
    June 14, 2013 at 2:44 pm

    this website is plenty of useful information and Dhamma teachings. Don’t know why I have never visit this site in the past. Although I have found it while looking for a dual monitor application, which is quite funny 🙂
    Thanks for you work. I will come back often, there are videos and teachings very interesting.

Leave a Reply

Your email address will not be published. Required fields are marked *

QR code

SHORTLINK

Donations

there are many expenses involved in the making of this website. Even a small donation really helps to maintain and expand the site.

Recent Posts

  • Vinayapitaka Index, with links to Pali Text and Translations
  • Publication of the Second Section of the Great Chronicles
  • A New Reading of the Thematic Discourses about Nuns
  • Publication of the First Section of the Great Chronicles
  • List of Pali Text Society (PTS) Publications
  • A New Reading of my Dhammapada Translation
  • Photographs of The Great Treasure Centre in Hatyai, Thailand
  • Five New Albums from Hatyai, Thailand
  • Final Set of Photos from Bali: The Collections
  • Third Set of Photos from Bali: The Other Ancient Temples

Top 10 Tags

  • Books
  • Buddha
  • Dhamma
  • Ethics
  • India
  • Monks
  • Poetry
  • Temples
  • Texts
  • Wisdom

Recent Posts

  • Vinayapitaka Index, with links to Pali Text and Translations
  • Publication of the Second Section of the Great Chronicles
  • A New Reading of the Thematic Discourses about Nuns
  • Publication of the First Section of the Great Chronicles
  • List of Pali Text Society (PTS) Publications
  • A New Reading of my Dhammapada Translation
  • Photographs of The Great Treasure Centre in Hatyai, Thailand
  • Five New Albums from Hatyai, Thailand
  • Final Set of Photos from Bali: The Collections
  • Third Set of Photos from Bali: The Other Ancient Temples

Other Posts

  • Contributions to Buddhist Studies
  • Metta for the Victims of 9-11
  • Ven Sumangalo, 02: The 8 Positive Rules for a Happy Life
  • Rāma’s Story on the Prambanan Reliefs Published
  • Audio Flipbook of The Life of the Victorious Buddha
  • BWV 029: Four Great Things
  • Why the Buddha Suffered
  • The Beginnings of Buddhist Art by A. Foucher – II
  • Bhante Anandajoti: 1. The Early Life of the Buddha
  • License Change on Photo Dharma Website
  • Damage to the Nuclear Power Plant at Fukushima

Related Posts

  • Programmes to Input Diacritics with Two Different Methods
  • Complete List of Documents on Ancient Buddhist Texts
  • Navigation System on Ancient Buddhist Texts Updated
  • Gaṇḍavyūha Book released as PDF
  • New Design and Upgrade of Photo Dharma Website
  • Creating New Tags in Html5
  • Facebook Profile to Page Conversion, My Experience
  • Dharma Records Blog at New Address
  • Making short urls using javascript and a .htaccess file
  • Bhikkhu Sumedha: His Teachings and Paintings
© 2023 Dharma Records | Powered by Minimalist Blog WordPress Theme