Viết component CSS (phần 1)
Bạn nhìn hình dưới đây, nếu app của bạn xuất hiện nhiều khối block-grid thế này thì mình nghĩ bạn nên viết nó thành 1 component CSS. Trong phần này mình có sử dụng kiến thức về sass, nên chỗ nào các bạn không biết thì vào link này để xem, ngoài ra mình cũng sử dụng một số mixin mặc định là có sẵn, ...
Implement Tam giác ma thuật của Amazon
Tuần này mình tham gia vào nhóm hardcore, là một nhóm nghiên cứu có mục tiêu là tìm hiểu chuyên sâu về các vấn đề công nghệ, các bạn quan tâm có thể tham khảo rule của nhóm tại đây. Mỗi tuần các thành viên sẽ pick một chủ đề và cuối tuần phải có được một bài viết tổng hợp lại những gì mình tìm hiểu ...
Tạo list icon cảm xúc facebook chỉ với html/css !
Intro Series khởi tạo list icon cảm xúc của Facebook Thường thì chúng ta hay sử dụng các icon cảm xúc của facebook và nghĩ rằng có lẽ nó viết bằng javascript, thì thật ra cũng có javascript vào chổ đó nhưng ít thôi. Còn ở series này chúng ta sẽ đi tìm hiểu việc tạo ra list icon này chỉ ...
Sự khác biệt giữa (<< & +=) của việc nối chuỗi trong String
Nhìn ví dụ dưới đây: Nối chuỗi với += first_name = "Paul" name = first_name last_name = "Brian" name += last_name Bây giờ mình kiểm tra: name ==> nó trả về kết quả PaulBrian first_name ==> nó trả về kết quả Paul Nối chuỗi với << first_name = ...
Ứng dụng code review trong quá trình phát triển dự án
Áp dụng code review trong quá trình phát triển dự án sẽ mang lại lợi ích to lớn cho nhóm lập trình cũng như cho từng thành viên trong nhóm. Bài viết này sẽ giới thiệu về: Code review là gì ? Lợi ích cũng như khó khăn khi áp dụng code review. Những cách làm cho việc áp dụng code review ...
Các thủ đoạn cơ bản để dàn bố cục trang với chỉ CSS (flexbox và grid)
Trước đây việc dàn bố cục trang ( layout ) chủ yếu dựa vào những công cụ thô sơ thời đồ đá, ví dụ để cho 2 đoạn văn ở 2 bên của trang thì người ta sẽ vẽ 1 cái bảng table gồm 1 hàng 2 ô rồi nhét chữ vào các ô. Để cho một thành phần trong trang ( element ) dạt vào góc bên trái người ta dùng ...
CSS: justify menu items
Đặt vấn đề Đây là mẹo khi style một menu có thiết kế trải đều hết chiều rộng container mà số lượng item không cố định. Kiểu như: --| Menu 1 - Menu 2 - Menu 3 |-- Menu 1 nằm sát bên trái Menu 2 ở giữa Menu 3 nằm sát bên phải Menu phải chiếm trọn chiều rộng của container. Mẹo ...
Center CSS (Flex)
Trên diễn đàn đã có nhiều bài hướng dẫn CSS nhưng mình thấy vẫn thiếu một cách quan trọng đó là dùng flex. Vậy nên mình sẽ đưa ra vài ví dụ để các bạn hình dung cách dùng. À mà quên mọi người nếu có thời gian vào vote giùm mình xem bao nhiêu coder còn support IE <11 vì hầu như chỉ có mỗi thằng ...
Cài đặt Ruby on Rails trên Mac OS
Cài đặt Homebrew Đầu tiên chúng ta cần phải cài đặt Homebrew. Homebrew cho phép chúng ta cài đặt và biên dịch các gói phần mềm dễ dàng hơn từ nguồn. Dòng lệnh cài đặt Homebrew rất đơn giản. Trong quá trình cài đặt nếu máy tính yêu cầu cài thêm XCode CommandLine Tools thì các bạn hãy chọn ...
Sự khác nhau của == , ===, eql?, equal?
==, ===, eql?, equal? Những cái này đều để so sánh vậy nó khác nhau cái gì nhỉ? Mình sẽ giải thích ở đây, theo cách hiểu của mình không trích dẫn từ nguồn nào hết. Vì vậy nếu có gì không đúng mọi người góp ý cho mình với nha. 1) == Kiểm tra cùng giá trị hay không 2) === Nó cũng ...
Cách tạo 1 Hybird App sử dụng HTML, CSS, JS
Có bao giờ bạn có suy nghĩ là sẽ cho ra đời 1 sản phẩm app sử dụng những ngôn ngữ của web (HTML, CSS, JS) chưa. Dùng ngôn ngữ của web để xây dựng nên 1 mobile app --> cái này gọi là Hybrid app ( nôm na là giao thoa giữa mobile web app và native app) Hiện nay thì có nhiều framework hỗ trợ cho ...
Có thể bạn biết rồi: CSS Arrow
Mình xin tiếp tục series bài viết "Có thể bạn biết rồi" , lần này mình sẽ lại nói về một vấn đề được nhiều người biết tới nhưng mình nghĩ ít ai hiểu rõ nguyên lý đằng sau nó, đó là CSS Arrow Nếu bạn chưa biết, thì CSS Arrow là một kĩ thuật giúp tạo ra một hình tam giác/mũi tên đính vào ...
Bài học đau đớn khi chập chững CSS + Kinh hoàng bài tập Tribute Page trên freecodecamp
Bài này không nhằm chê freecodecamp, thậm chí còn khen nhé :v Trong bài có sử dụng sự trợ giúp của các bạn Hồ Xuân Diễn, Robin Huy, Anh Nguyễn, Da Peng, Nguyễn Quốc Đại. (no particular order) 1.1 Kinh hoàng thứ nhất, Challenge này có vẻ đến quá đột ngột, người học mới chỉ được học qua ...
Cơ bản ngôn ngữ Crystal cho dân Ruby - Phần 1
Không thể phủ nhận là trong 5 năm đổ lại đây ngôn ngữ Ruby với cú pháp dễ học, cộng đồng và thư viện đồ sộ đã giúp nó lên ngôi trong mảng ứng dụng web. Tôi cũng mong là Ruby có thể giải quyết hết mọi thứ một cách nhanh và hiệu quả nhưng tiếc là Ruby không phù hợp để giải quyết các tác vụ đòi ...
Viết trình download có thanh tiến trình với ruby
Khi làm việc với Ruby và Rails, có lẽ không ít lần các bạn đã gặp các tác vụ download file về server của mình. Ruby hỗ trợ nhiều công cụ download khác nhau, từ đơn giản đến phức tạp, như Net::HTTP, OpenURI hay Mechanize, ... Tuy nhiên, các thư viện này không có sẵn chức năng hiển thị tiến trình ...
Top 6 “trường dạy code” cho các developer | Từ coder đến developer
Là một developer, việc học 1 ngôn ngữ, công nghệ mới là "chuyện thường ở huyện". Mình đã từng chia sẻ một số hướng tiếp cận ngôn ngữ, công nghệ ở bài trước. Bài viết này sẽ giới thiệu 1 số "trường code" online . Các trường này cung cấp bài giảng online dưới dạng video (có hoặc không có phụ đề), ...
Cách tạo 1 database với Lotus Framework
Tiếp tục bài viết lần trước về Bắt đầu một application với Lotus Framework chúng ta sẽ tìm hiểu thêm từng bước để xây dựng được 1 ứng dụng. Ở bài này mình xin đi vào việc sử dụng sqlite để tạo database, áp dụng lotus-model để tạo entity, sử dụng repository để giao tiếp với database và mapping dữ ...
Responsive CSS square with centered text
Sau đây là cách để tạo một square div và canh giữa theo chiều dọc bằng css. Đây là cách làm rất hay, hỗ trợ được những browser đời cũ như IE8 mà ko cần phải dùng javascript. Square div HTML <div class='square-box'> <div class='square-content'>Nội dung ở ...
Tự tạo dịch vụ thu gọn url với sinatra và redis
Mở đầu Chắc hẳn các bạn đã biết về các dịch vụ rút gọn url, điển hình là bit.ly. Mục đích của dịch vụ này là nhằm thu gọn là những url rất dài để tiết kiệm chữ (cho những dịch vụ giới hạn về số kí tự như twitter chẳng hạn) và để cho url nhìn gọn hơn. Cơ chế của một dịch vụ rút gọn url khá đơn ...
Tạo c extension cho ruby (phần 1)
Tối ngày hôm qua bên ruby VN có tổ chức sự kiện hacknight mà mình có tham gia. Mình cùng với bạn Hoàng trong ban tổ chức đã thử tạo một C extension nhằm mục đích tìm ra các phần tử mà bị lặp lại trong Array sử dụng C extension của Ruby. Nhiều bạn nghĩ đến C extension thấy có vẻ khó khăn nhưng ...
