Đầu tiên bạn cần vào dấu ba chấm dọc cạnh biểu tượng setting, chọn More tools -> Rendring như hình dưới đây để xuất hiện tab Rendering với các chức năng.

Giờ chỉ việc chọn tab Rendering -> tích vào Emulate a forcused page là có thể kiểm tra được phần tử đang xuất hiện rồi.

The post Inspecting (kiểm tra phần tử) dropdown menus hoặc popup bị đóng khi click chuột ra ngoài trên Chrome Dev Tool first appeared on HaiNH.

The post Website đăng tin mua bán nhà đất first appeared on HaiNH.

The post Website về cung cấp thực phẩm sạch first appeared on HaiNH.

Hình ảnh gấu mẹ và gấu con năm nay

Năm nay facebook có nhắc lại cái web chúc mừng giáng sinh mình làm hồi 2013 ở đây nè : http://noel2013.apphb.com/

The post MERRY CHRISTMAS 2018 first appeared on HaiNH.

Hãy xem video giới thiệu về hệ thống này nhé

“Đầu tiên, bạn có thể đặt một ngưỡng để xác định khi nào một người dùng được đi qua hay cần phải được xác thực, ví dụ thông qua xác thực hai yếu tố và xác thực quan điện thoại” – Google giải thích trên blog Webmaster của mình.

“Thứ hai, bạn có thể kết hợp điểm số với các tín hiệu nhận dạng của riêng bạn mà reCAPTCHA không thể truy xuất được – như profile người dùng hay lịch sử giao dịch. Thứ ba, bạn có thể sử dụng điểm số reCAPTCHA như một trong các tín hiệu nhận dạng để huấn luyện mô hình machine learning của bạn thực hiện nhiệm vụ rà soát“.

Để sử dụng recaptcha đầu tiên các bạn cần khai báo tại địa chỉ https://www.google.com/recaptcha/admin

Tại ô Label nhập tên tùy ý. Chọn reCaptcha v3 cho dễ dùng nhé, cái v2 giờ nó bắt xác nhận khùm khoằm quá. Phần Domains các bạn nhập tên miền các trang web sẽ sử dụng recaptcha. Bấm Register để hoàn thiện form đăng ký.

Sau khi đăng ký xong chúng ta sẽ có thôn tin về Site key và Secrect key, 2 chuỗi này chúng ta dùng để verfy xem Client có vượt qua captcha được không.  Đầu tiên tại Step 1. Các bạn copy đoạn link script trên kia vào trong thẻ head và đoạn script callback bên trong nội dung trang web. Chú ý trong đoạn script trên kia sau đoạn .then(function(token)) … thì biến token sẽ chứa giá trị của token để kiểm tra. 

<script type="text/javascript">
  grecaptcha.ready(function () {
    grecaptcha.execute('6LdKhn8UAAAAANYOcS7lYvllzzbCNe8zeUuhh_9g', { action: 'login' })
      .then(function (token) {
        //sau khi có mã token gắn vào thẻ input để post lên cùng form
        $("#token").val(token);
      });
  });
</script>

Việc còn lại của chúng ta là khi Client post lên server chúng ta sẽ lấy thông tin response qua giá trị token và serect code sau đó request lên URL: https://www.google.com/recaptcha/api/siteverify để nhận giá trị về. Kết quả trả về kiểu json có cấu trúc:

{
  "success": true|false,
  "challenge_ts": timestamp,  // timestamp of the challenge load (ISO format yyyy-MM-dd'T'HH:mm:ssZZ)
  "hostname": string,         // the hostname of the site where the reCAPTCHA was solved
  "error-codes": [...]        // optional
}

Sau khi post lên url để veryfi ta sẽ nhận được đoạn json để quyết định xem client này có vượt qua được captcha không. Như trường hợp này điểm số là 0.9 như vậy là rất tốt.

Hiện tại với reCaptcha v3 này mình mới test đến thế và cũng chưa ứng dụng nhiều, mình vẫn chọn v2 cho ứng dụng của mình vì đối tượng sử dụng ít nên cũng không phiền toái lắm. Nếu các bạn cần trao đổi thêm về nó thì để lại comment ở dưới đây nhé.

The post Tích hợp Google ReCaptcha v3 vào website first appeared on HaiNH.

1. Bokeh effect (CSS)

https://codepen.io/Mamboleoo/pen/BxMQYQ

2. Calm breeze login screen

https://codepen.io/Lewitje/pen/BNNJjo

3. Tesselation Transition

https://codepen.io/jhnsnc/pen/Mprdaa

4. CSS Particles

https://codepen.io/giana/pen/ZGZeWR

5. Random Pure CSS Parallax Stars

https://codepen.io/CKH4/pen/vNyyaL

6. Bubbles (SVG)

https://codepen.io/yukulele/pen/GppYjd

7. Particles #13 – Background with Hover

https://codepen.io/alexsafayan/pen/ypbch

8. Three.js Particle Blown Up

https://codepen.io/ryonakae/pen/wKqYxR

9. Portfolio Home Page

https://codepen.io/j-w-v/pen/RrMLjV

10. Gradient color by HSL

https://codepen.io/wakamsha/pen/GpxJmg

 Xem thêm tại đây : https://codepen.io/collection/ABNwxq/

The post Tạo hiệu ứng background cho website ấn tượng first appeared on HaiNH.