On index or transitional pages, such as homepage or category pages of WordPress, you don’t want to show the full texts of your deep content pages yet but just a content snippet of the first few sentences or words as a summary with a read more link to the actual article. This is generally good …
There used to be a plugin to grab and display most recent blog posts from WordPress database. Well, while you still can use it to get recent posts and them shown on homepage or in sidebar, you can now conveniently add a recent post widget from the WordPress control panel => Appearance => Widgets if …
WordPress: Show Recent Posts on Homepage or in Sidebar Read More »
Putting text over image or pictures is a good way to give simple title information to that image or declare copyrights without tampering with the image itself. Real texts on an image with CSS This lovely image gladly demonstrates how I (this text) can be flying over her face. It’s very kind of her but …
CSS: Text over Image – Add Text Caption to Images Read More »
CSS itself is an important part of web page design, but just the bone of it. Without pictures and photos, CSS is not more than just paragraphs of texts. To embed a picture or photos of yours in background, you need a simple CSS rule: background. Say you have a nice picture named mypic.jpg that …
Populating a drop down list control <select> from a php array is easy, the following function would do it with a breeze. Assuming an array of IT companies: $companies = array( ‘Microsoft’ => 1, ‘Google’ => 2, ‘Apple’ => 3 ); Feed it as a parameter to the php function below: function generateSelect($name = ”, …
In pure CSS solutions, a double border can be achieved via either a combination of single borders or a single double border style. 2 single borders The HTML: <div class="wrap-1"> <div class="wrap-2"> </div> </div> The CSS: .wrap-1 { border:1px solid blue; padding:1px; /* how far away 2 borders are drawn, remove this line to make …
If you are going to make part of the page totally transparent, there are essentially 3 CSS ways to achieve element transparency: opacity:0 (needs 2 more hacks for different browsers) visibility:hidden display:none Bob, the man! Let me take the example of Bob sitting in a chair to explain how these styles are different from each …
CSS: Difference between opacity:0, visibility:hidden and display:none Read More »
Let’s face it, the native implementations of file uploading control of HTML form is ugly, throughout most of the browsers, and not consistent at all. Plus, <input type=”file” … /> just doesn’t play by quite a few of the CSS input styling rules such as border and background, making it a even bigger challenge. Now …
CSS: Styling File Upload / Select Input Control <input type="file" … /> Read More »
Well, just came across a rather insightful post by ronburk at Webmaster World, which by the way, is probably the most resourceful place for any veteran webmaster. Consumer behavioral analysis is one of the most important part of any marketing campaigns in any industry. The better you get to know your customers, the better you …
Log Walking – Walk through your website logs and be in the shoe of a visitor Read More »
One of the guys started a thread complaining about his internet connection: Is it just me or is half the internet down? Hilarious!
Consider a PSD wordpress theme design with a blog post title like this: Apparently there’s a whole image background on the page instead of a solid color wherein the page title falls into, making the situation a little more complicated. Because if it’s just a solid color, I can simply do the following to achieve …
A tiny little quick tip for javascript beginners. While you still can execute javascript code upon page loading completion with: <body onload="jsFunc();"> You can just attach or define an onload event to body in the normal code flow: window.onload = function() { jsFunc(); }
When I’m coding for a new sub site where I need to show the local time of mine and my developers’ wherever the visitors are. Things get a little bit more tricky. Time basics in JavaScript and PHP To offset time zone differences in calculation, both JavaScript and PHP specs have time stamps representing the …
In JavaScript, you initiate an array of 3 elements by: var myArray = new Array(3); Or: var myArray = [”, ”, ”]; And then to populate them with some values, you need: for (var i = 0; i < 3; i++) { myArray[i] = i; } This is pretty much a single dimensional array. To …
