Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
Re: all-grid theme for image-rich websites
Agreed. No criticism taken :)
Unfortunately, neither approach helps with the ‘jump’ on detail pages (caused by the article header being superimposed over the hero image). I’ll likely use my Artedomus fix for this (force the proportions of the <picture> container, so the grid knows how much space to allow before the image starts loading.
Offline
Re: all-grid theme for image-rich websites
giz wrote #323756:
I’ll likely use my Artedomus fix for this (force the proportions of the
<picture>container, so the grid knows how much space to allow before the image starts loading.
There’s a new css property aspect-ratio that’s supposed to help solve that in future. If you want to use it already, you probably need to use @supports.
Harry Roberts recently posted a twist on the ::before/::after padding-top trick for this too – see this Twitter thread.
TXP Builders – finely-crafted code, design and txp
Offline
Re: all-grid theme for image-rich websites
jakob wrote #323758:
There’s a new css property aspect-ratio that’s supposed to help solve that in future. If you want to use it already, you probably need to use @supports.
Harry Roberts recently posted a twist on the ::before/::after padding-top trick for this too – see this Twitter thread.
Thanks. I’d heard about the new aspect-ratio property, but your link is da business.
Harry Roberts is worth following!
Offline
Re: all-grid theme for image-rich websites
giz wrote #323753:
(isn’t there a limit to the number of files you can have in a directory in Apache?)
You’re more likely to hit a filesystem / operating system limit depending on the format of your hard drive, or possibly a limit imposed by your web host for their own damage limitation.
Offline
Re: all-grid theme for image-rich websites
I’ve updated my all-grid theme after using it as the basis for a couple of new sites.
It includes:
- more layout variants via use of
status=stickyandform-overide - a refactoring of much of the css
- easier access to core styling variables, and a style-switcher
- an option to use a ‘standard’ menu system instead of the default ‘hamburger’
There is more in the pipeline, primarily around image handling and display.
Offline
Re: all-grid theme for image-rich websites
simply amazing!
…. texted postive
Offline
Offline
Re: all-grid theme for image-rich websites
Thanks @bici
If that’s the only error to be found in my archived websites collection, I’m pleased :)
Last edited by giz (2021-06-02 18:17:16)
Offline
Re: all-grid theme for image-rich websites
A new lockdown, a new version of my all-grid theme.
- grid-loose and grid-formal variants, freely interchangeable via
- section pages
- article forms
- complete refactoring of the css: layouts can be bossed around via:
- changing the content i.e. with or without article images, sticky vs. live articles, form overrides
- changing css variable values in the stylesheet
- swapping element class names in the pages and forms
- in the stylesheet css (the last resort :)
- image independence; choose between:
- no resizing – original image displayed (default)
- resizing via smd_thumbnail
- resizing via SLIR
- lazysizes.js provides automatic sizes calculation for responsive images
Offline
Re: all-grid theme for image-rich websites
I use all-grid as the starting point for projects; an update is available.
I needed a ‘real’ website to thoroughly test its functionality, and to see if it is flexible enough to cope with whatever I throw at it.
Wairarapa DIY is the result.
Offline
Re: all-grid theme for image-rich websites
Holy moly that’s a great looking site. Well impressed.
The smd plugin menagerie — for when you need one more gribble of power from Textpattern. Bleeding-edge code available on GitHub.
Txp Builders – finely-crafted code, design and Txp
Offline
Re: all-grid theme for image-rich websites
@giz : Textpattern ninja
…. texted postive
Offline