• Network
    • Mạng cơ bản
    • Hyper-V
    • Linux
    • Windown Server 2012
  • Security
    • Basic Hacking
    • Deface
    • DDOS
    • Kali Linux / Parrot
    • SQL Injection
    • Virus-Trojan-Rat
  • Thủ thuật
    • Khóa Học Miễn Phí
    • Code
    • Mẹo Vặt Máy Tính
    • Facebook
    • Windows 7/8/10
    • Đồ Họa
    • Video
  • Software
    • Phần mềm máy tính
    • Phần mềm điện thoại
  • MMO
    • Advertisers – Publishers
    • Affiliate Program
    • Kiếm tiền bằng điện thoại
    • Pay Per Click – PPC
  • Tin tức
  • Kiến thức
AnonyViet
  • Network
    • Mạng cơ bản
    • Hyper-V
    • Linux
    • Windown Server 2012
  • Security
    • Basic Hacking
    • Deface
    • DDOS
    • Kali Linux / Parrot
    • SQL Injection
    • Virus-Trojan-Rat
  • Thủ thuật
    • Khóa Học Miễn Phí
    • Code
    • Mẹo Vặt Máy Tính
    • Facebook
    • Windows 7/8/10
    • Đồ Họa
    • Video
  • Software
    • Phần mềm máy tính
    • Phần mềm điện thoại
  • MMO
    • Advertisers – Publishers
    • Affiliate Program
    • Kiếm tiền bằng điện thoại
    • Pay Per Click – PPC
  • Tin tức
  • Kiến thức
No Result
View All Result
  • Network
    • Mạng cơ bản
    • Hyper-V
    • Linux
    • Windown Server 2012
  • Security
    • Basic Hacking
    • Deface
    • DDOS
    • Kali Linux / Parrot
    • SQL Injection
    • Virus-Trojan-Rat
  • Thủ thuật
    • Khóa Học Miễn Phí
    • Code
    • Mẹo Vặt Máy Tính
    • Facebook
    • Windows 7/8/10
    • Đồ Họa
    • Video
  • Software
    • Phần mềm máy tính
    • Phần mềm điện thoại
  • MMO
    • Advertisers – Publishers
    • Affiliate Program
    • Kiếm tiền bằng điện thoại
    • Pay Per Click – PPC
  • Tin tức
  • Kiến thức
No Result
View All Result
AnonyViet
No Result
View All Result

Share code Website ma trận Coinwink mới

Elyx13 by Elyx13
29/07/2020
in Code
0

Mục lục bài viết

  1. Thế giới diệu kỳ của CSS
  2. Giới thiệu về theme Matrix mới

Bài viết này nhằm mục đích share code website ma trận của bác coinwink. Vì vậy đọc trước bài viết này có thể làm ảnh hưởng đến trải nghiệm ma trận Coinwink của bạn. Tương tự như ai đó làm hỏng bộ phim bạn rất mong đợi bằng cách spoil kết thúc của nó vậy.

Coinwink

Các bài viết liên quan

quan tri mang co can hoc lap trinh

Làm Quản trị mạng có cần phải biết lập trình không?

26/02/2021
code shell script

Cách viết Shell Script trong Linux/Unix

17/02/2021
code python keylogger

Cách tạo KeyLogger bằng Python đơn giản nhất

14/02/2021
cach tao website onion dark web deep web

Cách tạo Website trên Dark Web và Deep Web

20/12/2020 - Updated on 21/12/2020

Đó là lý do tại sao mình đề xuất các bạn nên trải nghiệm Coinwink trước rồi sau đó quay lại đây để đọc tiếp bài viết.

Trong tài khoản Coiwink, hãy chuyển từ theme Classic sang Matrix, và bạn sẽ thấy một ma trận siêu ngầu hiện ra ngay thôi.

Thế giới diệu kỳ của CSS

Trong tháng trước, đã có rất nhiều bản cập nhật front-end được update cho Coinwink.

Tệp CSS trước đó chính xác là một mớ hỗn độn. Do 4 năm trước, rất nhiều styles mới không có cấu trúc cùng nhau ghi đè, chèn thêm vào file css.

Để sửa một file kiểu hỗn loạn như vậy cần phải mất khá nhiều thời gian. Đây là những bản fix nhỏ nhưng chúng rất tốn thời gian và hầu như chẳng có thay đổi gì xảy ra cả. Tại sao lại vậy?

Xem thêm:  Học Lập Trình Game Cần Gì? Có Khó Không? Học Bao Lâu?

Bởi vì những thay đổi này xảy ra ở sau hậu trường. Ví dụ: đã có một khu vực vô hình click/tap bự hơn cho button. Người dùng sẽ không thấy sự khác biệt, nhưng họ có thể cảm thấy điều đó bằng trực giác.

“Bạn biết những thứ bạn không thể giải thích, nhưng bạn có thể cảm nhận được nó” – Morpheus

Tất cả những thay đổi nhỏ này tạo ra trải nghiệm mượt mà và làm cho web-app giống như một ứng dụng gốc.

Coinwink đã thay đổi những gì?

  • Vô hiệu hoá khă năng zoom trên các thiết bị di động
  • Vô hiệu hoá bôi đen văn bản trên thiết bị di động
  • Tạo các vùng chạm vô hình lớn hơn cho các elements có thể click
  • Tách trạng thái :hover và :active trên PC và mobile.
  • Giảm thiệu giật lag
  • Thêm icon cho icon cho mobile, theme color,….
  • Tạo các mẫu elements tuỳ chỉnh (inputs, drop-downs, buttons, checkboxes,…) với phong cách nhất quán trên tất cả các trình duyệt
  • Tuỳ chỉnh scrollbars

Và một vài điều chỉnh ở đâu đó nữa. Một số thay đổi này được triển khai hầu hết trong các CSS frameworks, nhưng Coinwink không sử dụng framework vì các frameworks tương tự thường dẫn đến cảm giác chung hoặc nhàm chán và cũng nặng ứng dụng hơn nhiều so với việc tuỳ chỉnh CSS.

Ngoài ra, trong các bản cập nhật gần đâu, các thay đổi quan trọng về cấu trúc đã được thực hiện. Vì vậy khi nhìn từ client, chúng ta sẽ không thấy gì cả.

Xem thêm:  Hướng dẫn Lập Trình Game Với Godot Online Trên Website

Cấu trúc mới cho phép chúng ta dễ dàng thay đổi style, xây dựng các tính năng front-end, và giờ đây chúng ta đã có thể tạo thêm các theme mới.

Giới thiệu về theme Matrix mới

Theme đầu tiên được xây dựng trên Coinwink mới là Matrix.

“Ma trận ở khắp mọi nơi. Đó là tất cả xung quanh chúng ta. Ngay cả bây giờ, trong căn phòng này.” – Morpheus

Từ quan điểm dựa trên các khái niệm trên, Ma trận là một chiều khác của thực tế, hoặc mô phỏng (nếu bản thân thực tế không phải là mô phỏng). Khái niệm này có ý nghĩa sâu sắc tuỳ vào các nền văn hoá khác nhau, và điều này truyền vào chủ đề Matrix các câu chuyện và biểu tượng mới.

“Bạn uống viên thuốc đỏ – bạn sẽ ở trong Wonderland và tôi sẽ cho bạn thấy cái hố đó sâu đến đâu.” – Morpheus

Chuyến sang theme Matrix sẽ tạo ra hiệu ứng chuyển đổi sang một chiều không gian khác. Để trải nghiệm Matrix, hãy chuyển theme trong tài khoản Coinwink của bạn sang Matrix.Share code Website ma trận Coinwink mới 7 code Website matrix source code Website ma trận

Tương tự như các bản cập nhật khác, theme Coinwink Matrix cực kỳ nhẹ. Khi được kích hoạt, nó chỉ tốn thêm khoảng 20KB mà thôi.

Matrix là chủ đề đầu tiên – giới thiệu những tính năng mới. Nền động bây giờ có thể quá nổi bật, nên trong tương lai gần, nó có thể bị tắt hoặc làm cho nó ít nổi bật hơn.

Xem thêm:  SHARE file tài liệu Web Development

Các theme được lên kế hoạch cho tương lai.

Share code Website ma trận Coinwink mới 8

Để tải mã nguồn. Các bạn truy cập vào trang github của Coinwink.

Hãy cho mình biết bạn nghĩ sao về theme Matrix mới? Những chủ theme và tính năng nào khác mà bạn muốn xuất hiện trong tương lai?

Coinwink là web dự báo về giá tiền điện tử, tạo các danh sách theo dõi giá và danh mục đầu tư cho Bitcoin, Ethereum và hơn 2500 đồng tiền điện tử và tokens khác.

Các bạn đã có code mà không biết chạy web như thế nào? Hãy đọc bài viết Tạo website bằng github trong 15 phút nhé.

Tags: codecssgiao diện ma trậnhtmlma trận
Previous Post

Cách tạo Website bằng Github đơn giản trong 15 phút

Next Post

Top 5 Game sinh tồn giống PUPG Mobile được yêu thích

Elyx13

Elyx13

Có người không dám bước vì sợ gãy chân, nhưng sợ gãy chân mà không dám bước đi thì khác nào chân đã gãy.

Related Posts

code shell script
Code

Cách viết Shell Script trong Linux/Unix

17/02/2021
code python keylogger
Code

Cách tạo KeyLogger bằng Python đơn giản nhất

14/02/2021
6 ngôn ngữ lập trình Kỹ sư mạng máy tính nên học 9
Code

6 ngôn ngữ lập trình Kỹ sư mạng máy tính nên học

02/02/2021 - Updated on 03/02/2021
môi trường ảo python windows
Code

Cách thiết lập môi trường ảo Python trên Windows 10

17/01/2021
Các kiểu dữ liệu cơ bản trong Python 10
Code

Các kiểu dữ liệu cơ bản trong Python

12/01/2021
Top 5 Ngôn Ngữ Lập Trình Hacker Mũ Trắng Nên Học
Code

Top 5 Ngôn Ngữ Lập Trình Hacker Mũ Trắng Nên Học

27/11/2020 - Updated on 30/11/2020
Next Post
Top 5 Game sinh tồn giống PUPG Mobile được yêu thích 11

Top 5 Game sinh tồn giống PUPG Mobile được yêu thích

guest
guest

Website này sử dụng Akismet để hạn chế spam. Tìm hiểu bình luận của bạn được duyệt như thế nào.

0 Comments
Inline Feedbacks
View all comments

Liên hệ Quảng Cáo

Lien he AnonyViet

Đối tác

Fshare

Các bài mới

quan tri mang co can hoc lap trinh

Làm Quản trị mạng có cần phải biết lập trình không?

26/02/2021
spring sale keysoff

[Mã giảm giá]! Bản quyền Key Windows 10 giá 150k và Office 2019 giá 600k

25/02/2021
nhan 20000 tnex

Hướng dẫn nhận 1.980.000đ miễn phí từ TNEX – Ngân hàng MSB

23/02/2021
VX Student - Phần mềm quản lý học sinh khi học trực tuyến

VX Student – Phần mềm quản lý học sinh khi học trực tuyến

23/02/2021 - Updated on 25/02/2021
taskade

Các tiện ích mở rộng Chrome nâng cao hiệu suất công việc 2021

23/02/2021

Ads

Giới thiệu

AnonyViet

AnonyViet

Nơi chia sẻ những kiến thức mà bạn chưa từng được học trên ghế nhà trường!

Chúng tôi sẵn sàng đón những ý kiến đóng góp, cũng như bài viết của các bạn gửi đến AnonyViet.

Hãy cùng AnonyViet xây dựng một cộng đồng CNTT lớn mạnh nhất!

Giới thiệu

AnonyViet là Website chia sẻ miễn phí tất cả các kiến thức về công nghệ thông tin. AnonyViet cung cấp mọi giải pháp về mạng máy tính, phần mềm, đồ họa và MMO.

Liên kết

Game B52
Tải game đổi thưởng online
Chơi game bài hot 2020
Chơi game bài đổi thưởng online
Gam Víp
88vin link
RikVip

Liên hệ đặt Ads: [email protected]

Liên hệ

Email: anonyviet.com[@]gmail.com

1409 Hill Street #01-01A
Old Hill Street Police Station
Singapore 179369

Bài viết mới

  • Làm Quản trị mạng có cần phải biết lập trình không?
  • [Mã giảm giá]! Bản quyền Key Windows 10 giá 150k và Office 2019 giá 600k
  • Hướng dẫn nhận 1.980.000đ miễn phí từ TNEX – Ngân hàng MSB
  • VX Student – Phần mềm quản lý học sinh khi học trực tuyến
  • Các tiện ích mở rộng Chrome nâng cao hiệu suất công việc 2021
  • Hướng dẫn nhận 100.000đ về ZaloPay miễn phí – Phá Đảo Ngọc
  • Giới thiệu về AnonyViet
  • Liên hệ Quảng cáo
  • Privacy & Policy
  • Contact

© 2019 AnonyViet - Chúng tôi mang đến cho bạn những kiến thức bổ ích về Công nghệ.

No Result
View All Result
  • Network
    • Mạng cơ bản
    • Hyper-V
    • Linux
    • Windown Server 2012
  • Security
    • Basic Hacking
    • Deface
    • DDOS
    • Kali Linux / Parrot
    • SQL Injection
    • Virus-Trojan-Rat
  • Thủ thuật
    • Khóa Học Miễn Phí
    • Code
    • Mẹo Vặt Máy Tính
    • Facebook
    • Windows 7/8/10
    • Đồ Họa
    • Video
  • Software
    • Phần mềm máy tính
    • Phần mềm điện thoại
  • MMO
    • Advertisers – Publishers
    • Affiliate Program
    • Kiếm tiền bằng điện thoại
    • Pay Per Click – PPC
  • Tin tức
  • Kiến thức

© 2019 AnonyViet - Chúng tôi mang đến cho bạn những kiến thức bổ ích về Công nghệ.

wpDiscuz