Link hay dùng cho front end và back end là những tài nguyên không thể thiếu giúp lập trình viên học nhanh hơn, code hiệu quả hơn và tiết kiệm rất nhiều thời gian. Trong bài viết này, mình sẽ tổng hợp các link hữu ích cho front end và back end thường được sử dụng trong quá trình làm việc thực tế.

Bài viết tổng hợp các link hay dùng để code web dễ hơn.

Nếu bạn làm web, có thể tham khảo thêm bài cài đặt Xdebug để debug PHP giúp kiểm tra lỗi source code hiệu quả hơn.

Các link hay dùng cho front end và back end để thao tác với hình ảnh

• Giảm dung lượng hình ảnh: Tinypng
• Lấy icon, vector free: Flaticon
• Link lấy hình free chất lượng cao: Unsplash, Pexels
• Link tạo SVG lượn sóng: Getwaves
• Link chuyển JPG sang WEBP: Convertio
• Link down 1 ngày/hình: Pikbest
• Link down 1K px: Istockphoto
• Link hack 1K px: Downloader

Các link hay dùng cho front end và back end để thao tác với CSS

• Object-fit: Css-tricks
• Using :nth-child: Nthmaster
• 28 Css gallery: Freefrontend
• Css chữ thẳng đứng: Developer Mozilla
• Css text-stroke generator: Github
• Css Box shadow css generator: Cssmatic
• Responsive Table có th: Codepen
• Css Gradient generator: Colorzilla
• Css arrow: Cssarrowplease
• Css Transform Generator: Css3gen
• Css các hình bằng border: Css-tricks
• 24 css Select box: Freefrontend
• Accordion css: Codepen
• 30 css hover effect for Button: Simbyone
• 62 Css Timelines: Freefrontend
• Hover Effect Images: Tympanus
• Css clip-path: Bennettfeely
• Muli-color background: Codepen
• Calculator px to wv: Pxtovw
• Link cover px sang em: Pxtoem
• Link cover px sang rem: Daniellamb
• Magnific Popup CSS3-based animation effects: Codepen, Dimsemenov

Các link hay dùng cho front end và back end để thao tác với WordPress

• Tất cả tham số trong WP_Query: Gist Github
• Sắp xếp Category, Post trong WordPress dùng plugin: Wpcompendium
• Link tạo theme child: Childtheme Generator
• Link Creat GenrateWP: Generatewp

Thao tác với Javascript

• Jquery Form Builder: Jqueryform
• Parallax: Github
• Phân trang bằng Pagination.js: Pagination
• Biều đồ tròn bằng html css: Zurb
• Link số chuyển động: Github Hubspot
• Link Animate Text: Textillate
• Link Cover Html JSX Compiler: Magic Reactjs
• Link hiệu ứng đánh chữ: Into The Program
• Tạo Alert: Github, Kamranahmed
• Table JS: Datatables
• Custom editor JS: Summernote
• Custom select JS: Select2

Thao tác với HTML

• Tạo bảng html online: Tablesgenerator

Thao tác với giao diện

• Trang phối màu: Colourlovers, Color Adobe
• Cover font dùng cho font-face: Transfonter
• Thiết kế banner động bằng Adobe Animate CC: Youtube

Trang download

• Tải video free dùng website: Coverr

Thao tác với mail

• Create beautiful emails px: Unlayer

Giả lập

• Giả lập ios online: Appetize

Thao tác với SQL

• Vẽ sql online: Dbdiagram

Web cá nhân

• Chia sẽ kiến thức hay về code : Waiting Belugaweb
• Get link PC to SP : Tomytom