David Walsh on NetTuts: Create a Twitter-Like “Load More” Widget
My latest article post for NetTuts has been published. From the intro:
Both Twitter and the Apple App Store use a brilliant technique for loading more information; you click the link and fresh items magically appear on the screen. This tutorial teaches you to use AJAX, CSS, JavaScript, JSON, PHP, and HTML to create that magic. This tutorial will also feature both jQuery and MooTools versions of the script.
It was fun creating the widget using both MooTools and jQuery JavaScript. Be sure to check it out!
![Interview with a Pornhub Web Developer]()
Regardless of your stance on pornography, it would be impossible to deny the massive impact the adult website industry has had on pushing the web forward. From pushing the browser's video limits to pushing ads through WebSocket so ad blockers don't detect them, you have...
![Introducing MooTools Templated]()
One major problem with creating UI components with the MooTools JavaScript framework is that there isn't a great way of allowing customization of template and ease of node creation. As of today, there are two ways of creating:
new Element Madness
The first way to create UI-driven...
![Animated Progress Bars Using MooTools: dwProgressBar]()
I love progress bars. It's important that I know roughly what percentage of a task is complete. I've created a highly customizable MooTools progress bar class that animates to the desired percentage.
The Moo-Generated XHTML
This DIV structure is extremely simple and can be controlled...
![Color Palette Generator Using jQuery]()
As I continue to learn jQuery, I think it's important that I begin by porting over scripts I've created using MooTools. One of those scripts is my Color Palette Generator script, which debuted on Eric Wendelin's blog. For those of you that...
i’ve been there in nettuts and i saw your tuts. Your such a brilliant man! thanks keep on shinning!
Nice to see you on nettuts !
Great article btw. Can’t wait to try this out :)
p.s: Is it possible that you forgot the normal css3 border-radius property on #posts-container ? Or maybe it was your intention to use specific webkit and mozilla properties ?
Add to #load-more its parent radius (
-webkit-border-radius:10px; -moz-border-radius:10px;) (css border inherit with border-color change will not work properly as it will require more changes & more code).I’m always lazy reading such large articles, especially from nettus, but I suppose you explain it nice…
wow, don’t you ever sleep? where do you get the time for 2 nice tutorials per day? Thanks this was interesting…
Great tutorial… One more like this
” Twitter like more button ”
http://9lessons.blogspot.com/2009/04/twitter-like-more-button-with-jquery.html
Oh this is very great! Nice and clean!
Really enjoyed your article David, your skills continue to impress.
Hi, brilliant tutorial, I’m newbie with php & mysql but this type and quality of article push me to learn more.
Can you please show us how we can implement this in wordpress.
Great article … but would love to see it fully implemented in wordpress.
Now I’ve been trying for quite some time to implement this into my WordPress installation, but I’ve failed.
Then I saw a link to someone who customized it to work with WordPress SQL functions, but that didn’t work either.
So I would love to see a really thorough tutorial and/or description of how to implement this into WordPress. Maybe even how to make it into a easy plugin.
I believe a lot of people are looking for this functionality in WordPress – would be great!