Output buffering is a simple way to greatly improve the performance and speed of your PHP script. Without output buffering, your script will show the HTML on the page as it’s processed – in pieces. Adding output buffering allows the PHP to store the HTML as a variable and send it to the browser in one chunk.
To enable output buffering, simply add ob_start ( ) like so at the top of the file right after the DOCTYPE like the following: <?php ob_start ( ‘ ob_gzhandler ‘ ) ; ?>
WordPress is an open source blog publishing application powered by PHP and MySQL which can also be used for content management. It has a templating system, which includes widgets that can be rearranged without editing PHP or HTML code, as well as themes that can be installed and switched between.
“Blogging is essentially about reaching out to people, readers and followers to deliver a message, opinions, knowledge, taking lead etc. Writing great posts, being a SEO guru, sharing links etc. is well known tricks but not enough any more. Most bloggers have realized that social networks is where the modern “www sapiens” “party” all day long sucking up as much screen radiation as possible while connecting with virtual friends and peers…I have noticed that many plugins in this category is not being maintained any more. While all plugins listed in this post should be compatible with latest version of Wordpress (2.9.x). it may be a sign that may social network related plugins are created because it is hyped and many will not remain maintained for very long. This means you may risk using a plugin that will not be supported next time there’s a major upgrade for Wordpress.” Read more on this topic.
WordPress 3.0 is more than just the next in a long line of WordPress releases. It will see the merging of WordPress with WordPress MU (multi-user), which lets you run as many blogs as you like with a single install, a move that’s been widely welcomed by the blogging community. 9 most needed features for the new update:
1. Multi-Domain Support
2. A New Theme
3. Improved Back-End
4. Page and Post Reordering
5. Increased Security
6. Integration with Canonical Plugins
7. Galleries
8. Image Manipulation
9. A Built In Welcome Read full article on Design.ag
What are feeds – Feeds, to put it simply, are a way to publish frequently updated content. Your feed is a XML formatted document which lets you share content with other users on the web. From a web developer’s perspective, one of the main reason for publishing a feed is user convenience. With a feed for users, they don’t have to check for new content manually each time. They can just subscribe to your feed and get notified new content is posted.
This article basically guide you through how to create a static feed by defining the version and adding information, it also teach you how to generate dynamic feed with some PHP codes. Once you’re done with your code, you should validate the feed before publish it to your webpage.
“It’s becoming more and more common for web sites and applications to provide different layouts dependent upon the user’s window size, or resolution. This can be accomplished in a variety of ways, ranging from CSS to JavaScript solutions. In this video quick tip, we’ll learn how laughably simple it is to do this with a touch of jQuery, and the resize() method.”
============================================================= function checkWindowSize() { if ( $(window).width() > 1800 ) {
$(‘body’).addClass(‘large’);
} else {
$(‘body’).removeClass(‘large’);
}
}
$(window).resize(checkWindowSize);
=============================================================
Print style sheet is a nice feature for your user to print and read an article offline instead of reading it on the screen, which means you should have at least 2 stylesheets for your website or blog, each for screen and print. When you write the code to link the stylesheets it should look like something like the following:
Tips to get started on print style sheet
01. Remove navigation like buttons & sidebar
02. Enlarge content area
03. Reset background color ( mostly white )
04. Reset text color ( mostly dark color like black )
05. Display destination of links
06. Make links stand out from regular text
07. Fonts & font size
08. Let user choose to print comments
09. Show a Print-Only message
While I am building the Voice Over Library the past few weeks I face a bunch of technical problems, I try to insert special character like quotation to the input text box and couldn’t be saved to the mySQL table because the single and double quotas basically break the PHP code. At the end I have to ask my favorite instructor Ritchie Macapinlac for help, he told me to do a Google search on HTML encoding and find the following solution.
In order to load special text character you need to use HTML entities, sometime they are being called system entities, basically they’re special characters that are reserved in HTML. For example, you cannot use the greater than or less than signs within your text because the browser could mistake them for markup. If we want the browser to actually display these characters we must insert character entities in the HTML source.
A character entity looks like this:&entity_name; or &#entity_number; To display a less than sign we must write:< or <
The Advantages of Using Entities Rather Than Images
• It loads fast because it is text base.
• Scalable according to font size.
• Easy to change color and sizing.
We quite often use HTML entities to display apostrophe & quotation marks, arrows & breadcrumb separators for direction, bullet and to separate contents, moreover we use entities for trademark, copyright, degree, currency and even symbol on design layout like the following image.
At times you may want to use fonts other than the likes of Arial, Verdana, Times New Roman, and other mainstream fonts installed on most computers. To implement special fonts on a web page, your choices are to either use images by JavaScript and sIFR (SWF files), or embed the fonts to your computer. Embedding fonts is getting more properly this day, but you have to understand if your user is viewing your website on supported browser.
Here’s a tutorial by Jeffery Way on net.Tuts+, it showcases how to use Cufón, a simple way to use any type of font for your website.
Google Analyticator – adds the necessary JavaScript code to enable Google Analytics logging on any WordPress blog. This eliminates the need to edit your template code to begin logging. Google Analyticator also includes several widgets for displaying Analytics data in the admin and on your blog.
jQuery Pagebar – jQuery-Pagebar displays a jQuery slider instead of the normal previous/next links. User would be able to change the width and color of the bar.
“Wordpress is one of the most popular and beloved CMS’s and it is hardly surprising that there are thousands of plugins for it. While it is an exaggeration to say that all these plugins are great, many of them are. In that aspect, creating any Top 5, Top 10, or Top N lists of Wordpress plugins is a very difficult task because there is no way to include all great Wordpress plugins. Additionally, no matter how great a plugin is, different blogs and different webmasters have different needs and as a result, their personal Top 10s are different. Still, there are some plugins, which are more or less universal and can be used on any type of blog.”
The Web is an extremely adaptive environment and is surrounded by a collaborative community with a wealth of knowledge to share. CSS 3 properties like border-radius, box-shadow, and text-shadow are starting to gain momentum in WebKit (Safari, Chrome, etc.) and Gecko (Firefox) browsers. They are already creating more lightweight pages and richer experiences for users, not to mention that they degrade pretty gracefully; but they are only the tip of the iceberg of what we can do with CSS 3. In this article, it talks about transformations, transitions and animations.
Wordpress released the latest 2.9 version this past weekend, there are some cool features including Global undo/”trash” – if you accidentally delete a post or comment you can bring it back from the grave. Built-in image editor allows you to crop, edit, rotate, flip, and scale your images. Batch plugin update and compatibility checking, which means you can update 10 plugins at once, versus having to do multiple clicks for each one. Easier video embeds that allow you to just paste a URL on its own line and have it magically turn it into the proper embed code.
Note: Most of the plugin won’t be able to work in the latest version so make sure you don’t necessary need it before any update.
5 useful CSS properties that you should be very familiar with, but will most likely rarely use, such as clip, min-height, white-space, cursor and display that are widely supported by all browsers. Check this post on Web Designer Wall.
Article on Theme Forest covers 5 different ways to center the content vertically. It includes the PRO and CON for each method along with complete instructions for implementing them. The methods range from using <div> that act like tables to using absolute positions.
One problem I run into pretty frequently when coding a site in to XHTML and CSS is making my footer dock to the bottom of the screen. It’s especially annoying if you have a page that’s short on content and the footer, which happens to be the footer doesn’t stay at the bottom of the browser window. Finally I find a blog that help me to fix the problem.
HTML code looks like the following
Make sure the footer <div> tag place outside the container and create a empty <div> tag right before the closing <div> tag of the container, we give the empty <div> tag a class called clearfooter. Here’s the CSS code
If you want to make it work in Internet Explorer 6, make sure you set the height 100% to the container.
