Recent searches

No recent searches

Search options

Only available when logged in.
mastodon.ie is one of the many independent Mastodon servers you can use to participate in the fediverse.
Irish Mastodon - run from Ireland, we welcome all who respect the community rules and members.

Administered by:

Server stats:

1.6K
active users

mastodon.ie: AboutProfiles directoryPrivacy policy

Mastodon: AboutGet the appKeyboard shortcutsView source codev4.4.2

#pagination

0 posts0 participants0 posts today
Inautilo<p><a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Design</span></a> <a href="https://mastodon.social/tags/Guidelines" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Guidelines</span></a><br>Designing scroll behavior · When should browsers remember a user’s scroll position? <a href="https://ilo.im/165bvs" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/165bvs</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Browser</span></a> <a href="https://mastodon.social/tags/Scrolling" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Scrolling</span></a> <a href="https://mastodon.social/tags/Pagination" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Pagination</span></a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ProductDesign</span></a> <a href="https://mastodon.social/tags/UxDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UxDesign</span></a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UiDesign</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a> <a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a></p>
Mike Lopez<p>Want smoother user experience in your PHP apps? Learn how I implement MySQL pagination without the bloat. Clean, scalable, and dev-friendly.<br><a href="https://mikelopez.com/blog/1118" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">mikelopez.com/blog/1118</span><span class="invisible"></span></a><br><a href="https://mastodon.social/tags/PHP" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PHP</span></a> <a href="https://mastodon.social/tags/MySQL" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MySQL</span></a> <a href="https://mastodon.social/tags/DevLife" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DevLife</span></a> <a href="https://mastodon.social/tags/Pagination" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Pagination</span></a> <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevelopment</span></a> <a href="https://mastodon.social/tags/BasicPHP" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BasicPHP</span></a></p>
Frontend Dogma<p>Menu and Navigation: The Difference, by <span class="h-card" translate="no"><a href="https://mastodon.online/@stvfrnzl" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>stvfrnzl</span></a></span>:</p><p><a href="https://stevefrenzel.dev/posts/menu-and-navigation-the-difference/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">stevefrenzel.dev/posts/menu-an</span><span class="invisible">d-navigation-the-difference/</span></a></p><p><a href="https://mas.to/tags/navigation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>navigation</span></a> <a href="https://mas.to/tags/pagination" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>pagination</span></a> <a href="https://mas.to/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</span></a> <a href="https://mas.to/tags/aria" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>aria</span></a> <a href="https://mas.to/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a></p>
Barry Schwartz<p>Google's <span class="h-card" translate="no"><a href="https://mastodon.social/@johnmu" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>johnmu</span></a></span> on why search engines don't need to do anything special for paginated results <a href="https://www.seroundtable.com/google-seo-pagination-38917.html" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">seroundtable.com/google-seo-pa</span><span class="invisible">gination-38917.html</span></a> </p><p><a href="https://c.im/tags/seo" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>seo</span></a> <a href="https://c.im/tags/google" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>google</span></a> <a href="https://c.im/tags/googleseo" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>googleseo</span></a> <a href="https://c.im/tags/pagination" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>pagination</span></a></p>
Grumpy Website<p>To see previous commits, click Next</p><p><a href="https://mastodon.online/tags/Github" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Github</span></a> <a href="https://mastodon.online/tags/Pagination" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Pagination</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Guides" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Guides</span></a><br>Page by page · How pagination makes the web accessible <a href="https://ilo.im/161eah" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/161eah</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Pagination" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Pagination</span></a> <a href="https://mastodon.social/tags/WebPage" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebPage</span></a> <a href="https://mastodon.social/tags/Website" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Website</span></a> <a href="https://mastodon.social/tags/Blog" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Blog</span></a> <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Accessibility</span></a> <a href="https://mastodon.social/tags/SemanticHTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SemanticHTML</span></a> <a href="https://mastodon.social/tags/ARIA" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ARIA</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a></p>
pablolarah<p>🔴 Page by Page: How Pagination Makes the Web Accessible<br>by Kristin Rohleder <a href="https://mastodon.social/tags/KristinRohleder" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>KristinRohleder</span></a><br>at HTMLHell by Manuel Matuzović<br><span class="h-card" translate="no"><a href="https://front-end.social/@matuzo" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>matuzo</span></a></span> </p><p><a href="https://mastodon.social/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</span></a> <a href="https://mastodon.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a> <a href="https://mastodon.social/tags/pagination" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>pagination</span></a> </p><p><a href="https://htmhell.dev/adventcalendar/2024/14/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">htmhell.dev/adventcalendar/202</span><span class="invisible">4/14/</span></a></p>
Brian Transplant<p>Fun fact about the logo: The M in "Game" is actually an upside-down W, because I wanted this sign to look accurate.</p><p>Artwork will be my own photos, some that I've licensed, and icons from the Noun Project.</p><p>I may want playtesters (and possibly essayists) when this gets closer to being finished.</p><p>I'm really enjoying working on this so far. I think this is some of the best page design I've done in ages.</p><p><a href="https://skastodon.com/tags/TTRPG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TTRPG</span></a> <a href="https://skastodon.com/tags/Cinemastodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Cinemastodon</span></a> <a href="https://skastodon.com/tags/Film" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Film</span></a> <a href="https://skastodon.com/tags/Movies" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Movies</span></a> <a href="https://skastodon.com/tags/Pagination" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Pagination</span></a></p><p><a href="https://briantransplant.itch.io/cult-of-the-drive-in" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">briantransplant.itch.io/cult-o</span><span class="invisible">f-the-drive-in</span></a></p>
pablolarah<p>🔵 Feedback on a Pagination Pattern<br>by Adrian Roselli <span class="h-card" translate="no"><a href="https://toot.cafe/@aardrian" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>aardrian@toot.cafe</span></a></span> <span class="h-card" translate="no"><a href="https://mastodon.social/@aardrian" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>aardrian</span></a></span> <br><a href="https://mastodon.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a> <a href="https://mastodon.social/tags/pagination" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>pagination</span></a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> </p><p><a href="https://adrianroselli.com/2024/07/feedback-on-a-pagination-pattern.html" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">adrianroselli.com/2024/07/feed</span><span class="invisible">back-on-a-pagination-pattern.html</span></a></p>
Katy TransWomenAreWomen Ereira<p>Great visualisation for the efficiency of cursor based pagination from <span class="h-card" translate="no"><a href="https://phpc.social/@jessicamauerhan" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>jessicamauerhan</span></a></span> at <a href="https://phpc.social/tags/ipc" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ipc</span></a> <a href="https://phpc.social/tags/webinale" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webinale</span></a>. Did you know that limit-offset pagination has to scan the whole database to figure out what comes next?</p><p>That's a long time if you're on the last page of thousands of results. But it doesn't have to be that way - investigate adding cursors to your data sets. With appropriate indices, the time required is constant.</p><p><a href="https://phpc.social/tags/pagination" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>pagination</span></a> <a href="https://phpc.social/tags/APIDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>APIDevelopment</span></a> <a href="https://phpc.social/tags/webinale24" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webinale24</span></a> <a href="https://phpc.social/tags/ipc24" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ipc24</span></a> <a href="https://phpc.social/tags/intPHPcon" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>intPHPcon</span></a></p>
Marusti WebDesign<p>How to Implement <a href="https://mastodon.social/tags/Pagination" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Pagination</span></a> with <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a>, <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> and <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> — SitePoint<br> <a href="https://www.sitepoint.com//simple-pagination-html-css-javascript/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">sitepoint.com//simple-paginati</span><span class="invisible">on-html-css-javascript/</span></a> <a href="https://mastodon.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdesign</span></a> <a href="https://mastodon.social/tags/websitedesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>websitedesign</span></a></p>
tyx<p><span class="h-card"><a href="https://ohai.social/@whiteice" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>whiteice</span></a></span> How nice it would be to have <a href="https://lor.sh/tags/pagination" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>pagination</span></a> instead of <a href="https://lor.sh/tags/endless" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>endless</span></a> <a href="https://lor.sh/tags/scroll" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>scroll</span></a><br>ES was invented to discourage searching and make it lengthy and tiresome (also to make tracking of how maтy posts you've already read). And <a href="https://lor.sh/tags/AttentionStealing" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AttentionStealing</span></a> industry made it a standard. I'm really not getting why we still have it on Mastodon.</p>
Tomasz Dunia<p><strong>🇵🇱 Nowy wpis na blogu! / 🇬🇧 New blog post!</strong></p><p><strong>Mastodon API – followers and following list [ENG 🇬🇧]</strong></p><p><a rel="nofollow noopener" class="u-tag u-category" href="https://blog.tomaszdunia.pl/tag/api/" target="_blank">#api</a> <a rel="nofollow noopener" class="u-tag u-category" href="https://blog.tomaszdunia.pl/tag/curl/" target="_blank">#curl</a> <a rel="nofollow noopener" class="u-tag u-category" href="https://blog.tomaszdunia.pl/tag/geekonerd/" target="_blank">#geekonerd</a> <a rel="nofollow noopener" class="u-tag u-category" href="https://blog.tomaszdunia.pl/tag/github/" target="_blank">#github</a> <a rel="nofollow noopener" class="u-tag u-category" href="https://blog.tomaszdunia.pl/tag/header/" target="_blank">#header</a> <a rel="nofollow noopener" class="u-tag u-category" href="https://blog.tomaszdunia.pl/tag/json/" target="_blank">#json</a> <a rel="nofollow noopener" class="u-tag u-category" href="https://blog.tomaszdunia.pl/tag/mastodon/" target="_blank">#mastodon</a> <a rel="nofollow noopener" class="u-tag u-category" href="https://blog.tomaszdunia.pl/tag/opensource/" target="_blank">#opensource</a> <a rel="nofollow noopener" class="u-tag u-category" href="https://blog.tomaszdunia.pl/tag/osint/" target="_blank">#osint</a> <a rel="nofollow noopener" class="u-tag u-category" href="https://blog.tomaszdunia.pl/tag/pagination/" target="_blank">#pagination</a> <a rel="nofollow noopener" class="u-tag u-category" href="https://blog.tomaszdunia.pl/tag/php/" target="_blank">#php</a></p><p>Autor: @to3k@tomaszdunia.pl</p><p><a href="https://blog.tomaszdunia.pl/mastodon-api-followers-following-eng/" rel="nofollow noopener" target="_blank">https://blog.tomaszdunia.pl/mastodon-api-followers-following-eng/</a></p>
Tomasz Dunia<p><strong>🇵🇱 Nowy wpis na blogu! / 🇬🇧 New blog post!</strong></p><p><strong>Mastodon API – lista obserwujących i obserwowanych</strong></p><p><a rel="nofollow noopener" class="u-tag u-category" href="https://blog.tomaszdunia.pl/tag/api/" target="_blank">#api</a> <a rel="nofollow noopener" class="u-tag u-category" href="https://blog.tomaszdunia.pl/tag/curl/" target="_blank">#curl</a> <a rel="nofollow noopener" class="u-tag u-category" href="https://blog.tomaszdunia.pl/tag/geekonerd/" target="_blank">#geekonerd</a> <a rel="nofollow noopener" class="u-tag u-category" href="https://blog.tomaszdunia.pl/tag/github/" target="_blank">#github</a> <a rel="nofollow noopener" class="u-tag u-category" href="https://blog.tomaszdunia.pl/tag/header/" target="_blank">#header</a> <a rel="nofollow noopener" class="u-tag u-category" href="https://blog.tomaszdunia.pl/tag/json/" target="_blank">#json</a> <a rel="nofollow noopener" class="u-tag u-category" href="https://blog.tomaszdunia.pl/tag/mastodon/" target="_blank">#mastodon</a> <a rel="nofollow noopener" class="u-tag u-category" href="https://blog.tomaszdunia.pl/tag/opensource/" target="_blank">#opensource</a> <a rel="nofollow noopener" class="u-tag u-category" href="https://blog.tomaszdunia.pl/tag/osint/" target="_blank">#osint</a> <a rel="nofollow noopener" class="u-tag u-category" href="https://blog.tomaszdunia.pl/tag/paginacja/" target="_blank">#paginacja</a> <a rel="nofollow noopener" class="u-tag u-category" href="https://blog.tomaszdunia.pl/tag/pagination/" target="_blank">#pagination</a> <a rel="nofollow noopener" class="u-tag u-category" href="https://blog.tomaszdunia.pl/tag/php/" target="_blank">#php</a> <a rel="nofollow noopener" class="u-tag u-category" href="https://blog.tomaszdunia.pl/tag/stronicowanie/" target="_blank">#stronicowanie</a></p><p>Autor: @to3k@tomaszdunia.pl</p><p><a href="https://blog.tomaszdunia.pl/mastodon-api-followers-following/" rel="nofollow noopener" target="_blank">https://blog.tomaszdunia.pl/mastodon-api-followers-following/</a></p>
droidcon<p>Learn how to implement <a href="https://androiddev.social/tags/caching" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>caching</span></a> and <a href="https://androiddev.social/tags/pagination" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>pagination</span></a> with <a href="https://androiddev.social/tags/Paging3" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Paging3</span></a> using <a href="https://androiddev.social/tags/JetpackCompose" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JetpackCompose</span></a> 🚀</p><p><a href="https://www.droidcon.com/2022/12/30/caching-and-pagination-with-paging-3-in-android-jetpack-compose/" rel="nofollow noopener" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">droidcon.com/2022/12/30/cachin</span><span class="invisible">g-and-pagination-with-paging-3-in-android-jetpack-compose/</span></a></p>
*
Elle 💗

#Pagination trick

Often I want to paginate, but doing a count is expensive. So I just do Prev-Next buttons with no page count, which is great, except I don't know if there's another page.

Trick time! Assume we show 10 per page. Don't limit the query to 10. Limit it to 11. If it returns 11 rows, there's still a page, and pop the last result. Otherwise, it's the last page and just show the results.

#webdev
TrendingLive feeds
About