GSP.DEV
  • about
    • ✌️ สวัสดีครับ 😊
  • ⬜introduction
    • 🌐Web Development
      • 🖼️Frontend Developer
      • 🖥️Backend Developer
      • 🎓Full Stack Developer
      • 🚀DevOps Engineer
  • 📖Software
    • 🌐Web Development
      • Language
        • Javascript
        • TypeScript
        • PHP
        • Python
      • Runtime
        • Javascript Runtime
          • Node.js
          • Bun
      • Frontend Framework
        • CSS Framework
          • Tailwind CSS
        • Vite
        • Vue.js
          • Global API
          • Composition API
          • Single-File Component (SFC)
        • Nuxt.js
        • React.js
          • ตัวอย่างการใช้งาน React JS
        • Next.js
      • Backend Framework
        • Express.js
        • NestJS
        • Laravel
    • 🖥️Opeating System
      • Linux
        • Debian
        • Ubuntu
    • 📚Database
      • Relational Databases
        • MySQL
        • Postgres
      • Non-relational Database
        • Document
          • MongoDB
        • Key-value
          • Redis
        • Time Series
          • Prometheus
    • ⚙️Container
      • Docker
        • คำสั่ง Docker พื้นฐาน
      • LXC (Linux Containers)
        • การใช้งาน LXC
        • การใช้งาน Proxmox LXC
      • Container Runtime
        • Docker Container Runtime
        • Containerd
      • Container Orchestration
        • Docker Swarm
        • Kubernetes
    • 🛡️VPN
      • Wireguard
      • Tailscale
    • ☁️Serverless
      • Amazon S3 + Cloudfront
      • Vercel
      • Cloudflare Pages
      • AWS Lambda
    • 📦CDN
      • Cloudfront
    • 🗃️Storage
      • Amazon S3
      • MinIO
    • ✏️Content Management System
      • WordPress
    • 📷Photo Management Software
      • Immich
  • 🏭Infrastructure
    • 🌐Network
      • Firewall
      • Subnet
      • Router
      • Internet
      • Domain
      • DNS
      • Private Network
      • SDN
      • IPAM
      • Protocol
        • IP Address
        • DHCP
        • RTMP
        • TCP
        • UDP
        • HTTP
        • HTTPS
  • ⚙️Technology
    • Cloud Computing คืออะไร
    • VPN คืออะไร
    • Container
  • 🗣️เรื่องเล่า
    • การลดขนาด Image Docker
      • สำหรับ Next.js
    • รีวิว Github Copiot
  • 👨‍💻ลงโค้ด
    • Vue 3
      • การใช้งาน ref
      • การใช้งาน script setup
      • การใช้งาน await ใน script setup
Powered by GitBook
On this page

Was this helpful?

  1. Software
  2. Web Development
  3. Frontend Framework

CSS Framework

CSS Framework คืออะไร

CSS Framework คือชุดเครื่องมือที่ประกอบด้วยไฟล์ CSS และ JavaScript ซึ่งช่วยให้นักพัฒนาสามารถสร้างเว็บไซต์ได้อย่างรวดเร็วและมีประสิทธิภาพ โดยไม่ต้องเริ่มเขียนโค้ดตั้งแต่ต้น ทำให้ลดเวลาการพัฒนาและทำให้การออกแบบเว็บไซต์มีความสม่ำเสมอ

คุณสมบัติของ CSS Framework

  • Responsive Design: รองรับการแสดงผลที่เหมาะสมบนทุกอุปกรณ์

  • Grid System: จัดการรูปแบบเลย์เอาท์ได้ง่ายด้วยระบบกริด

  • Pre-designed Components: มีชุดองค์ประกอบที่ออกแบบมาแล้ว เช่น ปุ่ม ฟอร์ม และเมนู

  • Cross-browser Compatibility: ทำงานได้ดีบนเบราว์เซอร์หลายตัว

  • Customization: สามารถปรับแต่งได้ตามความต้องการ

CSS Framework ที่นิยมใช้

  • Bootstrap: มีความยืดหยุ่นและง่ายต่อการใช้งาน

  • Foundation: มอบประสบการณ์การใช้งานที่ปรับแต่งได้สูง

  • Bulma: โครงสร้างโมดูลาร์ที่ง่ายในการปรับแต่ง

  • Tailwind CSS: เน้นการปรับแต่งด้วย utility classes

  • Materialize: ออกแบบตามหลัก Material Design ของ Google

PreviousFrontend FrameworkNextTailwind CSS

Last updated 4 months ago

Was this helpful?

📖
🌐