[smashing magazine]!important CSS Declarations: How and When to Use Them

When the CSS1 specification was drafted in the mid to late 90s, it introduced !important declarations that would help developers and users easily override normal specificity when making changes to their stylesheets. For the most part, !important declarations have remained the same, with only one change in CSS2.1 and nothing new added or altered in the CSS3 spec in connection with this unique declaration.

Let’s take a look at what exactly these kinds of declarations are all about, and when, if ever, you should use them.

[Full post]

[smashingmagazine.com] How To Build A Mobile Website

Có bài hay đọc xong cứ note lại, sau sẽ có việc cần dùng đến

Over the past few years, mobile web usage has considerably increased to the point that web developers and designers can no longer afford to ignore it. In wealthy countries, the shift is being fueled by faster mobile broadband connections and cheaper data service. However, a large increase has also been seen in developing nations where people have skipped over buying PCs and gone straight to mobile.

Unfortunately, the mobile arena introduces a layer of complexity that can be difficult for developers to accommodate. Mobile development is more than cross-browser, it should be cross-platform. The vast number of mobile devices makes thorough testing a practical impossibility, leaving developers nostalgic for the days when they only had to support legacy browsers.

In addition to supporting different platforms, each device may use any number of mobile web browsers. For instance, an Android user could access your site using the native Android browser, or could have also installed Opera Mini or Firefox Mobile. It’s fine as long as the smartphone uses a progressive web browser (and it’s safe to say that most browsers are progressive nowadays), but it doesn’t have to.

[Read full post]

[WoorkUp] 10 Popular jQuery Plugins in 2009 You Can’t Miss

 

Thích nhất cái jTouch ! >>>>:)

[Read...]

[woorkup] Simple Process To Develop WordPress Themes

A frequently asked question I often receive – mainly from people who start having a hand in developing WordPress themes for the first time – is: what’s the right way to proceed for implementing a custom theme? What’s the order with which modifying all various files which compose the default theme?

As I already said in other posts replying to similar questions, there are not fixed rules (it much depends on how you used to working) but there are some simple guidelines which can be follow to proceed with method and work more efficiently.

[More ...]

3 Practical WordPress Code Snippets You Probably Must Know

Services like Tweetmeme, Bitly and Facebook provide useful tools to share links on-line. The Tweetmeme button and Facebook Like button are a perfect example of these tools you can easily add to your WordPress Theme using just a bunch of lines of code.

The most interesting feature of these bottons allows you to show how many people are sharing a specific link on Twitter and Facebook, measuring in this way how a certain post is popular over these social networks. Bitly is instead extremely useful to shorten long URLs into shorter URLs and it’s perfect to share short links on Twitter.

Another practical way to retrieve these data is to use the APIs. Here is a collection of three simple PHP code snippets for WordPress to retrieve how many people are sharing your posts on Twitter and Facebook and shorten URLs using the Tweetmeme, Facebook and Bitly APIs.

[More from woorkup.com]

Best Practices To Design a Perfect HTML Navigation Bar

The navigation bar is an inevitable element in every website. In this post I want to share with you some simple practices and suggestions aimed at designing a perfect HTML navigation bar.

Let’s start illustrating the typical HTML structure. Here is a schematization of a typical navigation bar that contains some links:

 

[Read more ...]

FastFrog v1.0 – Fast Download Mediafire.com

Mấy hôm nay bức bối vì mấy cái tool Get Direct Link Mediafire 3.0 trên mạng bắt đầu giở chứng không Get được link nữa, còn cả kho film trên MF mà đành đứng nhìn, thôi thì viết lấy một cái mà dùng vậy

30 HTML Best Practices for Beginners – Basix

Bài viết có tham khảo từ : http://net.tutsplus.com/tutorials/html-css-techniques/30-html-best-practices-for-beginners/

1. Luôn nhớ đóng các tag html ./

Hồi mới học html, thỉnh thoảng vẫn code kiểu thế này :

<li>Some text here.
<li>Some new text here.
<li>You get the idea.

Làm vậy nhanh nhưng thật ra là không tốt, theo tiêu chuẩn hiện nay thì đó là “bad practice” và nên tránh dùng, nếu không sẽ gặp một số rắc rối khi validate hoặc chạy trang.

Better :

<ul>
<li>Some text here. </li>
<li>Some new text here. </li>
<li>You get the idea. </li>
</ul>

2. Định nghĩa đúng DocType :

Lúc mới train HTML, mình đọc nhiều các blog và các forum, và 2 điều mà các “chiến hữu” luôn nhắc nhở các begỉnner là :

1. Luôn validate các file css, fix hết tất cả các lỗi nếu có.
2. Và, nhớ phải add Doctype

“The DOCTYPE goes before the opening html tag at the top of the page and tells the browser whether the page contains HTML, XHTML, or a mix of both, so that it can correctly interpret the markup.”

Có 4 loại DocType khác nhau :

1. <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>
2. <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
3. <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
4. <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

Khá đau đầu để lựa chọn một phiên bản trong 4 phiên bản DocType ở trên, thời điểm hiện tại, tốt nhất là sử dụng phiên bản HTML Strict. Hãy tìm hiểu thêm và lựa chọn đúng phiên bản DocType cho mình

8 Regular Expressions You Should Know

Background Info on Regular Expressions

This is what Wikipedia has to say about them:

In computing, regular expressions provide a concise and flexible means for identifying strings of text of interest, such as particular characters, words, or patterns of characters. Regular expressions (abbreviated as regex or regexp, with plural forms regexes, regexps, or regexen) are written in a formal language that can be interpreted by a regular expression processor, a program that either serves as a parser generator or examines text and identifies parts that match the provided specification.

Now, that doesn’t really tell me much about the actual patterns. The regexes I’ll be going over today contains characters such as \w, \s, \1, and many others that represent something totally different from what they look like.

If you’d like to learn a little about regular expressions before you continue reading this article, I’d suggest watching the Regular Expressions for Dummies screencast series.

The eight regular expressions we’ll be going over today will allow you to match a(n): username, password, email, hex value (like #fff or #000), slug, URL, IP address, and an HTML tag. As the list goes down, the regular expressions get more and more confusing. The pictures for each regex in the beginning are easy to follow, but the last four are more easily understood by reading the explanation.

The key thing to remember about regular expressions is that they are almost read forwards and backwards at the same time. This sentence will make more sense when we talk about matching HTML tags.

Note: The delimiters used in the regular expressions are forward slashes, "/". Each pattern begins and ends with a delimiter. If a forward slash appears in a regex, we must escape it with a backslash: "\/".

Matching a Username

 

Pattern:

1. /^[a-z0-9_-]{3,16}$/ 

/^[a-z0-9_-]{3,16}$/

Clean and pure CSS FORM design

Some readers of my blog hate html tables and often ask to me which is the better way to design FORMS with CSS, without using tables to place each form element in a table’s cell.
How I said some time ago… tables are not evil. Sincerly, in some case I used pure CSS code to design forms but, in general, I prefer to use tables. It’s simpler and faster than use only CSS property “to simulate” a table structure. In any case, for CSS lovers, this tutorial illustrates a proposal about how to design a pure CSS form without using html tables.