background preloader

RSS-Reader

Facebook Twitter

(28)PurpleGene Feed Reader. Building a live news blogging system in php. Spiced with HTML5, CSS3 and jQuery [part I] Overview of the series During this series of posts we're going to tackle building a live news blogging system.

Building a live news blogging system in php. Spiced with HTML5, CSS3 and jQuery [part I]

There will be multiple administrators who can add, delete and edit news. Each news can be assigned to one category only. The visitors will be able to see all news, filter them based on categories and publishing date. If one's online and a news is published it will receive a pop-up that will let him know there's new news in the feed — just like Twitter displays the new tweets message on top of the timeline. You can click the above screenshot to get a full preview of how the layout will look like. I have no clue how many parts this tutorial will have. Coding the HTML5 structure I am not going to write an introduction to HTML5.

HTML explained I am now going to explain parts of the html that are not straightforward and parts which contain elements that will be heavily used in conjunction with the future php/jsp coding and jQuery. And we're pretty much done with html coding. The CSS. PhoneGap RSS Reader. Earlier today I noticed an entry on the PhoneGap forums from a user asking about an RSS reader.

PhoneGap RSS Reader

I thought I'd whip one up using PhoneGap and jQuery Mobile and see what it took. Here's what I came up, and as always, feel free to rip apart the code and write it better. I'll warn folks that I only wrote the code to support RSS2, not ATOM, but in theory, it should be possible without too much additional work. (You would simply look at the metadata, note it, and change how you get data.) I began by creating a new PhoneGap project. ColdFISH is developed by Jason Delmore. My code listens for my initial page to load. RSS Reader app – using jQuery Mobile, HTML5, PhoneGap & PHP ~ AppServia. Open RSS Reader - Official mobile app site. RSS reader JQuery Mobile, HTML 5 and JFeed – CSS Jquery Ajax Javascript Css tutorials Free css templates and css menu. App Gallery. Ozexpert/Rss-Html5-Reader. RSS Bandit. Windows 8 HTML5 Metro Style App: RSS reader in 30min - building your WordPress or Community Server version - David Rousset.

I got nice feedbacks on my 2 previous small tutorials: - Windows 8 HTML5 Metro Style App: How to create a small RSS reader in 30min (part 1/2) - Windows 8 HTML5 Metro Style App: How to create a small RSS reader in 30min (part 2/2) But many of you sent me emails or messages on Twitter to know how to plug the tutorials on a WordPress blog.

Windows 8 HTML5 Metro Style App: RSS reader in 30min - building your WordPress or Community Server version - David Rousset

So let me show you how to do that in 5 minutes rather than giving you directly the code. You’ll need of course to read the 2 previous tutorials before going through this one. What’s more, please note again that the below details won’t be enough to make a great Windows 8 App ready for the store. How to Build an RSS Reader with jQuery Mobile. Twice a month, we revisit some of our readers’ favorite posts from through out the history of Nettuts+.

How to Build an RSS Reader with jQuery Mobile

This tutorial was first published in October 2010. Today, we'll dive into jQuery Mobile, which, at the time of this writing, is in a RC1 state. We'll build a simple Tuts+ RSS reader, using PHP and jQuery Mobile. When we're finished, you'll have the ability to add this simple project to your iPhone or Android phone with the click of a button, as well as the skills to build your own custom mobile web apps! It's always helpful to first outline what you want your project to do/achieve. Display a list of every Tuts+ site, along with its square logo Display the feed for each site, when clicked on Create a basic *article* stylesheet for rendering each posting Create an Apple-touch icon for the users who add the "app" to their phone Use YQL to retrieve the desired RSS feed Implement a basic form of "text file" caching every three hours The next step is to begin creating our project.