Thứ Ba, 19 tháng 12, 2017

[PHP Cơ Bản] Cài đặt PHP 7 trên windows

PHP sau nhiều năm cũng đã tới được version 7 rồi. Một thời nó đã từng là xu hướng trong việc xây dựng website động, mình quen biết PHP từ năm 2008 đến bi giờ.

Đễ giúp những bạn mới học và đang tìm hiểu về PHP có thể tiếp cận nhanh, và hiểu được cách hoạt động của PHP, mình sẽ viết bài hoặc quay video chia sẽ các thủ thuật lập trình PHP cho mọi người.

Thông thường người lập trình viên PHP sẽ cho website của mình chạy trên server linux. Nhưng mình vẫn có thể sử dụng Windows để học.

Video bên dưới chia sẽ cách thức cài đặt PHP trên windows nhanh nhất để có thể bắt đầu vọc PHP.



Và tiếp theo là video cài đặt composer trên windows


Các bất kì thắc mắc hay yêu cầu gì các bạn cứ thoải mái comment ngay bên dưới nhé.

Angular (v4+) Series - Những bước cơ bản - Phần 1

Thời đại internet rẻ như uống nước mía rồi. Văn chương của mình thì ngày càng tệ. Do đó sẽ hạn chế viết linh tinh lại mà chuyển qua nói linh tinh.

Đây sẽ là video bắt đầu cho series các bài chia sẽ về kinh nghiệm lập trình Angular (v4+) cho các bạn yêu thích em Angela này :)

Nội dung video sẽ bao gồm:
1. Giới thiệu qua angular
2. Cách cài đặt môi trường
3. Cách sử dụng angular-cli
4. Các tạo source skeleton với angular-cli



Mọi yêu cầu, thắc mắc hay chửi bới các bạn comment bên dưới hoặc trực tiếp trên youtube cũng dc. 

Chân thành cảm ơn tất cả các bạn đã  theo dõi.

Thứ Ba, 21 tháng 2, 2017

5 CSS Framework nhỏ gọn dành cho website của bạn

Đằng sau sự nỗi tiếng của các ông lớn như Bootstrap CSS, Blueprint, Foundation thì một số framework nhỏ được ra đời để đáp ứng nhu cầu nhanh, gọn, nhẹ, lẹ cho một số developer & designer.

Bạn chắc chắn sẽ không cần đến đầy đủ các chức năng mà các UI framework như Bootstrap cung cấp, đặc biệt là khi bạn đang làm trên các dự án nhỏ, hoặc các dự án đơn giản mà bạn chỉ muốn xong và chạy sớm nhất có thể. May mắn thay, bên ngoài có nhiều framework đủ nhỏ & đủ đơn giản để bạn có thể dùng thay thế.


Dưới đây mình sẽ liệt kê một số css framework đã được release và được cộng đồng develop review nhé.



1. min


min, là một framework nhỏ nhất trong danh sách lần này (cái tên nói lên tất cả), bao gồm hệ thống lưới 12 cột, hỗ trợ cả responsive, có sẵn button, table, icon dành cho android. min cũng support các browser đã tuyệt chủng như IE5.5 :)



2. Milligram


Milligram thì dành cho các UI hiện đại, sử dụng FlexBox cho hệ thống lưới, kích thước size hay lengths sử dụng đơn vị là "rem"



3. Pure


Pure là một dự án mở của Yahoo! Developer, nên cũng an tâm mà sử dụng :)



4. Skeleton


Skeleton mình thấy đánh giá cao, nhưng bản release gần đây nhất từ 2014 lận.

5. Bulma

Bulma một CSS framework dựa trên FlexBox


Nguồn: http://sixrevisions.com/css/small-css-frameworks/

Thứ Bảy, 18 tháng 2, 2017

Sự kết hợp giữa ảnh SVG với CSS clip-path

Đầu tiên mình xin phép nêu lên một số ví dụ để các bạn có thể hình dung được SVG với clip-path có liên quan gì với nhau nhé.

HOLA


Tiếp nè



Với kỹ thuật Clipping mình có thể qui định được vùng hiển thị của một bức ảnh với các hình thù mà mình thích.


Bức ảnh này sử dụng ảnh một con mòe làm vùng hiển thị cho background biển bên dưới.

Một số ví dụ cụ thể bạn có thể tham khảo tại link: http://bennettfeely.com/clippy/



Clippy đã hỗ trợ bạn khá nhiều shape có sẵn, trường hợp bạn muốn sử dụng một shape của riêng bạn giống ví dụ con mòe ở trên thì bạn sẽ cần phải tự tạo cho mình một ảnh con mèo bằng SVG nhé.

Để có thể tạo được các ảnh SVG như mong muốn, bạn có thể sử dụng một số tools hỗ trợ xử lý SVG như Inkscape, https://www.vectorizer.io/, http://editor.method.ac/


Tóm lại: với kỹ thuật này thay vì phải hiển thị các bức ảnh hình vuông hay chữ nhật nhàm chán, thì chúng ta có thể hiển thị chúng theo bất kỳ hình dạng nào mà chúng ta thích nhé.

! Lưu ý: Hầu hết các browser hiện đại đều hỗ trợ kỹ thuật clipping này (nhưng không phải tất cả nhẻ các bạn thân yêu)

Nếu các bạn có bất kỳ vấn đề gì thắc mắc về kỹ thuật này, thì cứ comment bên dưới mình sẽ xem xét và giải quyết cùng các bạn nhé.

Xin lỗi các bạn vì bài viết sơ sài nhé.