Tổng hợp các Sublime Text Package cho Web developer

Hôm nay mình xin phép được tổng hợp lại một số package cần thiết cho Sublime Text. Và để có thể cài đặt được các package dưới đây thì sublime text của các bạn phải được cài đặt package control rồi.

Mục Lục

• 1, Emmet.
• 2, Bracket HighLighter.
• 3, Color HighLighter.
• 4, Color Picker.
• 5, SidebarEnhancements.
• 6, Git.
• 7, AdvancedNewFile.
• 8, AutoPrefixer.
• 9, HTML-CSS-JS Prettify.
• 10, DocBlockr.
• 11, CodeIntel.
• 12, AutoFileName.
• 13, JavaScript & NodeJS Snippets.
• 14, Cập nhật thêm.

1, Emmet.

Đầu tiên phải kể đến là Package Emmet. Đây là package cho phép chúng ta gõ tắt code HTML&CSS cách dùng là dùng các cú pháp gõ tắt mà emmet hỗ trợ sau đó ấn tab để thực hiên.

-Các bạn có thể xem các lệnh gõ tắt ở đây.

2, Bracket HighLighter.

-Đây là package giúp cho các bạn có thể dễ nhìn ra phần mở/ đóng của thẻ nằm ở chỗ nào.

3, Color HighLighter.

-Package này giúp bạn code css hay hơn bằng cách hiển thị luôn màu sắc của mã màu.

4, Color Picker.

-Package này giúp cho chúng ta có thể lấy được mã màu mà không cần dùng đến photoshop, Để mở hộp thoại chúng ta nhấn tổ hợp phím Ctrl +shift +C (package này kết hợp với package color heighlighter thì tuyệt vời).

5, SidebarEnhancements.

-Package này tạo ra các context menu với nhiều tiện ích tốt như open in browser......

6, Git.

-Package này giúp bạn có thể làm việc với GIT một cách đơn giản bằng các câu lệnh sẵn có...

7, AdvancedNewFile.

-Package này cho phép bạn lưu file một cách chuyên nghiệp hơn. Để sử dụng nhấn tổ hợp phím Ctrl + Alt +N.

8, AutoPrefixer.

-Package này rất cần thiết cho các bạn làm front-end, Nó giúp tạo ra các prefix cho các trình duyệt tương ứng.

9, HTML-CSS-JS Prettify.

-Đôi khi code của chúng ta sẽ rất lộn xộn và khó có thể đọc được, và package này giúp cho code của chúng ta được fomat lại theo đúng chuẩn. Hỗ trợ HTML, CSS, Javascript và JSON, để fomat gõ tổ hợp phím Ctrl + shift+ h.

10, DocBlockr.

-Package này cho phép các bạn tạo ra các comment đúng chuẩn.

11, CodeIntel.

-package này giúp các bạn có thể dễ dàng tìm ra các function,class,.. đang sử dụng được viết từ đâu...

12, AutoFileName.

-Package này sẽ hiển thị ra tất cả các file có trong thư mục để các bạn có thể nhúng file đơn giản hơn.

13, JavaScript & NodeJS Snippets.

-Package này giúp cho bạn có thể gõ tắt các lệnh javascript, nodejs một các nhanh chóng. ví dụ thay vì gõ console.log(obj); bạn chỉ cần gõ cl,.. xem thêm lệnh gõ tại đây

Một số thủ thuật với htaccess Mod Rewrite (chặn IP,...)

Đôi khi trong quá trình xây dựng và phát triển website, bạn cần chuyển hướng hoặc chặn truy cập từ một vài IP, 1 vài dải IP hay thậm chí 1 vài quốc gia? Bài viết này hướng dẫn bạn chuyển hướng hoặc chặn truy cập từ IP bằng mod Rewrite (.htaccess).

Cách cho phép hoặc chặn khách truy cập từ các quốc gia cụ thể bằng cách sử dụng .htaccess

Giới thiệu

Nếu bạn nhận thấy rằng bạn đang bị tấn công từ một quốc gia cụ thể hoặc chỉ muốn từ chối hoặc cho phép truy cập vào trang web của bạn từ một hoặc nhiều quốc gia, bạn có thể sử dụng tệp .htaccess để dễ dàng thực hiện điều đó. Hướng dẫn này sẽ chỉ cách sử dụng .htaccess để chặn IP của khách truy cập từ quốc gia cụ thể.

Trước khi bạn bắt đầu hướng dẫn này, bạn sẽ cần những điều sau đây:

Truy cập tài khoản cPanel hoặc FTP

Bước 1 - Mở tệp .htaccess của bạn.

Tệp .htaccess nằm trong thư mục public_html của bạn . Bạn có thể mở nó bằng File Manager trong cPanel của bạn hoặc bằng cách kết nối với tài khoản của bạn thông qua FTP Client (ví dụ FileZilla). Các hướng dẫn sau mô tả chi tiết cả hai phương thức:

Bước 2 - Tạo danh sách địa chỉ IP mà bạn muốn chặn

Bạn có thể tạo danh sách địa chỉ IP từ một quốc gia cụ thể trên trang web này: https://www.countryipblocks.net/country_selection.php

Chọn quốc gia bạn muốn chặn hoặc cho phép.
Bạn có thể chọn danh sách sẵn sàng để sao chép và dán trực tiếp vào tệp .htaccess.
Nhấp vào Tạo ACL .

Bước 3 - Sao chép danh sách được tạo thành tệp .htaccess

Như được đề xuất trên trang web - để sao chép dữ liệu trên, hãy nhấp vào trong danh sách quốc gia, nhấn CTRL + A (MAC người dùng Command + A ) để chọn tất cả dữ liệu, sau đó nhấn CTRL + C (MAC user Command + C ) sao chép. Khi dán xong dữ liệu của bạn vào tệp .htaccess của bạn bằng CTRL + V (người dùng MAC Command + V ).

QUAN TRỌNG! Nếu bạn không còn có thể truy cập vào trang web của bạn kiểm tra nếu IP của bạn không có trong danh sách chặn. Bạn có thể tìm thấy địa chỉ IP của mình tại địa chỉ whatismyipaddress.com .

Phần kết luận

Hướng dẫn này cho thấy việc chặn hoặc cho phép một quốc gia cụ thể truy cập trang web của bạn dễ dàng như thế nào bằng cách sử dụng tệp .htaccess.

Code Laravel với Sublime Text Editor

Hôm nay mình xin được giới thiệu cách coding Laravel với Sublime Text Editor và tận dụng các package của nó để code nhanh hơn.

Đối với những bạn chưa code với Sublime Text bao giờ thì tải tại trang chủ https://www.sublimetext.com/3 và cài đặt.

Fixed Background Scrolling Layout

A simple scrolling layout with fixed background images using background-attachment: fixed and a navigation. The page will scroll smoothly to the selected section.

Tổng hợp hướng dẫn về xây dựng ứng dụng lập trình web PHP

Trong bài này mình xin liệt kê các ứng dụng lập trình web PHP với các bạn của Vnfit.com gửi đến. Ứng dụng gồm các ứng dụng liên quan đến PHP, MySQL, javascrip, Jquery, Ajax… không liên quan đến các framework của PHP nhé. Ứng dụng giúp các bạn hiểu về nó nắm bắt được để xây dựng lại qua đó có thể áp dụng vào thực tế là các dự án mình đang triển khai nhé.

Lập trình ứng dụng với PHP

1. Ứng dụng đăng nhập, thoát với PHP và MySQL

2. Ứng dụng quản lý thành viên với PHP và MySQL

3. Ứng dụng thêm thành viên bằng PHP và MySQL

4. Ứng dụng sửa xóa thành viên bằng PHP và MySQL

5. Ứng dụng đếm số người Online bằng PHP

6. Hệ thống bình chọn bằng PHP và MySQL

7. Upload nhiều hình ảnh bằng PHP

8. Ứng dụng giỏ hàng bằng PHP phần 1

9. Ứng dụng giỏ hàng bằng PHP phần 2

10. Lấy feed post fanpage facebook với facebook api sdk php

11. Ứng dụng đăng nhập (Login) với facebook sử dụng PHP

12. Ứng dụng đăng nhập (Login) với Google account sử dụng PHP

13. Ứng dụng đăng nhập (Login) với Twitter sử dụng PHP

14. Ứng dụng Đăng nhập (login) với LinkedIn sử dụng PHP

15. Tìm kiếm với PHP và Ajax

16. Ứng dụng Sử dụng Google reCAPTCHA với PHP

17. Ứng dụng Autocomplete textbox sử dụng jQuery, PHP và MySQL

18. Tình khoảng cách giữa 2 địa điểm với Google Maps API và PHP

19. Kéo và thả tập tin tải lên bằng cách sử dụng PHP và DropzoneJS

20. Xuất dữ liệu sang Excel trong PHP

21. Ứng dụng Load more bằng cách sử dụng jQuery Ajax và PHP từ CSDL

22. Like và Unlike với jQuery, Ajax and PHP

23. Gửi email với nhiều file đính kèm trong PHP

24. Kéo và thả hình ảnh sắp xếp lại bằng cách sử dụng jQuery, Ajax, PHP & MySQL