
Một kỹ thuật sử dụng sự tiện lợi của Storyboard và Nib trong IOS
Như các bạn đã biết: Sử dụng Storyboard để tạo một Border chẳng phải là như dưới đây đúng không? Chỉ có cách là setting KeyPath và Type và bản thân tác giả cũng đã sử dụng cách này để thực hiện. Tuy nhiên!!! Chúng ta sẽ ko còn cần cách nhàm chán như thế này nữa mà thay vào đó sử dụng chức ...

Tối ưu Javascript để tăng tốc độ website
I. Sử dụng vòng lặp Hãy dùng vòng lặp While ,For thay cho Each trong jQuery. VD: với đoạn code đơn giản sau đây var array = new Array ( ) ; for ( var i = 0 ; i < 10000 ; i ++ ) { array [ i ] = 0 ; } console . time ( 'native' ) ; var l = array ...

Một số Animation trong Android
Để cho một ứng dụng có thể trở lên sinh động hơn với các hiệu ứng nhấp nháy, di chuyển trái phải, lên xuống hoặc thoắt ẩn thoắt hiện cho các dòng text, hay cho các hình ảnh, nút bấm, vv... chúng ta có thể sử dụng Animation cho cái thành phần đó. Chỉ cần sử dụng thêm một chút các animation đơn giản, ...

So sánh giữa Bootstrap và Material Design Lite của Google
Kể từ khi Google ra mắt Material Design cùng thời điểm giới thiệu Android 5.0, một lượng lớn frontend framework ra đời hỗ trợ cho việc xây dựng các ứng dụng web. Chúng ta đã có một số thư viện xây dựng quanh các thành phần web như MUI, Material-UI và Polymer. Đầu tháng 7 năm 2015, Google ra mắt ...

Google Fit for Android: Recording API
Như mình đã giới thiệu ở bài viết trước https://viblo.asia/bui.huu.tuan/posts/7eEREJVVMgNj, hôm nay mình sẽ hướng dẫn các bạn sử dụng chi tiết một API cụ thể của Google Fit, đó là Recording API. Nhắc lại một chút, Google Fit là một nền tảng cho phép các lập trình viên xây dựng các ứng dụng tập ...

Xây dựng trang quản lí website sử dụng rails_admin
Mở đầu Với hầu hết các trang web hiện nay, một trang admin để quản lí là không thể thiếu. Để tự tay xây dựng hoàn thiện một trang admin là không hề dễ dàng và tốn không ít thời gian. Tuy nhiên đối với những lập trình viên Ruby on Rails thì chúng ta đã có một gem rất mạnh để hỗ trợ việc này đó là ...

Immutability
Immutability is one really good concept in programming. It's really really good. Immutable means that you don't change an object state nor re-assign variable once it is created. You create a value and then after that you can only read it. If you want to modify it, you need to create a new instance ...

Tìm hiểu về Execution Context trong JavaScript
Trong bài viết trước mình có đề cập tới khái niệm Hoisting trong JavaScript, bài viết này mình sẽ đề cập tới khái niệm Execution Context, qua đó chúng ta sẽ hiểu hơn về cách thức hoạt động khi chạy code JS cũng như hiểu thêm tại sao có ra khái niệm Hoisting. Khái niệm Execution Context Khái ...

Bạn đang sở hữu vũ khí gì trong tay?
Thế giới công nghệ thông tin đang phát triển chóng mặt, và ai nắm giữ công nghệ trong tay, người đó sẽ chiến thắng. Và nếu cuộc đua tranh công nghệ là một cuộc chiến, thì một lập trình viên như bạn đang có gì trong tay? Hãy tưởng tượng, các ngôn ngữ lập trình chính là chìa khóa để thay đổi thế ...

Sử dụng Cell trong Rails
Trong mô hình MVC của Rails, mối quan hệ View - Models là rất quan trọng và có thể xây dựng nó theo OOP để việc tái sử dụng các hàm logic phức tạp trở lên dễ dàng, đồng thời giảm nhẹ và tối ưu code cho Models trong các dự án lớn. Method “partial” có lẽ đã trở lên rất quen thuộc đối ...

Upload file với gem Dragonfly
Xin chào các bạn (lay2) Trong một Web Application, upload file là một chức năng gần như không thể thiếu. Ví dụ như upload ảnh làm avatar, share video, music, hay upload các file csv, excel để xử lý,... nói chung là không thể thiếu được (yaoming) Trong Ruby on Rails, khi nhắc đến Upload, người ...

Giới thiệu về Core Image: Áp dụng bộ lọc cho ảnh
Core Image là một framework rất mạnh mẽ được đính kèm trong iOS và OS X cho phép các nhà phát triển xử lý, áp dụng bộ lọc ảnh trong ứng dụng của họ. Trên iOS, Core Image cung cấp hơn 90 bộ lọc (filter). Bên cạnh khả năng tạo hiệu ứng cho bức ảnh, Core Image còn bao gồm các API hỗ trợ cho việc nhận ...

Sử dụng gem jquery-atwho-rails để làm chức năng tag tên người dùng
1.Giới thiệu Trong bài viết này tôi xin giới thiệu cách làm chức năng tag tên người dùng khi đăng bài hoặc khi comment giống như trên facebook với phím tắt @. Để có thể làm được việc này tôi dùng gem jquery-atwho-rails. Bài viết chỉ hướng dẫn tag duy nhất phần tên của người dùng, và cũng chỉ có ...

Sửa lỗi rò rỉ bộ nhớ trong Android - OutOfMemoryError
Việc rò rỉ bộ nhớ trong Android là khá dễ xảy ra. Developer có thể không nhận ra đã để bộ nhớ bị rò rỉ mỗi ngày. Cho đến khi nhảy ra một ngoại lệ như thế này... java . lang . OutOfMemoryError : Failed to allocate a 4308492 byte allocation with 467872 free bytes and 456 KB until OOM at ...

Tìm hiểu thiết kế hướng đối tượng trong Rails Phần 3
Tìm hiểu thiết kế hướng đối tượng trong Ruby on Rails (Phần III) I. Giới thiệu Trong phần trước đã giới thiệu qua về thiết kế lớp với tiếu chí một chức năng duy nhất. Trong bài viết này, chúng ta sẽ tìm hiều quy tắc tiếp theo trong thiết kế, đó là: ** Quản lý sự phụ thuộc** II. Nguyên tắc ...

Backbone.js from Beginner to ... (Part5)
Xây dựng website quản lý sản phẩm Trong những part trước, Các kiến thức cơ bản để làm việc với Backbone đã được giới thiệu qua. Tôi tin chắc giờ là lúc bắt đầu cho một example đơn giản nào đó. Trong part này , tôi đã tạo ra một website cơ bản , sử dụng backbone. Trong ví dụ này, website chỉ ...

Code Block in Ruby
Last month, while I am working, I found that I am overlook on ruby code block. Than I myself getting confuse on how this thing work. And it take me some time to research and understand the truely power of ruby code block. Code block is the great feature which provided by ruby language, but most ...

Xây dựng ứng dụng chat đơn giản trong rails với gem websocket-rails
Bài viết này sẽ chia sẽ cách xây dựng ứng dụng web-chat đơn giản trong ruby on rails. Tôi sẽ sử dụng gem websocket-rails trên rails server , định nghĩa 2 method "client_connected" , "client_disconnected" và 1 method "new_message" để nhận message từ một máy client. Đầu tiên bạn cài gem ...

Các xu hướng thiết kế website 2016 cần phải biết
Việc thiết kế website ngày nay yêu cầu tính trực quan rất cao. Với nhiều tiêu chuẩn mới xuất hiện trong việc thiết kế. Những xu hướng mới này chính là những yếu tố tác động mạnh mẽ nhất trong ngành thiết kế web Sau đây là các xu hướng quan trọng ảnh hưởng đến việc thiết kế web trong năm 2016. ...

Shard database với activerecord-turntable
Sharding là gì? Sharding là một tiến trình lưu giữ các bản ghi dữ liệu qua nhiều thiết bị để đáp ứng yêu cầu về sự gia tăng dữ liệu. Khi kích cỡ của dữ liệu tăng lên, một thiết bị đơn ( 1 database hay 1 bảng) không thể đủ để lưu giữ dữ liệu. Sharding giải quyết vấn đề này với việc mở rộng phạm vi ...