ExD Sandbox

Giới thiệu chung

Một trong những vấn đề hết sức đau đầu với những người mới làm web / viết blog đó chính là người đọc (traffic). Blog là một kênh liên lạc 2 chiều giữa người viết - người đọc nên hiển nhiên bạn không thể chỉ viết cho mình đọc! Và một trong những “công cụ” tăng traffic cho blog chính là các mạng xã hội.

Với tình hình phát triển như vũ bảo của web 2.0 như hiện nay (mà tiêu biểu là mạng xã hội) thì việc bạn không tận dụng nó như là một công cụ để phát triển blog của bạn là một điều rất rất đáng tiếc.

Mục đích chính của các trang bookmark hiện nay là nhằm giúp những người lướt web có thể lưu trữ lại bài viết mình thích để sau này có thể xem lại một cách nhanh chóng. Một điều rất hay của những trang này là bạn có thể chia sẻ với nhiều người khác và đây chính là cơ hội giúp tăng traffic cho blog của bạn. Và nó đồng thời cũng phần nào đánh giá được chất lượng bài viết của bạn (dựa vào số người bookmark bài viết đó)

Vấn đề

Bạn có đang sử dụng dịch vụ nào không ? Nhc hiện tại sử dụng nhiều nhất là del.icio.us vì nó đơn giản và gọn nhẹ. Một vấn đề đặt ra ở đây là : bạn không sử dụng delicious thì sao ? Bạn thích sử dụng digg hơn ? Và một bạn khác lại thích furl hơn … Chẳng lẽ bạn lại chèn tất cả các trang bookmark vào dưới bài viết của mình (và có thể vẫn không đáp ứng đủ). Hơn nữa chúng cũng chiếm một diện tích không nhỏ trong trang web của bạn khi bạn chèn nhiều công cụ bookmark …

Giải pháp

Addthis chính là giải pháp. Với công cụ này, bạn có gần như đầy đủ mọi trang web bookmark nổi tiếng trên internet hiện nay (trên 30 trang web). Hơn thế nữa công cụ này chỉ chiếm diện tích rất khiêm tốn, chỉ là một button nhỏ gọn như thế này

Đây là danh sách các bookmark mà addthis hỗ trợ (quá đủ cho sự nghiệp tăng traffic của bạn)

Cách sử dụng

Cách sử dụng thì mình nghĩ mọi người đều biết hết rồi. Tuy nhiên mình cũng sẽ tóm gọn lại vài ý như sau :

- Hiển nhiên là nếu bạn muốn sử dụng dịch vụ bookmark nào thì phải đăng kí dịch vụ đó trước :-D.

- Hiển nhiên là nếu muốn sử dụng addthis thì bạn phải đăng kí addthis

- Một số tùy chọn cho bookmark button của bạn

- Để sử dụng addthis, bạn phải lấy một đoạn code được addthis cung cấp và chèn vào blog của bạn (ở đây không chơi với Yahoo 360 ).

- Code chèn vào website sẽ có dạng như thế này

Thật đơn giản!

Kết quả

Dưới đây là kết quả thu được. Bạn hãy sử dụng nó để bookmark bài viết này xem sao .

Read the rest of this entry »

If you think you’re well versed in ASP.NET, think again. This exceptional guide gives you a master class in site building with this framework. You learn how to develop rock-solid web portal applications similar to My Yahoo!, iGoogle, and Pageflakes using ASP.NET AJAX, Windows Workflow Foundation, LINQ, and .NET 3.5, along with ASP.NET 3.5 — sites that can withstand millions of hits every day while surviving scalability and security pressures.If you think you’re well versed in ASP.NET, think again. This exceptional guide gives you a master class in site building with ASP.NET 3.5 and other cutting-edge Microsoft technologies. You learn how to develop rock-solid web portal applications that can withstand millions of hits every day while surviving scalability and security pressures — not just for mass-consumer homepages, but also for dashboards that deliver powerful content aggregation for enterprises.

Written by Omar AL Zabir, co-founder and CTO of Pageflakes, Building a Web 2.0 Portal with ASP.NET 3.5 demonstrates how to develop portals similar to My Yahoo!, iGoogle, and Pageflakes using ASP.NET 3.5, ASP.NET AJAX, Windows Workflow Foundation, LINQ and .NET 3.5. Through the course of the book, AL Zabir builds an open source Ajax-enabled portal prototype (available online at www.dropthings.com), and walks you though the design and architectural challenges, advanced Ajax concepts, performance optimization techniques, and server-side scalability problems involved.

Read the rest of this entry »

Lò mò được trên net 1 đoạn CSS có thể kiểm tra được cú pháp của HTML, chỉ cần paste vào Css có sẳn là tự highlight lên các thẻ lỗi. Chủ yếu là kiểm tra cơ bản.

/* Empty Elements */div:empty, span:empty, li:empty, p:empty, td:empty, th:empty

{ padding: 20px; border: 5px dotted yellow !important; }

/* Empty Attributes */

*[alt=""], *[title=""], *[], *[id=""], a[href=""], a[href="#"]

{ border: 5px solid yellow !important; }

/* Deprecated Elements */

applet, basefont, center, dir, font, isindex, menu, s, strike, u

{ border: 5px dotted red !important; }

/* Deprecated Attributes */

*[background], *[bgcolor], *[clear], *[color], *[compact], *[noshade], *[nowrap], *[size], *[start],

*[bottommargin], *[leftmargin], *[rightmargin], *[topmargin], *[marginheight], *[marginwidth], *[alink], *[link], *[text], *[vlink],

*[align], *[valign],

*[hspace], *[vspace],

*[height], *[width],

ul[type], ol[type], li[type]

{ border: 5px solid red !important; }

/* Proposed Deprecated Elements */

input[type="button"], big, tt

{ border: 5px dotted #33FF00 !important; }

/* Proposed Deprecated Attributes */

*[border], a[target], table[cellpadding], table[cellspacing], *[name]

{ border: 5px solid #33FF00 !important; }

Dzui dzui submit cái này lên tác giả của Web Developer Toolbar chơi

Quốc Bảo

Sau một thời gian mù mờ về thẻ Heading (H1,H2,…,H6). Vào một ngày đẹp trời, sau khi nói chuyện với TA & D mới nhận ra được cách dùng các thẻ này :). Trước giờ vẫn dùng style để định dạng (cho đẹp) nhưng giờ thì sẽ dùng nó với 1 ý nghĩa khác.

Sau khi dạo 1 vòng, Bạn Bảo tìm ra trang này có vài lời khuyên về dùng các thẻ Heading cũng khá ổn. Collect từ các nguồn khác mình có các guideline

• Việc dùng các thẻ Heading Tags sẽ tăng tính “Sematic” cho website và cả “Accesability”.
• Dùng Heading Tags là một phương pháp tăng tính search-engine friendly của site bạn
• Chỉ dùng duy nhất 1 thẻ H1 trong 1 trang HTML
• Luôn đi thứ tự từ H1->H6
• Về định dạng thẻ có các suggest sau:
  • Dùng font in đậm và to hơn font thường để phân biệt với nội dung khác
  • Font size nhỏ dầnừ H1->H6
  • Các thẻ Heading nên thể hiện dạng block

Read the rest of this entry »

Đơn giản bằng cách chèn đoạn code sau vào sự kiện Page_Load

Dòng code check là đây:

Page.ClientScript.RegisterStartupScript(this.GetType(), "redirect","window.location.href='default.aspx?JScript=1';", true);

Nó hoạt động như sau :

- Lần đầu load thì Session["JSChecked"] sẽ là null (dòng 15) nên ta sẽ vào đoạn code trong hàm if thứ nhất. Vào trong hàm if thì gán lại Session["JSChecked"] = “Checked” (dòng 16) để báo là đã check rồi (bạn có thể dùng bất cứ giá trị nào cũng được). Sau đó ta “đăng kí” một đoạn javascript window.location.href …. nhằm mục đích load lại trang này một lần nữa (dòng 19,20)

- Ở đây nếu javascript ko enabled thì bạn sẽ không đăng kí được đoạn script này nên khi QueryString["JScript"] (dòng 23) thì nó sẽ trả về null và kết thúc luôn. Kết quả sẽ là “Javascript is not enabled” (dòng 24).

- Ngược lại, nếu javascript đc enabled thì đoạn script đó sẽ được đăng kí. Lúc này khi QueryString["JScript"] (dòng 23) vẫn có giá trị null. Lúc này kết quả (tạm thời) của bạn sẽ là “Javascript is not enabled” (dòng 24). Tuy nhiên, bạn nên nhớ là đoạn js đó nhằm mục đích load lại trang lần thứ hai nên sự kiện Page_Load được gọi lại lần nữa. Lúc này Session["JSChecked"] (dòng 15) đương nhiên là khác null nên nó sẽ chạy xuống đoạn check if phía dưới (dòng 23):


Đến đây thì QueryString["JScript"] sẽ khác null ! Do đó kết quả cuối cùng là “Javascript is enabled” (dòng 26).

(nhc tổng hợp từ bài viết trên codeproject và một số thông tin tham khảo tại w3schools, msdn, beansoftware)