Một vài thủ thuật nhỏ hữu ích khi làm layout website.
Xin chào các bạn, hôm nay mình xin chia sẻ đến các bạn một vài thủ thuật nhỏ với HTML/CSS mà trong khi làm việc mình thấy khá cần thiết và hữu ích dành cho các bạn không chuyên Frontend khi làm layout website. Những thủ thuật này hy vọng có thể sẽ giúp bạn tiết kiệm thời gian và tối ưu layout ...
Chỉ mục(index) trong cơ sở dữ liệu (Phần 3)
Ở bài viết trước chúng ta đã tìm hiểu về việc sử dụng chỉ mục với toán tử bằng cũng như tìm kiếm theo khoảng. Ở bài viết lần này, chúng ta sẽ tiếp tục tìm hiểu các vấn đề thường gặp của chỉ mục khi sử dụng mệnh đề WHERE. Tuy đây là những vấn đề rất thường xuyên gặp phải nhưng dường như việc xử lí ...
Những demo CodePen thú vị cho tháng 4/2018
Cộng đồng dev web luôn có các nhà lập trình viên, nhà thiết kế tài năng luôn xây dựng những điều mới và thúc đẩy web tiến về phía trước. Có hàng trăm dự án CodePen thú vị mà mọi người chia sẻ mỗi ngày. Trong bài này, chúng tôi sẽ giới thiệu cho các bạn một số demo CodePen thú vị mà chúng tôi cho ...
Tìm hiểu về Styled-components phần 2
Như vậy chúng ta đã hiểu được nguyên lý của lớp nền chạy dưới styled-components dựa trên Tagged template literals (ES6 feature) ở kì 1. Với styled-components trong dự án giờ chúng ta sẽ có những lợi ích có thể liệt kê ra được dưới đây: Style trực tiếp trong file JS: Nhờ vậy những dumb ...
TẠO TODO LIST ĐƠN GIẢN VỚI ELM - PART 1
Mọi ứng dụng web được viết bằng elm luôn xoay quanh model - update - view. Do đó đầu tiên chúng ta cần xác định model. Trong todo list của chúng ta cần lưu4 thông tin : todos, in progress và finished và input từ người dùng nhập vào. Tiến hành khởi tạo model nào. type alias Model = { ...
Flexbox trong css
Flexbox là một kiểu dàn trang (layout mode) mà nó sẽ tự cân đối kích thước của các phần tử bên trong để hiển thị trên mọi thiết bị. Nói theo cách khác, bạn không cần thiết lập kích thước của phần tử, không cần cho nó float, chỉ cần thiết lập nó hiển thị chiều ngang hay chiều dọc, lúc đó các phần tử ...
Ruby regular expressions
Biểu thức chính quy là một công cụ hỗ trợ thực hiện tìm kiếm chuỗi hoặc các thao tác phức tạp với chuỗi, thường được tích hợp trong các công cụ soạn thảo văn bản, ngôn ngữ lập trình… và tất nhiên là Ruby cũng không ngoại lệ. Thành phần chủ chốt của biểu thức chính quy là các chuỗi tìm kiếm ...
SASS và SCSS- Bạn chọn gì? (Part 2)
Tiếp nối bài viết SASS và SCSS- Bạn chọn gì? (Part 1), hôm nay chúng ta hãy cùng xem cụ thể những ưu điểm của từng phương pháp. Mình tìm được một bài viết khá hay, xin phép được dịch và chia sẻ lại (có vấn đề gì mọi người góp ý giúp mình với) 1: Cú pháp của Sass ngắn gọn, đơn giản hơn: Thật ...
4 mức độ xác thực dữ liệu trong ứng dụng Rails bạn cần chú ý
Nếu bạn nhận một dữ liệu người dùng nhập vào trong ứng dụng của bạn, bạn cần phải xác thực nó. Khi nghĩ về xác thực (validation) trong ứng dụng Ruby on Rails chúng ta thường nghĩ đến model validation đầu tiên. Vậy còn những mức độ xác thực dữ liệu khác thì sao? Liệu model validation có phải ...
Tạo loading timeline giống Facebook
Giới thiệu Trong bài viết này mình sẽ hướng dẫn các bạn tạo loading giống như loading timeline của Facebook với HTML/CSS. Đây là kết quả của bài viết này: Có 2 hướng giải quyết cho phần loading này: C1: Tạo các lớp background gradient và cho animation cho chúng, như hình kết quả chúng ta ...
Custom Validation Rules trong Laravel 5.6 với Rule Objects và Closures
Chào các bạn, như các bạn cũng đã biết Laravel cung cấp cho chúng ta nhiều Rule để validation dữ liệu như required, integer, date, min, max, unique, .... Tuy nhiên nếu chúng ta muốn validation của mình theo các Rule mà Laravel không hỗ trợ thì sao? Để đáp ứng việc này, Laravel còn cho phép chúng ta ...
Chia sẻ một số Best Practices khi làm việc với React - Phần 1
Thông thường, chúng ta thường truyền function làm props cho component con dưới dạng inline function như sau <TestRenderComponent onHandle={() => this.onHandle(this.state.param)} /> Nhưng có một nhược điểm lớn khi bạn sử dụng cách làm trên, đó là Props onHandle của TestRenderComponent ...
Sử dụng Laravel Named Routes trong JavaScript với Ziggy
Laravel cung cấp cách linh hoạt để truy cập URL bằng cách sử route name. Vì vậy chúng ta có thể sử dụng 1 URL nào đó bằng cách gọi tên của nó và khi chúng ta muốn thay đổi lại URL thì chỉ cần thay đổi trong web.php giúp dể dàng quản lý và chỉnh sửa. Nhưng đối với URL được sử dụng trong file ...
Fractal - Transformers trong laravel thật dễ dàng viết API''s JSON đẹp hơn
Xin chào các bạn mình đã trở lại và có vẻ là ăn hại hơn trước rồi! Chắc hẳn các bạn cũng đã ít nhiều viết API rồi phải không, với API thì đa số chúng ta đều đang dump data và trả về response trực tiếp. Nó sẽ gặp một chút khó khăn và khó quản lý khi chúng ta muốn trả về những dữ liệu tuỳ chỉnh ...
Drag & Drop, Swipe to dissmiss recyclerview
Ở các bài viết trước mình đã hướng dẫn các bạn sử dụng Android Architeture Component, và Annotation. Trong bài viết lần này mình sẽ hướng dẫn các bạn một phần rất thân thuộc hơn với các bạn "Drag & Drop, swipe to dissmiss RecyclerView" Chắc hẳn các bạn đã nhìn thấy hoặc sử dụng rất nhiều thư ...
Deploy docker app lên VPS hosting
Mở đầu Hiện nay Docker đã quá nổi tiếng nên chắc có lẽ cũng không cần giới thiệu nhiều nữa. Không chỉ dừng lại ở việc mang đến môi trường phát triển đồng bộ trong quá trình xây dựng sản phẩm mà còn mang đến sự tiệm cận giữa môi trường phát triển và môi trường product. Vòng sử dụng Docker + Github ...
Crop ảnh với gem cropper-rails.
Giới thiệu Việc cắt ảnh khi tải lên đối với mọi ứng dụng là rất cần thiết. Việc ứng dụng của chúng ta có tính hợp tính năng này sẽ giúp cho người dùng có thể chọn vị trí ảnh để hiển thị lên avatar, hay ảnh nền. Hôm nay mình xin giới thiệu 1 plugin khá là hay của jQuery về việc xử lý ảnh khi tải ...
Validation EditText with Kotlin
Thông thường chúng ta hay validate các Edittext theo kiểu sau : etUser.addTextChangedListener(object: TextWatcher { override fun afterTextChanged(s: Editable?) { val content = etUser?.text.toString() etUser?.error = if (content.length >= 6) null ...
Viết game bắn chim bằng CSS Animation không cần JS
Mình tham khảo được cách viết game bằng css animation mà không cần sử dụng JS trên mạng nên giới thiệu cho những ai chưa biết ạ. (bow) Đầu tiên các bạn add html như bên dưới: <div class="wrapper"> <div class="timer"> <span></span> </div> ...
Tạo ứng dụng và thực hiện đăng nhập ứng dụng/web với tài khoản LinkedIn - Code ví dụ
Nguồn: https://stackjava.com/install/tao-ung-dung-linkedin-de-dang-nhap-thay-tai-khoan.html Tạo ứng dụng Linkedin để đăng nhập thay tài khoản (Xem thêm: Tạo ứng dụng facebook để đăng nhập thay tài khoản) (Xem thêm: Tạo ứng dụng google+ để đăng nhập thay tài khoản) Đăng nhập ứng dụng, web ...
