The first time I saw these two words on Best Practices for Speeding Up Your Website, I asked myself, "How come does Sprite relate to CSS?"
I found the definition of it:
CSS Sprites are the preferred method for reducing the number of image requests. Combine your background images into a single image and use the CSS background-image and background-position properties to display the desired image...
Monday, August 30, 2010
YSlow (Speeding Up Your Website)
When I was searching on Google how to strip unused CSS codes, I found the Best Practices for Speeding Up Your Website. Go to the link I've given to read further details about how to tweak your website :D
There are 35 best practices that can be done for boosting your website, but, you don't have...
Tuesday, August 24, 2010
Technologies Choice For My Learning Contract
Basically, my technologies choice for my learning contract can be categorized as:
Front-end technologies: XHTML, CSS, Javascript, jQuery 1.4.
Back-end technologies: PHP, MySQL.
Web Server: Apache
Since this week's subject material is about server side technologies, let's take a look on what PHP is.
PHP (recursive acronym for PHP: Hypertext Preprocessor) is a widely-used open source general-purpose...
Week 4 Practical Exercise
Week 4 materials are about server-side technologies, which focus on PHP.
For the exercise, we're gonna use date function on PHP. If you want to see the documentation without going online, just download the documentation here
Don't hesitate to click Read More.
Date function
string date ( string $format [, int $timestamp ] )
Returns a string formatted according to the given format string using the...
Tuesday, August 17, 2010
Week 3 Practical Exercise
This blog post was made to point the interesting parts of the exercises given on week 3.
To see fullpost, don't hesitate to click "Read More" :D
Exercise 1
- What's the difference between <strong> and <b> ?
=> Doing this exercise makes me know the answer
Use the <strong> and <em> tags when the content of your page requires that certain words or phrases be stressed....
Wednesday, August 11, 2010
Fix failed 000webhost.com validation
If you're failed to validate your 000webhost.com, it is probably because of the generated analytic code that is used "to monitor if account active or not. Analytics code is also used to build stats and visitors report for your website. By disabling analytics code you will also loose an ability to get stats for your website."
To fix it,
1. Go to http://members.000webhost.com/analytics.php
2. Enter...
Blogger W3C Validation Fail
OMG !!! I'm surprised when I validate my blog.
137 errors and 20 warning(s). Insane.
Referring to Vikas Gupta's blog (bloggingtips), Blogger have had this problem since they still used XHTML for the templates. Even though, it has smaller number than before (probably because now they use HTML5),...
Friday, August 6, 2010
Modify the code tag
Basically, I've been using <code> tag for links, descriptions, etc. <pre> tag (just added recently) is used for the programming code :D
For this blog, I use this css code below for my <code> tag:
code{
color: black;
padding: 4px 10px 0px 40px;
line-height:20px;
/*--Background of lined paper--*/
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhPHoLcc0a8-N-kODqjcmvJ97OlshJFoz-Fx_bJV5qEye9odIn86IhQImVDC7j4-0wrctLM1033a4qkSRVahsoXp9jxmq68y4LDDskfgLxB5RaOH2RwJsJHYv8mKIks_8Nl5AIpJIa9TYG/)...
Added "Read More" (again)
Reference: http://bloggerstop.net/2008/10/blogger-help-add-read-more-link-to-your.html
Click Read More to see the steps
Steps to follow:
1. Log into the Blogger.com account
2. Go to "Layout" section
3. Back up your current template, by downloading it.
4. Now click on "Expand Widget Templates"
5. Now find this code - ]]>
6. Just AFTER that code add these lines
<style>
<b:if cond='data:blog.pageType...
Thursday, August 5, 2010
Syntax Highlighter (+Demo)
I've added Syntax Highlighter for some programming codes. Go to http://alexgorbatchev.com/SyntaxHighlighter/ to get the latest version.
Reference: http://blog.cartercole.com/2009/10/awesome-syntax-highlighting-made-easy.html
Demo:
public class HelloBlogger {
public static void main(String [] args) {
System.out.println("Hello Blogger!!");
}
}
Yeepee, it's working. Latest version removes the clipboard...
Cleaning up my blog.
After several months, I visit my blog to clean it up (no more ads, new template). Why? Because, there will be more visitors to come to visit my blog ( I have faith on it ) :D I need to impress them ^^
Question: Why a new label/category appears?
Answer: This blog will also be used for one of assessment criteria for Digital Media Technologies subject. I want to make sure that it looks tidy and clean.
Because...