Giới thiệu

Mình tên Triết, 25 tuổi đến từ Tây Ninh. Đã biết internet 6 năm nay rồi mà mới "chơi" blog lần dầu tiên. Khả năng của mình : - Thành thạo HTML - CSS (HTML5 - CSS3).- Một chút Javascript và jQuery.- Một chút PHP + CI Framework.- Một chút vốn tiếng Anh ^^ .. Mục đích mình lập blog này để Việt hóa những từ khóa mình hay dùng để tìm kiếm trên Google - Bing.. Chia sẽ để a/e tìm kiếm trên Internet với ngôn ngữ Mẹ chuẩn xác và nhanh chóng hơn ...

author

Move out to Wordpress CMS

Leave a Comment
It's about 2 month after I run my first blog power by Blogspot.. for now .. to continue my knowledge adventure .. i decided to move out of Blogspot to get connect with Wordpress CMS.. catch me at this address : http://js.caosugiong.com/blog
Until now .. all of my post will be on English .. see ya there :D
Chi tiết

[jQuery] Web app mô phỏng trình nhắn tin của ios 7

Leave a Comment

Mình đang luyện lại html+css tình cờ thấy app sms của ios7 cũng khá đơn giản :D mình bỏ gần 3,5 giờ đồng hồ để style + code + search plugin iscroll 5 áp dụng vào ...
Các bạn có thể kéo thả như trên smartphone .. 
Nhập nội dung đoạn sms vào ô bên dưới rùi nhấn Enter :D
Chúc vui :D

Link demo : http://js.caosugiong.com/ios7-sms/

Chi tiết

[SSH - VPS] Cài đặt chức năng nén file ZIP trên vps linux

Leave a Comment
Unzip thường đã được cài sẵn trên VPS rồi nên khi muốn nén ta dùng lệnh
#zip -r ten_file.zip thu_muc_muon_zip [enter]
Nếu báo lỗi thì vps của bạn chưa cài Zip rồi.. để cài ta dùng lệnh sau :
#yum install zip [enter]
Chờ cho nó load  khi được hỏi muốn cài không thì nhấn Y[enter] để cài đặt...
Sau khi cài xong bạn gõ
#zip [enter]
sẽ thấy hướng dẫn sử dụng ..
Good luck :D
Chi tiết

[SSH] Câu lệnh xóa file, xóa thư mục bằng SSH

Leave a Comment
Để xóa cả thư mục : 
#rm -rf ten-thu-muc/ [enter]
Xóa tất cả file trong thư mục ten-thu-muc

 Xóa nhiều file cùng lúc : 
rm myFile.txt myFile1.txt myFile2.txt
Xóa tất cả file có tên bắt đầu là myFile và kết thúc là *.txt
rm myFile*.txt 
Chi tiết

[jquery Game] Light Off lấy cảm hứng từ chương trình 60s chiều nay :D

Leave a Comment
Giới thiệu :
Tình cờ chiều nay xem thời sự 60s thấy có nói đến cho người già chơi những game đơn giản có lợi cho não bộ, vì khi chơi game não sẽ hoạt động nhiều hơn... Thấy bà cụ trên TV chơi game này... thế là làm thử luôn..

Gameplay đơn giản như đan rổ... thấy đèn nào sáng thì nhấn cho nó tắt...Click đúng bạn được cộng thêm thời gian..

Nếu có ông bà thì mở cho ông bà chơi thử nhé :D

Viết = jQuery + animate.css cho hiệu ứng...
Touch/tap = jQuery mobile

Xem source trực tiếp trên file index.html

Link game : Light Off - jQuery game

Mình chưa thử ... nhưng chắc là chơi tốt trên smartphone / tablet

Chúc vui :D
Chi tiết

[jquery] Cách xác nhận mật khẩu bằng Jquery

Leave a Comment
Với đoạn jquery code sau đây các bạn sẽ validate được việc gõ mật khẩu của User có đúng hay không chỉ với vài dòng jQuery đơn giản :


//#pass là input chứa Password #repass là input nhập lại password
$("#repass").change(function(){
  var p = $("#pass").val();
  if($(this).val() != p){
    alert("Nhập lại mật khẩu không chính xác ! Vui lòng kiểm tra lại .");
    $("#repass").val("").parent().addClass("has-error");
  } else{
    $("#repass").parent().removeClass("has-error");
  }
})

Class .has-error là style border màu đỏ báo hiệu cho người dùng biết có lỗi trên form. Ở đây mình dùng với Bootstrap 3.0

Cấu trúc HTML cho Form của Bootstrap :
<!-- Password input-->
<div class="form-group">
  <label class="col-md-4 control-label" for="pass">Mật khẩu</label>
  <div class="col-md-5">
    <input id="pass" name="pass" placeholder="" class="form-control input-md" required="" type="password">
   
  </div>
</div>

<!-- Password input-->
<div class="form-group">
  <label class="col-md-4 control-label" for="repass">Nhập lại mật khẩu</label>
  <div class="col-md-5">
    <input id="repass" name="repass" placeholder="" class="form-control input-md" required="" type="password">
   
  </div>
</div>


Chúc vui  :D
Chi tiết

Trải nghiệm TTS [Text-to-speech] với Google và Neospeech

Leave a Comment
Mình khá là hào hứng và bất ngờ với kỹ thuật chuyển đổi từ văn bản sang giọng nói hiện nay..
Tình cờ tìm được trang Neospeech.com .. thấy phần demo của nó hay quá.. nhưng chạy bằng Flash...
Tìm hiểu 1 chút thì phát hiện ra Google cũng có vụ này.. nhưng giới hạn khá nhiều.. đặc biệt là giới hạn ký tự, giọng nói..

Link nghe Demo : NeoSpeech TTS demo

Lấy link về và thay đổi 1 số thứ để có thể chạy trên web app của mình..
Viết bằng jQuery với vài function đơn giản...
function speakNeo(){
    var text = $("#val").val();
    $("#sound").html('<source id="clr" src="http://208.109.168.116/GetAudio1.ashx?speaker='+voice+'&content='+encodeURIComponent(text)+'"></source>');
    $("#sound")[0].load();
    $("#sound")[0].play();

}
function speakGoogle(){
    var text = $("#val").val();
    $("#sound").html('<source id="clr" src="http://translate.google.com/translate_tts?tl=EN&q='+encodeURIComponent(text)+'"></source>');
    $("#sound")[0].load();
    $("#sound")[0].play();

}
function speakGoogleVi(){
    var text = $("#val").val();
    $("#sound").html('<source id="clr" src="http://translate.google.com/translate_tts?tl=VI&q='+encodeURIComponent(text)+'"></source>');
    $("#sound")[0].load();
    $("#sound")[0].play();

}
Link nghe Demo : NeoSpeech TTS demo
Mình mới chỉ test trên Firefox.. :D
Không biết tương lai NSpeech có thay đổi ip hay server không ?! nhưng hiện tại vẫn đang dùng tốt.. độ trễ có thể chấp nhận được .. như ở chỗ mình thì tầm 3s là có thể nghe được rồi..
Cảm ơn mọi người đã theo dõi..
Chi tiết
Thuộc VietExp.com. Được tạo bởi Blogger.