Using OpenLayers with GeoNames WebServices. Brackets. Responsive Web Design just got Easier with the Responsive Grid System. Combined Facebook, Twitter & RSS Social Stats with jQuery, PHP & YQL. Martin Angelov As we increasingly depend on more and more social services, there rises the need to provide a simple way to let our website visitors take part of our diverse social presence. In this tutorial we are going to create a simple widget, which combines the number of your RSS readers, twitter followers, and fans of your facebook fan page, to give a rough estimate of your social popularity. We are using jQuery and the tipTip plugin, object-oriented PHP, and Yahoo’s YQL, while demonstrating a number of interesting web development techniques. Update (Jun 17th, 2013): All the APIs used in this tutorial have been deprecated or changed, so unfortunately the social stats won’t work any more.
Step 1 – PHP YQL is a free Yahoo web service, which enables us to communicate with numerous third-party APIs through a consistent SQL-like language (and hence the name). FullCalendar Documentation - Google Calendar. FullCalendar can display events from a public Google Calendar.
It can serve as a backend that manages and persistently stores event data (a feature that FullCalendar currently lacks). Before you code... You must first make your Google Calendar public: In the Google Calendar interface, locate the "My Calendar" box on the left.Click the arrow next to the calendar you need.A menu will appear. Click "Share this calendar. " Then, you must obtain your calendar's XML feed URL: In the Google Calendar interface, locate the "My Calendar" box on the leftClick the arrow next to the calendar you need.A menu will appear.
Dependencies Next, you must have all the required js/css files. Writing the code (version 1.5 and above) Now it's time to initialize your calendar in JavaScript. Why You’re a Bad PHP Programmer. PHP: The Right Way. Fuzzy Date Creator. Why Postgres - Craig Kerstiens. This post is a list of many of the reasons to use Postgres, much this content as well as how to use these features will later be curated within PostgresGuide.com.
If you need to get started check out Postgres.app for Mac, or get a Cloud instance at Heroku Postgres for free UPDATE: A part 2 has been posted on Why Use Postgres Very often recently I find myself explaining why Postgres is so great. In an effort to save myself a bit of time in repeating this, I though it best to consolidate why Postgres is so great and dispel some of the historical arguments against it. Replication For some time the biggest argument for MySQL over Postgres was the lack of a good replication story for Postgres.
Ctype_digit. YUI Library. Rotating Words with CSS Animations. 3D Gallery with CSS3 and jQuery. Superheroic JavaScript MVC Framework. Feature Suggest App w/ PHP, MySQL & jQuery. Martin Angelov Listening to what your visitors have to say, is always beneficial when planning new features or changes in your website.
For a long time we’ve been limited to just setting up a contact form and hoping that quality feedback will follow, which unfortunately is not always the case. Today we are taking things up a notch – we are applying the same social principles that have brought success to sharing sites such as Digg and delicious, and encourage visitors to suggest and vote on features that they want implemented on your website. The XHTML Starting with the new HTML5 doctype, we define the opening and closing head and title tags, and include the main stylesheet of the app – styles.css, in the document. suggestions.php <!
After this comes the body tag and the #page div, which is the main container element. Lastly we include the jQuery library from Google’s AJAX Library CDN, and our own script.js file, which is discussed in detail in the last section of this tutorial. The PHP ajax.php. An AJAX Click to Appreciate Badge. Martin Angelov When you publish something online, there are not that many ways to determine whether people like what you have to say.
Comments, the cornerstone of blogging, are too demanding, and users often prefer not to post one. If you’ve dropped by Behance, you’ve probably noticed their appreciate badge, which is a neat solution to this exact problem. Simple AJAX Commenting System. Martin Angelov This time, we are making a Simple AJAX Commenting System.
It will feature a gravatar integration and demonstrate how to achieve effective communication between jQuery and PHP/MySQL with the help of JSON. Step 1 – XHTML First, lets take a look at the markup of the comments. This code is generated by PHP in the Comment class, which we are going to take a look at in a moment. demo.php. Making a Custom YouTube Video Player With YouTube’s APIs. Martin Angelov Video presentations are a great addition to any product page.
With a presentation you can showcase your product’s features without making the visitor read through long paragraphs of text. But apart from producing the video, you still need to manually convert it and find (or code) some sort of flash player that will display it on your site.