Blog - Page 3 of 6 - Giải pháp thiết kế web

May42022 by adminNo Comments

Chuyển Nhà Website WordPress Lên Docker

Docker

Có rất nhiều hướng design một ecosystem với docker, ở đây mình sẽ sử dụng docker swarm, traefik, phpmyadmin, mysql và wordpress image để thực hiện, bạn có thể google để tìm hiểu thêm Bước 1: Cài docker swarm và traefik revert proxy Đầu tiên các bạn cài docker và docker swarm theo hướng dẫn tại đây. Khi đã có docker swarm chạy dưới dạng service, bạn đã sẵn sàng cho bước tiếp theo. Hình này để minh họa cho stack thôi Bước 2: Chuẩn bị stack compose cho website Ở phần trước mình đã tạo hai network cho docker gọi là backend và proxy, hôm nay mình sẽ sử dụng hai network này để làm việc với stack. Chúng ta sẽ tạo stack với tên file là wordpress.yml version: "3.3"services: wordpress: image: wordpress restart: always container_name: wp environment: WORDPRE...

Nov142021 by adminNo Comments

HƯỚNG DẪN SỬ DỤNG PLUGIN VISUAL COMPOSER

Chỉnh sửa themes, Tương tác CMS website với wordpress

Sau khi bạn download plugin Visual Composer về bạn tiến hành cài đặt và kích hoạt Plugin. Dashboard > Plugins > Add New > Upload > Browse > chọn file zip bạn vừa download về > Install Now > Active plugin sau khi cài đặt. Sau khi Active plugin thì menu bên trái sẽ xuất hiện các mục như hình: Grid Elements: đây là một khái niệm mới hoàn toàn trên phiên bản mới nhất của VC (Visual Composer) cho phép khởi tạo các mẫu bố cục cho bài viết, Media theo dạng lưới. Khi bạn khởi tạo Grid Elements, bạn có thể sử dụng các mẫu có sẵn của VC để chỉnh sửa lại theo ý của mình. Concept đơn giản nhất: https://www.youtube.com/watch?v=dtAAx_r9oLM Cấu hình chung Cấu hình nội du...

Aug252021 by adminNo Comments

Cài đặt WordPress trên window với wamp

Tương tác CMS website với wordpress

WAMP là gì? WAMP hay Wampserver là một phần mềm giả lập server miễn phí, cho phép chạy thử website ngay trên máy tính cá nhân bằng Localhost. Trong hướng dẫn này chúng tôi sẽ hướng dẫn các bạn cài đặt và cấu hình PHP và MySql bằng phần mềm Wamp Server bắt đầu cho việc lập trình PHP với Cơ sở dữ liệu MySql. Được phát triển trên nền tảng LAMP, WAMP sẽ hỗ trợ người dùng nắm bắt được hiển thị trang web của mình sẽ trông như thế nào khi hoạt động trên môi trường internet. Để thực hiện điều đó, WAMP sẽ khởi chạy website của bạn qua Localhost. Localhost được ghép của 2 chữ “local” (máy tính của bạn) và “host” (máy chủ) là thuật ngữ chỉ máy chủ chạy trên máy tính cá nhân. Localhost được sử dụng để truy cập vào các dịch vụ mạng đang vận hành trên máy tính đó bằng một cổng mạng lo...

May202021 by adminNo Comments

Một số chi tiết bạn không nên bỏ qua khi mua laptop mới

Tin tức công nghệ, Tin tức tổng quát

Laptop giúp bạn hoàn thành công việc hay giải trí những lúc rảnh rỗi, nhưng việc chọn mua laptop sao cho phù hợp lại không đơn giản tí nào. Có rất nhiều yếu tố đáng lưu tâm khi mua laptop mới, nào là thiết kế, thông số phần cứng, thời lượng pin, vân vân và vân vân. Ngay cả khi chọn được chúng, vẫn còn một loạt yếu tố quan trọng khác mà nhiều người thường bỏ qua. Bài viết này xin gửi đến bạn 11 yếu tố trên laptop nên chú ý khi chọn mua theo tổng hợp của trang Makeuseof: 1. Vị trí webcam LG Gram đời cũ đặt webcam ngay trên bản lề, nhưng rất may khi đời 2018 đã mang nó về vị trí truyền thống Nghe có vẻ kỳ kỳ nhưng đúng đấy. Điều quan trọng nhất khi mua laptop hiện nay là xem webcam của nó đặt ở đâu. Nhiều nhà sản xuất để làm mỏng viền màn hình nên đã dời webcam đi chỗ ...

Apr272021 by adminNo Comments

Phép lịch sự khi đi thang cuốn. Có phải chạy nhanh sẽ giúp bạn đến đích nhanh hơn?

Tin mới, Tin tức tổng quát

Một dịp đi tàu điện ngầm ở London, các du khách nước ngoài có thể cảm thấy bất ngờ với một quy định chung tại các nhà ga trong thành phố. Theo đó, hành khách khi đi thang cuốn được khuyến cáo không leo bộ, họ chỉ nên đứng yên tại chỗ. Nhưng tại sao lại vậy? Chẳng phải cả thế giới đều đang được khuyến khích hãy vận động nhiều lên ư? Việc đi bộ trên thang cuốn có thể gây ra hậu quả gì, khiến các nhà ga nỡ lòng lấy đi 30 giây mất kiên nhẫn của bạn? Theo một nghiên cứu, khoảng 25,1% người được hỏi khác cũng thuộc tuýp người vội vã giống như bạn, họ thích leo bộ khi đi thang cuốn. Nhưng các kiến trúc sư không nghĩ rằng đó là một lựa chọn thông minh. Việc đi bộ trên thang cuốn có thể ảnh hưởng tới 74,9% những người còn lại. Hóa ra, đứng yên trên thang cuốn cũng là một phép lịc...

Apr102021 by adminNo Comments

Hướng dẫn cách thay pin CMOS cho máy tính

Mẹo vặt máy tính

Pin CMOS được dùng để cung cấp nguồn điện cho BIOS khi bạn rút nguồn ra khỏi máy tính, giúp cho BIOS lưu lại các thay đổi trong BIOS như ngày giờ trên hệ thống và các thông số khác. HƯỚNG DẪN CÁCH THAY PIN CMOS Đồng hồ máy tính chạy sai liên tục dù bạn đã cập nhật hoặc khi mở máy thấy xuất hiện như hình dưới đây là lúc bạn cần thay Pin CMOS cho máy tính. Kiểm tra BIOS Bước 1: Đầu tiên bạn cần ra cửa hàng mua 1 viên pin CMOS với giá khoảng 10.000-15.000 đồng 1 viên. Sau khi mua xong, bạn tiến hành thay pin. Bước 2: Tắt máy tính rồi mở case máy tính ra và xác định vị trí pin CMOS ở trên mainboard. Vị trí Pin CMOS Như ở trên hình, bạn có thể thấy được vị trí của pin CMOS (vòng tròn được dánh dấu đỏ). Tiếp đó bạn dùng tay để tháo pin ra và lắp pin mới vào là đư...

Apr32021 by adminNo Comments

eSIM, iSIM là gì? Chúng có ưu điểm gì so với những SIM đang sử dụng hiện nay?

Công nghệ và cuộc sống, Tin mới, Tin tức công nghệ, Tin tức tổng quát

Các smartphone hiện đại nhất hiện nay vẫn hỗ trợ công nghệ SIM thẻ truyền thống, nhưng một vài chiếc - trong đó có các sản phẩm iPhone XS, XS Max đang dần hỗ trợ chuẩn SIM mới mang tên eSIM. Không dừng lại ở đó, chỉ trong một thời gian ngắn nữa ta sẽ có một chuẩn nữa mang tên iSIM. Đầu năm nay, ARM đã công bố chuẩn iSIM - tích hợp thẳng SIM vào SoC của thiết bị, cùng với những thành phần đã có sẵn như CPU, GPU, modem mạng 4G hoặc 5G. Mặc dù sự khác biệt với eSIM là không lớn, iSIM rất có thể sẽ trở thành chuẩn chung của smartphone và các sản phẩm Internet of Things trong tương lai. So sánh eSIM và iSIM eSIM và iSIM có rất nhiều điểm tương đồng, khi cả 2 đều là chuẩn mới thay thế các thẻ SIM thay thế thông thường, được tích hợp thẳng vào smartphone, máy tính bảng và những...

Apr32021 by adminNo Comments

Lego và tuổi thơ của nhiều trẻ em trên thế giới

Công nghệ và cuộc sống, Tin mới, Tin tức công nghệ, Tin tức tổng quát

Bảo vệ tuổi thơ LEGO luôn nhấn mạnh, mọi hoạt động của họ trên hết vẫn sẽ tập trung vào sự phát triển của trẻ em. Mối quan tâm hàng đầu là làm thế nào để thông qua việc chơi, các em có thể phát triển một cách toàn diện nhất, mang lại tương lai tươi sáng nhất cho thế giới. LEGO cho rằng hiện nay vai trò của việc "chơi" vẫn đang bị đánh giá thấp, thậm chí nhiều ý kiến còn đang đánh đồng việc trẻ em thích chơi, ham chơi là biểu hiện của sự "lười biếng". Nhiều bậc phụ huynh nếu cho phép con chơi cũng vẫn có quan điểm: chơi ra chơi, học ra học. Nhưng "chơi ra chơi, học ra học" có thật sự hiệu quả? Báo cáo Play Well của LEGO cho biết, 83% trẻ em cho biết các em tiếp thu tốt hơn khi các trò chơi được đưa vào trong bài học. 93% phụ huynh và 81% các bé tin rằng nên tích hợp bài họ...

Apr12021 by adminNo Comments

Material Design là gì? (phần 2)

Giải pháp website, Nghệ thuật thiết kế web

Tiếp nối phần 1 , phần 2 sẽ nói về style guide trong Material, bao gồm màu sắc, icon, typography, hình ảnh,… 1. Màu sắc Palette màu này bao gồm loạt màu chủ đạo và những màu dùng để nhấn có thể dùng dễ thiết kế màu sắc cho ứng dụng. Tất cả màu sắc được thiết kế để đặt hài hòa với nhau. Palette màu bắt đầu từ màu chủ đạo và tiếp nối bởi dây màu để tạo nên một palette hoàn chỉnh cho Android, Web và ngay cả iOS. Google khuyến khích bạn nên sử dụng các mã màu 500 làm màu chính trong ứng dụng, còn lại là điểm nhấn. Tone màu chủ đạo Giả sử bạn lựa chọn 2 màu chủ đạo cho ứng dụng là Indigo và Pink, bạn nên giới hạn 3 tone từ bảng màu chính (Indigo) và 1 hoặc 2 màu trong bảng màu phụ (Pink). Sử dụng giá trị alpha với hệ màu RGBA Hệ màu RGBA được phát triển từ rgb(...

Apr12021 by adminNo Comments

Material Design là gì? (phần 1)

Giải pháp website, Nghệ thuật thiết kế web

Material Design là một phong cách thiết kế mới được Google giới thiệu cùng lúc với phiên bản Android 5.0 Lollipop. Phong cách thiết kế Material Design nhắm đến những đường nét đơn giản, sử dụng nhiều mảng màu đậm nổi bật, các đối tượng đồ họa trong giao diện dường như: “trôi nổi” lên. Ngoài ra, nó còn bao gồm cả những hiệu ứng chuyển động tự nhiên khi các nút, menu hiện diện trên màn hình. Tất cả đều nhằm mang lại cho người dùng trải nghiệm mới mẻ hơn, thú vị hơn và gần giống đời thực hơn. Material Design - một phong cách thiết kế giao diện mới của Google. SƠ LƯỢC VỀ MATERIAL DESIGN Chúng ta có thể tưởng tượng các phần mềm được xây dựng dựa trên Material Design giống như nhiều tờ giấy khác nhau, mỗi tờ có một màu và bản thân nó tồn tại như một lớp riêng. Khi bạn chồng các ...