
Phần 1: Cùng học làm Font nào
Mọi font chữ kỹ thuật số từ miễn phí cho đến bộ font trị giá 1000 đô đều trải qua một quy trình thiết kế giống nhau. Quy trình này sẽ gây nhiều khó khăn cho một người mới bắt đầu và rất đòi hỏi sự hiểu biết các nguyên tắc typographic nền tảng. Nhưng cho dù có nói gì đi chăng nữa, việc học cách làm ...

CSS Hack các trình duyệt IE, Firefox, chrome, Safari ...
Hack CSS là rất cần thiết để giải quyết các vấn đề gây ra bởi các trình duyệt khác nhau, có những người vẫn dùng những trình duyệt cũ nên sẽ gây ra các lỗi khác nhau. Nó thường nhận để giải quyết vấn đề với Internet Explorer đặc biệt các phiên bản 6,7,8,9, và các trình duyệt như Internet Explorer, ...

20 icons loading cho website (Part 1)
Tốc độ internet ngày càng tăng giúp cho việc load 1 trang web nhanh hơn rất nhiều. Tuy nhiên trong nhiều trường hợp hay vì 1 vài lý do mà một số trang web vẫn cần 1 khoảng thời gian để có thể tải được hết nội dung của nó. Nhưng có một vấn đề là nếu để cho người dùng nhìn thấy từng phần của trang ...

Khi nào cần thực hiện Automation testing
I. Manual testing Hình thức test phổ biến từ trước đến nay đó là manual test. Một tester sẽ nhập tay các dữ liệu username, password, click button… và sau đó sẽ xem kết quả đăng nhập có thành công hay không. Đúng với ý nghĩa test thủ công, tester sẽ thực ...

Tạo một liên kết nhiều-nhiều ActiveRecord trong Ruby on Rails với has_many: through và has_and_belongs_to_many
Một trở ngại thường gặp khi xây dựng các ứng dụng web là các cơ sở dữ liệu quan hệ. Nếu không có nó sẽ rất khó để giảm số lượng dữ liệu trùng lặp cũng như tăng hiệu quả cơ sở dữ liệu tổng thể. Các mối quan hệ phổ biến nhất là: một-một, một-nhiều và nhiều-nhiều. Rails cung cấp hai cách khác nhau để ...

Hack một cuộc phỏng vấn
Mặc dù viết đơn xin việc là một kỹ năng bạn có thể giao cho người khác, phỏng vấn lại là điều chỉ có bạn có thể làm, vì vậy đó là một kỹ năng quan trọng cần thành thục. Nó cũng có thể là một trong những điều đáng sợ nhất bạn cần làm khi tìm kiếm một công việc mới. Các cuộc phỏng vấn đều có phần ...

Một vài Statement hay ho của Javascript
1 Empty Statement Trong Javascript, bạn có thể dùng một statement rỗng bằng việc sử dụng duy nhất dấu ;. Khi Javascript thực thi câu lệnh thì nó sẽ hiểu rằng đây là một câu lệnh rỗng, không có yêu cầu được thực thi. Rất ổn thay cho việc bạn phải sử dụng một sub-statement để thể hiện rằng bạn ...

Kiểm thử ứng dụng web: 8 bước hướng dẫn kiểm thử web
Kiểm thử ứng dụng web: 8 bước hướng dẫn kiểm thử web Trước khi đi vào chi tiết về các loại thử nghiệm web, chúng ta hãy xác định nhanh xem Kiểm thử web là gì. Kiểm thử web là gì? Kiểm thử Web được hiểu đơn giản là kiểm tra ứng dụng web liệu có các lỗi tiềm tàng trước khi nó được đưa vào sử ...

Handing Broken Image with “onerror”
Trong quá trình hiển thị dữ liệu lên web, vì những lý do khác nhau mà dữ liệu có thể sẽ bị lỗi hoặc được tìm thấy. Trong đó có hình ảnh, mình nhận thấy rằng việc xử lý các ảnh bị lỗi không thể hiển thị hoặc đơn giản là url không tồn tại, những vấn đề đó sẽ đi tới kết quả thường thấy như là sẽ hiển ...

Simple CSS3 transition that will wow your users
Not all elements use the transition property. We can also create highly complex animations using @keyframes, animation and animation-iteration. In this case, we’ll first define a CSS animation in your styles. You’ll notice that due to implementation issues, we need to use ...

Tìm hiểu về câu lệnh “Wait” trong Selenium WebDriver
Bài viết này mình sẽ giới thiệu với các bạn một câu lệnh rất hay sử dụng trong Selenium Webdriver, đó là câu lệnh Wait. Đối với người đã từng làm việc với Selenium Webdriver thì câu lệnh này không có gì là lạ lẫm nữa, nhưng mình cũng chắc là nhiều bạn cũng chưa hiểu rõ về câu lệnh này để có thể sử ...

Sử dụng JavaScript trong iOS project
Thông thường, JavaScript được các lập trình viên sử dụng nhiều trong phát triển web, đây là ngôn ngữ được sử dụng rất nhiều trong các trang web mà gần như trang web nào cũng dùng đến. Tuy nhiên, trong lập trình mobile (và cụ thể hơn là lập trình iOS), JavaScript hầu như không được sử dụng. Đa phần ...

Tìm hiểu về DOM và BOM trong lập trình web
Đây là bài viết đầu tiên về Javascript, mình sẽ chia sẻ với các bạn về DOM và BOM trong lập trình web. Như các bạn đã biết, trong lập trình web chúng ta có hai loại là: Website tĩnh : Là các website không có sự thay đổi về nội dung, các website này thực chất là các file *.html chứa mã được ...

jQuery Ajax Progress Bar
HTML < div class = " progress " > </ div > JAVASCRIPT var data = [ ] ; for ( var i = 0 ; i < 100000 ; i ++ ) { var tmp = [ ] ; for ( var i = 0 ; i < 100000 ; i ++ ) { tmp [ i ] = ...

Thiết kế RESTful API
Trong thế giới kết nối như bây giờ, một sản phẩm không thể đứng độc lập, và sản phẩm nào không có APIs, giống như máy tính không được kết nối Internet vậy. Việc xây dựng một API là một trong những điều quan trọng nhất bạn có thể làm để nâng cao giá trị dịch vụ của bạn. Bởi việc có một API thì ...

So sánh giữa kiểm tra phần cứng và kiểm thử phần mềm (Hardware Verification and Software Testing) - (Part1)
1- Mục đích bài viết Quá trình kiểm thử là một trong những quá trình đắt đỏ nhất trong quá trình phát triển phần mềm. Theo thống kê của Microsoft và IBM, quá trình kiểm thử phần mềm chiếm khoảng 40-80% của quá trình phát triển nói chung khi so với khoảng 20% của quá trình phát triển mã nguồn ...

AngularJS và Rails một app đơn giản
AngularJS là một thư viện của JavaScript khá là phổ biến và dễ sử dụng trong việc tạo ra các ứng dụng web hiện nay, khả năng truy xuất dữ liệu khá nhanh, giúp người dùng ít tương tác với server side nhiều hơn bằng việc chỉ cần 1 lần request lên server chúng ta đã có 1 đống dữ liệu để chơi ở cline ...

Hướng dẫn Handoffs file cho Developer một cách tối ưu ( Phần 1 )
Tôi đã có cơ hội làm việc với khá nhiều Developer, UI/UX Designer trong nhiều năm qua và tôi nhận thấy rằng sự giao tiếp giữa Designer và Developer ở khâu cuối cùng cửa dự án luôn gặp những khó khăn nhất định: File thế nào, images ra sao, định dạng file như thế nào? Hy vọng một vài hướng dẫn ...

Phân biệt về Git và GitHub
Câu chuyện về hai anh chàng lập trình viên, cùng làm dự án chung với nhau: "Có hai anh chàng lập trình viên đang cùng với nhau cùng xây dựng một phần mềm cho khách hàng. Và hai anh chàng này chọn làm việc chung với nhau bằng cách mỗi người tự viết code một ít và gửi cho nhau qua email hoặc ...

Trải nghiệm đúng - hãy ưu tiên bối cảnh trong thiết kế
Thiết kế Linh động (responsive) rất quan trọng, nhưng nó không phải là tất cả và đoạn kết của tất cả. Pete Sena đến từ công ty Digital Surgeons giải thích nguyên tắc ở bản của việc bối cảnh dẫn dắt thiết kế: Bạn không thể đọc một bài viết trên thiết bị di động mà không có sự hỗ trợ từ thiết kế ...