
Z-index: Hiển thị các element đè lên nhau trong CSS
Chắc hẳn các bạn đã từng cố gắng đặt z-index cho element tuy nhiên lại không có kết quả như mong đợi. Đây là một thuộc tính tưởng chừng đơn giản nhưng đôi khi lại khá là confuse. Bài viết này sẽ giải thích rõ hơn về cách mà z-index hoạt động. Thứ tự stacking mặc định Trước tiên ta cùng xem xét ...

Một số tips, tricks khi làm việc với Android Studio
Trong bài viết này mình sẽ hướng dẫn các bạn một số tips, tricks nhỏ nhưng mang lại hiệu quả, tăng năng suất trong Android Studio, hi vọng những thông tin này sẽ hữu ích đối với các bạn Với cách highlight mặc định của them Darcula, mình không thể nhận ra loại của log. Ngoại trừ Error màu đỏ thì ...

Smart Pointer
Đặt vấn đề Chúng ta vẫn biết rằng quản lý bộ nhớ trong C++ là một vấn đề rất khó đòi hỏi phải có kiến thức nhất định và sự phân tích tốt trong quá trình lập trình vì phải tự mình giải phóng những vùng nhớ không còn được dùng nữa.Trên lý thuyết thì giải phóng bộ nhớ là delete đi vùng nhớ mà khi ...

Drag and drop data giữa nhiều UICollectionView với nhau (P1)
1. Drag and drop data trong UICollectionView Nếu chỉ đơn thuần kéo thả trong 1 collectionview duy nhất thì chúng ta có thể dùng các hàm delegate có sẵn của UICollectionView optional func collectionView(_ collectionView: UICollectionView, moveItemAt sourceIndexPath: IndexPath, ...

Giới thiệu Motion Layout Phần 2
Trong phần 2 này chúng ta sẽ tiếp tục MotionLayout qua một vài example, giới thiệu về custom attribute, image operations và keyframes. Example 3: Custom attribute Trong phần 1 chúng ta đã tạo MotionLayout với MotionScene. Chúng ta có thể lợi dụng điều này để chỉ định transition trên các thuộc ...

Immutable object trong Javascript
Giới thiệu Thông thường, object trong JavaScript là mutable – nghĩa là trạng thái của object có thể thay đổi được. Tuy nhiên, có nhiều trường hợp bạn mong muốn object đó là immutable – trạng thái không thể thay đổi được. Bài viết này sẽ giới thiệu với bạn một vài cách tạo immutable object ...

Tạo Icon cho các ứng dụng iOS với Sketch và Xcode - Phần 3
Đây là bài dịch từ của một chia sẻ trên trang medium.com, bài viết nguồn mời các bạn xem tại đây: https://medium.com/@GabEarnsh/painless-icon-generation-for-ios-apps-with-sketch-and-xcode-part-3-c68a27b4006 Tổng quan Việc tạo ra các icon cho một ứng dụng iOS có thể mất khá nhiều thời gian. Đây ...

Tìm hiểu về Firebase Realtime Database
Realtime Database một service của Firebase. Theo định nghĩa trong tài liệu của firebase thì Realtime Database là: Store and sync data with our NoSQL cloud database. Data is synced across all clients in realtime, and remains available when your app goes offline. The Firebase Realtime Database ...

Stack là gì ?
Đầu tiên chúng ta sẽ nói qua ngắn gọn về khái niệm : stack là tập hợp các phần mềm, các công nghệ đi kèm,những thứ này gọi chung là nền tảng để 1 ứng dụng có thể hoạt động được. Cấu tạo của Stack ra sao? Một stack thường được cấu tạo bởi các thành phần: Hệ điều hành Web Server Database ...

Giới thiệu cơ bản về Wordpress
Chào các bạn, hôm nay mình xin sẽ chia sẻ một chút kiến thức về wordpress , trong bài viết này mình sẽ trả lời 4 câu hỏi (theo ý kinh nghiệm cá thôi nhé) Wordpress là gì? Đối tượng dùng wordpress là ai? Tại sao nên dùng wordpress? Ưu điểm và nhược điểm của wordpress? Wordpress là hệ ...

Laravel Dusk- giải ngố về packages hỗ trợ test browser cho laravel (p2)
Sử dụng chi tiết - Tạo Browsers : Browsers là một bộ hướng dẫn kiểm tra một số chức năng như người dùng mở trình duyệt và tương tác với trình duyệt. Ví dụ với 1 bài test xác nhận rằng người dung có thể đăng nhập vào ứng dụng thì sẽ có các bước sau : public function testLogin () { ...

Dạo đầu với CMake thông qua ví dụ
Dạo đầu với CMake thông qua ví dụ Trong bài viết này mình sẽ trình bày các ví dụ đơn giản và mang tính ứng dụng cao trong việc áp dụng CMake để xây dựng một project C++. Các ví dụ mình đều thực hiện trên Ubuntu. Tiện ích make và Makefiles cung cấp một hệ thống build mà chúng ta có thể sử ...

React.Fragment
Giới thiệu Fragment là một common pattern được giới thiệu kể từ khi React 16 ra đời. Nó cho phép bạn return nhiều element từ một component mà không làm sinh ra những DOM element ko cần thiết. render ( ) { return ( < React . Fragment > < ChildA / > ...

Hướng dẫn cách convert video và audio thông qua FFmpeg
Công việc chuyển đổi định dạng các file video và audio sang các định dạng khác nhau theo yêu cầu của khách hàng hay bạn bè nhờ vả. Anh chị em trong ngành công nghệ thông tin nói chung hay được nhờ vả lắm. Tại sao lại thế nhỉ? Đơn giản vì các bạn học ngành khác luôn coi học ngành IT là biết ...

10 ví dụ về animation thú vị trên Codepen (phần 2)
Hiện nay, các trình duyệt trên mobile đã mạnh mẽ và tuyệt vời hơn rất nhiều khi có những hình ảnh vô cùng sống động. Với việc sử dụng CSS3, chúng ta có thể tạo ra những tác phẩm, những chuyển động vô cùng thú vị mà không cần bất kỳ hình ảnh nào. Rõ ràng, điều đó đã hỗ trợ rất nhiều trong việc load ...

Sử dụng LiveData với Data Binding trong Android
Chào các bạn ! Như bạn có thể biết, trong phiên bản Android Studio mới nhất, Google đã giới thiệu hỗ trợ cho LiveData với Data Binding. Bài viết này sẽ hướng dẫn cho các bạn cách sử dụng nó trong dự án một cách nhanh nhất . Ok , bắt đầu thôi ! Đầu tiên ObservableField đã có thể được thay ...

Cơ bản về React Router (phần I )
React router là một thư viện routing mạnh, nó giúp bạn thêm screen và follow vào trong ứng dụng của bạn một cách nhanh chóng. Nó giúp cho việc đồng bộ giữa URL và những component được load vào hiển thị trên trang npx create-react-app my-app cd my-app npm start npm install --save ...

Đôi chút về CSS framework - Bulma
Bulma là một css framework, được viết bằng sass dựa vào flexbox , sử dụng css-grid for responsive và được thiết kế cho mobile first . Nó là một modular css fw, có nghĩa bạn có thể sử dụng đơn lẻ các chức năng của nó như columns, button, form… Sử dụng npm (khuyên dùng) npm ...

5 Tips Ruby on Rails có lẽ bạn chưa biết
Bài viết được dịch từ nguồn 5 Ruby on Rails Tips You Probably Don’t Know Từ khi bắt đầu làm việc với Ruby on Rails, sau nhiều năm sử dụng nó, tôi không thể ngừng tự hỏi mình đã khám phá được điều gì mới mẻ trong thế giới của Ruby. Trong bài viết này, thôi chia sẻ một loạt nội dung tôi ...

Viết code "nghệ thuật" - Phần mở đầu - Chương I (P1)
Vào một ngày đẹp trời, tôi được vào một dự án creation sau bao nhiêu năm mài đũng quần ở các dự án maintain. Tôi hì hục viết code, tập trung toàn bộ những cái kinh nghiệm code trong những dự án mình đã từng làm. Mọi thứ đều tốt đẹp cho đến khi tôi đưa anh Team lead cộm cán của dự án review: ...