Đoạn mã JavaScript tự động thay đổi ảnh nền background dựa vào ngày hiện tại

Trong thiết kế giao diện website, sử dụng ảnh nền là một trong những cách đơn giản và hiệu quả nhất để tạo hiệu ứng thẩm mỹ ấn tượng cho website. Chọn được ảnh nền phù hợp bạn sẽ biến một giao diện trông ổn thành cá tính. Tuy nhiên con người cũng không thích sự đơn điệu, ảnh đẹp nhìn mãi cũng chán, nếu bạn muốn ảnh nền của website tự động đổi sang một ảnh khác dựa vào ngày hiện tại thì bài viết này sẽ giúp bạn. Ưu điểm của cách trên là người dùng sẽ không …

Đọc thêm

Google Penguin là gì? Và nó ảnh hưởng thế nào đến kết quả tìm kiếm?

Google Penguin được phát hành lần đầu vào ngày: 24, tháng 4, năm 2012 Theo chân thuật toán Panda, bản cập nhật Penguin được công bố bởi Google trong nỗ lực mới của họ nhằm tưởng thưởng cho các website chất lượng cao và ngược lại, làm giảm bớt sự hiện diện của các website thao túng sơ đồ liên kết (manipulative link schemes) và nhồi nhét từ khóa (keyword stuffing) trên trang kết quả tìm kiếm. Bản phát hành lần đầu của Penguin ảnh hưởng đến 3,1% các truy vấn sử dụng tiếng Anh. Trong khoảng thời gian từ …

Đọc thêm

Danh mục SEO

Google Panda là gì? Thuật toán này giúp cải thiện chất lượng tìm kiếm như thế nào?

Ngày phát hành lần đầu (initial release date): 23, tháng 2, năm 2011 Mục đích của cập nhật thuật toán Google Panda là thưởng cho các website chất lượng cao và làm giảm sự hiện diện của các website chất lượng thấp trong kết quả tìm kiếm tự nhiên của Google. Nó còn được biết đến với tên gọi ban đầu là “Farmer/Người nông dân”. Theo Google, triển khai lần đầu của Panda qua vài tháng đã ảnh hưởng đến 12 phần trăm các kết quả tìm kiếm bằng tiếng Anh. Chúng tôi (Moz) ghi nhận 28 lần cập nhật …

Đọc thêm

Danh mục SEO

Lỗi vòng lặp trong JS

Vòng lặp trong JS nói riêng và trong ngôn ngữ lập trình nói chung có cấu trúc như thế này: (điều kiện) {thỏa mãn điều kiện thì làm việc abc xyz; làm điều gì đó để thay đổi điều kiện} Nếu không thỏa mãn điều kiện thì không làm gì (tức là không làm việc abc xyz). Ví dụ về vòng lặp for: Điều kiện: i khởi đầu bằng 0, và phải nhỏ hơn 10; Thay đổi điều kiện là sau mỗi vòng lặp, i tăng lên một đơn vị, thể hiện bằng câu lệnh i++ text += i + …

Đọc thêm

Vài kinh nghiệm thiết kế web đơn giản

Tôi đang làm một ứng dụng trên nền tảng web, dù khá đơn giản nhưng trong quá trình làm cũng vỡ ra được nhiều điều- bài viết này tôi sẽ chia sẻ một số trải nghiệm đó. Đừng đợi (cảm thấy) giỏi rồi mới viết Đây có lẽ là vấn đề với không ít người, chúng ta thường nghĩ mình chưa đủ giỏi để viết một cái gì đó mà chúng ta thực sự muốn. Thực tế là đúng phần nào, bạn sẽ cần đến ngưỡng nào đó để bắt đầu viết một ứng dụng chuyên sâu, làm thuê cho …

Đọc thêm

Thực hành viết hàm trong JavaScript

Hôm nay chúng ta sẽ thực hành viết các hàm JS đơn giản, qua đó sẽ cải thiện dần khả năng tạo các hàm phức tạp hơn. Bài toán 1: nhập vào ba số chỉ độ dài, hãy xem nó có phải là ba độ dài của một cạnh tam giác không? Cách giải: ba độ dài a, b, c chỉ tạo được thành hình tam giác nếu ba điều kiện sau đồng thời thỏa mãn: a + b > c b + c > a a + c > b Như vậy chúng ta sẽ sử dụng đến câu …

Đọc thêm

Code chống copy, click chuột phải và ctrl + u, song kiếm hợp bích CSS và JavaScript

Ngăn thao tác quét bài viết là cách chống copy đơn giản nhưng khá hiệu quả. Tuy nó không chống lại được các đối tượng sao chép có chuyên môn về công nghệ thông tin, nhưng với các đối tượng copy thông thường thì rất hữu hiệu. Trong bài viết này Kiến càng sẽ “song kiếm hợp bích” cả 2 biện pháp là sử dụng CSS kết hợp với JavaScript. Bạn chỉ cần đưa đoạn code sau vào trước thẻ đóng </head> của mẫu HTML trang web của bạn là thành công: Nếu bạn muốn chống thêm cả thao tác …

Đọc thêm

Độ phân giải màn hình phổ biến, ứng dụng trong việc thiết kế website responsive

Chúng ta biết rằng để thiết kế được website đáp ứng (responsive) đẹp mắt, chúng ta phải biết được điểm breakpoint của màn hình để đưa vào thẻ @media (min-width: Vpx) {// CSS đặt ở đây} Trong đó V là giá trị cụ thể chẳng hạn @media (min-width: 360px) chỉ ra rằng màn hình tối thiểu phải đạt kích cỡ này đoạn CSS mới được thực thi. Đặc biệt trên các thiết bị di động có màn hình nhỏ từ 320px cho đến cỡ 420px việc chênh nhau chỉ 10 – 15px thôi mà không để ý có thể nhẹ …

Đọc thêm

Danh mục CSS

Thử tìm hiểu về cách tạo website Responsive (bài 1)

Ngày nay, một trang web không chỉ cần đẹp mắt trên màn hình máy tính để bàn, mà còn cần ổn thỏa trên cả máy tính bảng và đặc biệt là thiết bị di động nữa. Một website được gọi là responsive nếu nó có khả năng đáp ứng, thay đổi tùy theo kích cỡ màn hình của người dùng. Ở thời điểm hiện tại, website được thiết kế responsive là điều cực kỳ quan trọng, và trong thực tế là kỹ thuật mà bạn phải thành thạo nếu định đi theo con đường lập trình hoặc thiết kế website. …

Đọc thêm

Danh mục CSS