คุณ @pornprom จาก @nectecacademy ให้กระผมมาตั้งกระทู้เปิดประเด็น กระผมก็มาเปิด

คงไม่สมบูรณ์นัก เดี๋ยวให้ท่านอื่นๆ มาช่วยเติมละกันครับ

หลังจากคืนใน BarcampBangkok3 ที่เราจัด CMS Showdown กันไป ก็พบว่า แม้จะทำให้เว็บนำเสนอข้อมูลออกมาได้ แต่มันยังไม่ใช่ธีมที่สมบูรณ์ เพราะหากจะทำให้เป็นแม่แบบนั้น ควรประกอบด้วย

ทำอะไร?

1. Design (ซึ่งตอนนี้เสร็จแล้ว) 2. XHTML & CSS (ยังไม่เรียบร้อย) 3. คู่มือ CSS เพื่ออธิบายโครง CSS (ยังไม่ได้ทำ แต่อันนี้ผมอาสาทำให้ หน้าตาจะประมาณนี้) 4. คู่มือการติดตั้งของแต่ละ CMS แบบง่าย (ยังไม่เรียบร้อย)

ซึ่งคิดว่า หากมีการระดมสมองกันในทุกทีมที่ทำด้วยกัน น่าจะเป็นประโยชน์ต่อคนอื่นๆ ทั้งผลลัพธ์ที่เป็นงาน และผลลัพท์ที่เป็น "วิธีทำงาน" (อาจจะมีบันทึกเทปแบบที่อ.วิรัชทำตอนประชุมเริ่มต้น)

ทำไปทำไม?

1. มีธีมกลางสำหรับ 3 CMS นี้ คนอื่นนำไปใช้ได้ 2. แลกเปลี่ยนเรียนรู้ในวงการ CMS 3. กราฟฟิคที่ได้ น่าจะช่วยทำให้การพัฒนาเว็บขององค์กรมีทิศทางการนำเสนอที่ชัดเจนขึ้น 4. XHTML & CSS ที่ได้ น่าจะทำให้ CMS อื่นๆ หรือระบบอื่นๆ (เช่น ระบบห้องสมุด/เว็บบอร์ด/ระบบร้านค้า ฯลฯ) นำดีไซน์นี้ไปใช้ได้ง่าย 5. ธีมที่ได้ น่าจะช่วยลดต้นทุนในการทำเว็บให้องค์กรและหน่วยงานต่างๆ 6. คู่มือที่ได้ น่าจะช่วยเป็นแม่แบบสำหรับผู้สนใจศึกษา CMS

ทำงานกันอย่างไร?

น่าจะเป็นการระดมสมอง โดยมีคนนำประชุม และคนเขียนโค้ดตามที่คนอื่นๆ เสนอ แล้วสรุปเป็นมาตรฐานเดียวกัน แต่รายละเอียดการปรับใช้ของแต่ละ CMS ให้แต่ละทีมทำเอง

หลังจากนั้น ให้แต่ละทีมทำคู่มือ (คร่าวๆ) สรุปการติดตั้งให้คนทั่วไปนำไปใช้ได้

ส่ิงที่ต้องเตรียม

1. แต่ละทีมเตรียมอุปกรณ์มาเอง (โน้ตบุ๊ก ฯลฯ) 2. ทางเนคเทค น่าจะเตรียมห้องสัมมนา / โปรเจ็คเตอร์ / อินเตอร์เน็ท

ลักษณะงาน

ผมยังไม่แน่ใจว่าจะจัดแบบไหน แต่มี 2 ไอเดียครับ 1. จัดเพื่อให้แต่ละทีมทำงานอย่างเดียว ไม่สอนอะไร อันนี้ 1 วันก็น่าจะได้ 2. จัดเพื่อทำงานด้วย เสร็จแล้วสอนด้วย คือสอนว่าติดตั้งและเอาธ๊มนี้ไปใช้อย่างไร อันนี้ไม่แน่ว่าจะเป็นทำกัน 1 วันก่อน แล้วสอนอีก 0.5 - 1 วัน จะสอนขนานกันหรือสอนต่อๆ กันก็ได้

หากดูแล้วข้อไหนทำจริงได้ยากก็ทักท้วงได้เลยนะครับ

ใครมีไอเดียอะไร เชิญเสนอได้เต็มที่ครับ

Hiring! บริษัทที่น่าสนใจ

Carmen Software company cover
Carmen Software
Hotel Financial Solutions
Next Innovation (Thailand) Co., Ltd. company cover
Next Innovation (Thailand) Co., Ltd.
We are web design with consulting & engineering services driven the future stronger and flexibility.
KKP Dime company cover
KKP Dime
KKP Dime บริษัทในเครือเกียรตินาคินภัทร
Kiatnakin Phatra Financial Group company cover
Kiatnakin Phatra Financial Group
Financial Service
Fastwork Technologies company cover
Fastwork Technologies
Fastwork.co เว็บไซต์ที่รวบรวม ฟรีแลนซ์ มืออาชีพจากหลากหลายสายงานไว้ในที่เดียวกัน
Thoughtworks Thailand company cover
Thoughtworks Thailand
Thoughtworks เป็นบริษัทที่ปรึกษาด้านเทคโนโยลีระดับโลกที่คว้า Great Place to Work 3 ปีซ้อน
Iron Software company cover
Iron Software
Iron Software is an American company providing a suite of .NET libraries by engineer for engineers.
CLEVERSE company cover
CLEVERSE
Cleverse is a Venture Builder. Our team builds several tech companies.
Nipa Cloud company cover
Nipa Cloud
#1 OpenStack cloud provider in Thailand with our own data center and software platform.
Bangmod Enterprise company cover
Bangmod Enterprise
The leader in Cloud Server and Hosting in Thailand.
CIMB THAI Bank company cover
CIMB THAI Bank
MOVING FORWARD WITH YOU - CIMB is the leading ASEAN Bank
Bangkok Bank company cover
Bangkok Bank
Bangkok Bank is one of Southeast Asia's largest regional banks, a market leader in business banking
T.N. Digital Solution Co., Ltd. company cover
T.N. Digital Solution Co., Ltd.
TNDS has been involving in every first move of banking’s major digital transformation.
KBTG - KASIKORN Business-Technology Group company cover
KBTG - KASIKORN Business-Technology Group
KBTG - "The Technology Company for Digital Business Innovation"
Siam Commercial Bank Public Company Limited company cover
Siam Commercial Bank Public Company Limited
"Let's start a brighter career future together"
Icon Framework co.,Ltd. company cover
Icon Framework co.,Ltd.
Global Standard Platform for Real Estate แพลตฟอร์มสำหรับธุรกิจอสังหาริมทรัพย์ครบวงจร มาตรฐานระดับโลก
REFINITIV company cover
REFINITIV
The Financial and Risk business of Thomson Reuters is now Refinitiv
H LAB company cover
H LAB
Re-engineering healthcare systems through intelligent platforms and system design.
The Gang Technology Co., Ltd. company cover
The Gang Technology Co., Ltd.
We're a Digital Agency that helps our customers transform their business into digital with ease.
LTMH (WM) _TECH company cover
LTMH (WM) _TECH
LTMH (WM) _TECH มุ่งเน้นการพัฒนาผลิตภัณฑ์ที่สามารถช่วยพันธมิตรของเราให้บรรลุเป้าหมาย
Seven Peaks company cover
Seven Peaks
We Drive Digital Transformation
Wisesight (Thailand) Co., Ltd. company cover
Wisesight (Thailand) Co., Ltd.
The Best Choice For Handling Social Media · High Expertise in Social Data · Most Advanced and Secure
MOLOG Tech company cover
MOLOG Tech
We are Modern Logistic Platform, Specialize in WMS, OMS and TMS.
Data Wow Co.,Ltd company cover
Data Wow Co.,Ltd
We enable our clients to realize increased productivity by solving their most complex issues by Data
LINE Company Thailand company cover
LINE Company Thailand
LINE, the world's hottest mobile messaging platform, offers free text and voice messaging + Call
LINE MAN Wongnai company cover
LINE MAN Wongnai
Join our journey to becoming No.1 food platform in Thailand

latesleeper Tue, 26/05/2009 - 23:21

ผมเห็นด้วยกับทั้ง 1 และ 2 นะครับ
สิ่งหนึ่งที่ผมคิดว่าขาดไปจาก Showdown (อาจจะเพราะผมอยู่ไม่จบก็เป็นได้)
ก็คือเรื่องที่ว่า สุดท้ายแล้ว (ไม่รู้ว่า) แต่ละทีม (ไม่) ได้มาพูดคุยให้ฟังหรือเปล่า
ว่าความยากง่ายในการทำงาน ขั้นตอนในการทำงาน อุปสรรคและปัญหาเป็นอย่างไรบ้าง
เพราะผมคิดว่าจะเป็นประโยชน์มาก ที่เราจะได้เรียนรู้ checkpoint เหล่านี้
จากคนที่เก่งกว่าเราจริงๆ (อย่างน้อยเขาก็ทำมามากกว่าเรา)

ความรู้เหล่านี้มีประโยชน์ต่อผู้น้อยจริงๆ ครับ

ผมคิดว่าคนส่วนใหญ่น่าจะคิดว่าตัวเองจะไปเก็บเกี่ยวประสบการณ์มากกว่า
ผมก็อยากจะช่วยนะครับ แต่ก็ไม่แน่ใจว่าจะช่วยได้มากน้อย

แต่ก็ยินดีช่วยถ้ามีอะไรให้ผมช่วยได้ก็บอกเลยนะครับ

iMenn Tue, 26/05/2009 - 23:23

ตอนนี้ วันที่เป็นไปได้ น่าจะ 2-3 มิ.ย. ครับ

ข้อมูลเบื้องต้น

วัน : อังคารที่ ๒ หรือ พุธที่ ๓ มิ.ย. ๕๒
เวลา : ๐๙.๐๐ - ๑๗.๐๐ น.
สถานที่ : สถาบันฝึกอบรมเนคเทค (NECTEC Academy) ชั้น ๒๒B อาคารมหานครยิบซั่ม ถนนศรีอยุธยา กท. (http://www.nectecacademy.com)

contact person : @pornprom @NectecAcademy

ninekrit Tue, 26/05/2009 - 23:50

ถ้าทำคู่มือ หรือ อธิบายการนำ Theme ที่ทำเสร็จไปใช้งาน ว่าหลังจากติดตั้งแล้ว ต้อง Config อะไรตรงไหนเพื่อให้แสดงผลใน ตำแหน่งๆ ต่างๆ ที่มีใน theme นั้น อยากขออาสาสมัคร(จะเป็นไปได้ไม๊น๊อ) ที่จะช่วยลงมือทำคู่มือ โดยทีม Joomla จะเปิดหน้าจออธิบายให้ฟัง (จะได้มีส่วนร่วมกันทำ) ถ้าต้องนั่งทำเองจริงๆ ทำจากที่ไหนก็ได้แล้วส่งคู่มือไปให้ก็ได้ ผลสรุปหรืออธิบายงานที่แต่ละทีมทำ ในวันงานเราได้ session แค่ครึ่งชั่วโมง ซึ่งมันน้อยมากๆ แค่ @sugree เล่าเรื่อง Drupal คนเดียวก็หมดเวลาแล้วยังไม่ทันเข้ารายละเอียดเลย :)

มี session อธิบายขั้นตอนการนำ Theme ที่ได้ไปใช้งาน หรือ อธิบายโครงสร้างของ Theme ที่จะแจกไป ด้วย ก็น่าจะดีมากครับ

2-3 มิ.ย. น่าจะยังพอได้อยู่เหมือนกัน

iMenn Tue, 26/05/2009 - 23:57

จากคุณ latesleeper

ผมคิดว่าจัดงานแล้วได้ผลงานนั้นก็ดี แต่ถ้าได้ข้อตกลงร่วมหรือแนวพัฒนา Standard ร่วมกัน ก็น่าจะดียิ่งขึ้นอีก ^^

อันนี้ผมเห็นด้วยเลยครับ แต่ก็เข้าใจว่าถ้าจะลงลึกจริงๆ คงไม่ค่อยง่าย ที่ผมว่าทำได้และเห็นผล คือ XHTML & CSS ผมไม่คิดว่าเป็น Product นะครับ แต่มันเป็น Framework ได้เลย ทั้งการตั้งชื่อ div ต่างๆ คลาสต่างๆ การสร้าง float ของ element ต่างๆ

ส่วนคู่มือ เห็นด้วยว่าใช้พลังมาก เลยไม่ค่อยอยากให้ต้องทำเยอะ ถ้าพูดแล้วถ่ายวีดีโอ น่าจะสะดวกแก่ทุกฝ่ายครับ

mokin Wed, 27/05/2009 - 00:19

โครงการดีๆ มาอีกแล้ว ขอบคุณ @iMenn และผู้ร่วมทีมคนอื่ินๆ ที่ริเริ่มแนวคิดนี้

แต่ว่างานนี้จะมีแค่เก็บหลายละเอียดของงาน CMS Showdown อย่างเดียวเลยหรือครับ
แล้วก็ระยะเวลาในการจัดผมว่าเร็วไปน่ะถ้าจะมีกิจกรรมอื่นๆ อีกน่ะครับ (นับจากงาน #barcampbkk3)
แต่ถ้าอยากให้งานจาก CMS Showdown เสร็จเร็วๆ แล้วผมก็สนับสนุน(แรงใจ)เต็มทีเลยครับ

เห็นด้วยกับลักษณะการจัดงาน ข้อสอง ครับแล้วมีเพิ่มเติม session ที่เกี่ยว Web Standard ครับ

<mOkin>
ตรู่ว่าแล้วในโลกนี้มีปัญหา  เขาไม่ด่า ก็ชื่นชม หรือเฉยๆ
สามประเภทที่ว่านี้มิเปลี่ยนเลย  จงวางเฉยใครถือสาเป็นบ้าตาย<mOkin/>

iPattt Wed, 27/05/2009 - 00:42

ดีมากเลยครับ ผมว่าน่าจะเป็นจุดเปลี่ยนของวงการทำเว็บที่ชัดเจนที่สุด
และเป็นการปรับทิศทางความคิดทาง opensource ค่ายต่างๆในไทยได้ดี
ธีมที่เกิดขึ้น นอกจากจะเกิดประโยชน์กับวงธุรกิจแล้ว ผมว่าสำหรับราชการ
การมีธีมมาตรฐานมาจาก nectec นั้นน่าจะสั่นคลอนความเชื่อบางอย่างได้บ้าง

ผมแอบวิตกจริต ขยาดๆ เครื่องจุดเปลี่ยนของวงการทำเว็บ "ด้านราคา" ไปก่อนแล้วด้วยครับ ฮ่าๆๆ
ต่อไปการบิดงานกับส่วนงานข้าราชการอาจจะวุ่นวายขึ้นอีกนิดหนึ่ง

แต่ทั้งนี้ทั้งนั้นผมอยากเห็น[สหภาพแรงงาน]มากกว่าครับ (มีกันอยู่แล้วหรือเปล่าอะครับ)
นอกจากจะได้ผลดีในเรื่องของ[ค่าแรง]แล้ว ผมว่ามันน่าจะหมายถึงการยกระดับมาตรฐาน
ของคนที่อยู่ใน[สหภาพ]ให้มีความใกล้เคียงกัน เกิดการพัฒนาอย่างต่อเนื่องและยั่งยืนมากกว่า

มองซะไกลเลย แต่ก็ยังหวังว่าจะเป็นไปได้จริงครับ เพราะเมื่อเทียบกับอาชีพอื่นๆ
ผมว่าอาชีพนี้การมองเรื่องความเป็นเหตุเป็นผล ผมรู้สึกว่ายังน่าศรัทธากว่าอีกหลายกลุ่มอาชีพนะครับ
(ไม่ได้ว่าอาชีพอื่นๆ อันไหนเป็นพิเศษครับอย่าคิดมากไป)

ปัจจุบันการบิดงานราชการก็ยุ่งยากมากอยู่แล้วครับ :) ปัญหาคือต้นทุนส่วนใหญ่ไม่ได้มาจากค่าทำเว็บนั่นเองดังนั้นการมีมาตรฐานแห่งชาติ ธีมแห่งชาติฯลฯ จะช่วยลดต้นทุนตรงนั้นได้ เราจะได้เอาเวลาไปต่อสู้เรื่องอื่นที่ทำให้เว็บดีขึ้นแทนครับ :D

ปัจจุบันการบิดงานราชการก็ยุ่งยากมากอยู่แล้วครับ :) ปัญหาคือต้นทุนส่วนใหญ่ไม่ได้มาจากค่าทำเว็บนั่นเองดังนั้นการมีมาตรฐานแห่งชาติ ธีมแห่งชาติฯลฯ จะช่วยลดต้นทุนตรงนั้นได้ เราจะได้เอาเวลาไปต่อสู้เรื่องอื่นที่ทำให้เว็บดีขึ้นแทนครับ :D

iannnnn Wed, 27/05/2009 - 00:50

ในฐานะคนที่พลาด Barcamp ไป
(และไม่เก็ตทุกมุกที่เขาเล่นกัน จนต้องนั่งกัดปลายผ้าเช็ดหน้าด้วยความริษยา)
งานนี้ผมอยากเข้าไปช่วยบันทึกภาพบรรยากาศด้วยคนครับ
(จริงๆ คืออยากหาเรื่องไปดูมากๆ)
แต่ไม่แน่ใจว่าวันที่ 2 มิถุนา ผมจะว่างหรือเปล่า
เอาเป็นว่าจะตั้งใจติดตามครับ

iMenn Wed, 27/05/2009 - 01:39

คุณ @radiz แห่ง thaicss.com ท้วงมาว่า คู่มือ CSS ที่ผมยกตัวอย่างนั้นซับซ้อนเกินไป อันนี้ผมยอมรับโดยดีครับ ที่ให้ดูนั้นเป็นแค่ที่ผมเคยคิดจะทำระบบแบบครอบจักรวาลน่ะครับ (คล้ายๆ ว่ารองรับทุกธีมของ Multiply) ซึ่งสำหรับธีมนี้ ไม่ควรต้องซับซ้อนขนาดนั้นครับ

ส่วนคุณ @joomlacorner ได้ให้ link แนะนำเรื่อง CSS Spec มาน่าสนใจทีเดียวครับ เชิญที่ Joomla 1.5 Master CSS Ref

ninekrit Wed, 27/05/2009 - 11:20

In reply to by iMenn

อีกประเด็นหนึ่งที่พอจะนึกได้ จากที่เห็นการทำงาน และ ได้คุยกับคนทำ CMS ตัวอื่นๆ ก็คือ
หลายท่านที่นำ CMS ไป Implement ให้ลูกค้านั้น ส่วนใหญ่แล้วมักจะแก้โค้ดกันตรงๆ เพื่อให้ใช้งานกับเว็บนั้นๆ ได้ ไม่ได้คิดทำเผื่อสำหรับการนำเฉพาะ Template ไปใช้งานเผื่อสำหรับคนอื่นๆ

อาจจะเป็นความโชคดีที่บังเอิญทีม Joomla! ใส่ใจเรื่องพวกนี้และการพัฒนาให้เป็นไปตามมาตรฐานของการสร้าง Template ใช้งาน ไม่แน่ใจว่าใน CMS ตัวอื่นๆ มีลักษณะแบบนี้หรือเปล่า อยากแลกเปลี่ยนเรียนรู้สิ่งเหล่านี้เช่นกัน เผื่อว่านักพัฒนาคนไทยจะทำได้ตามมาตรฐานหรือสูงกว่ามาตรฐาน เพื่อจะได้แข่งขันกับต่างประเทศไทย คนไทยมีฝีมือไม่แพ้ต่างชาติ เพียงแต่คนไทยเราเองนี่แหล่ะที่ยังไม่ยอมรับกันเอง :)

pjmppans Wed, 27/05/2009 - 01:47

สนใจ CSS กับ web standards ครับ แต่ว่าพอเอามารวมกับ CMS แล้วขออยู่วงนอกก่อน เพราะยังไม่ได้ลงมือแตะเลยซักตัว สงสัยต้องเริ่มที่ Drupal เพราะ @sugree โฆษณาใน CMS showdown intro ซะเห็นภาพเลย

ipats Wed, 27/05/2009 - 03:04

เอ่อ.. ถามว่า ถ้าไม่ได้ใช้ CMS 3 ตัวนั้น แต่อยากไปแจมได้ไหมครับ
คือด้าน functionality ผมอาจจะมีจำกัด แต่ css ในระบบก็ค่อนข้างใช้ได้ยืดหยุ่น
แต่คิดๆ แล้ว คงไม่มีประโยชน์เท่าไหร่ Y-Y

iPAtS

iMenn Wed, 27/05/2009 - 15:32

In reply to by Pop

โดยส่วนตัวผมเห็นว่า CSS3 ยังไม่เกิดตราบใดที่คนยังใช้ IE6 อยู่ครับ

ดังนั้น ผมคิดว่าเราน่าจะยังเขียนเพื่อให้รองรับให้กว้างมากกว่า อีกหลายปีต่อไปรื้อทำใหม่ก็น่าจะถึงเวลาของ CSS3 พอดีครับ

แต่อันนี้พูดถึงการสร้างเว็บแบบทั่วๆ ไปนะครับ ถ้าสร้างเว็บเพื่อนำเสนอไอเดียหรือฟีเจอร์ใหม่ๆ ก็ใช้ CSS3 เลยก็ได้ครับ (แต่ผมเองไม่ชำนาญ แหะ แหะ)

pornprom.ateetanan Wed, 27/05/2009 - 03:24

ขอบคุณ อ.@imenn , อ. @joomlacorner , อ. @sugree และทีม ทุกท่าน ที่กรุณาเริ่มต้นงานนี้ครับ

iMenn Wed, 27/05/2009 - 12:09

คุณปกป้องได้เสนอ Showdown ก็แค่โชว์ของ อย่าให้ไปไกลกว่านั้นเลย ซึ่งตอนนี้คุณ mk พยายามเดาว่า ปัญหาคือความคิดเรื่อง "ธีมแห่งชาติ" ดังนั้น ผมเลยเสนอชื่ออื่น เช่น

ThaiTeam - ธีมทีมไทย
Ordinary - ธีมสามัญ
Esteem - ธีมซาบซึ้ง
No name - ธีมไร้ชื่อ

หากท่านใดมีไอเดียยินดีนะครับ

เราไม่เห็นด้วยเรื่อง "ธีมแห่งชาติ" แม้จะใช้ชื่ออื่นก็ตาม
เพราะแต่ละเว็บ แต่ละคนก็มีความต้องการและเอกลักษณ์ต่างกัน

ถ้าเป็นแค่ "guideline" เราเห็นด้วย

ในฐานะที่ผมเองพูดคำว่า "ธีมแห่งชาติ" ขึ้นก่อน ขออธิบายความคิดของผมในขณะนั้นนะครับ

คือผมคิดว่า มันมีเว็บหลายประเภทที่ไม่จำเป็นต้องจ้างทำ คนในองค์กรควรจะทำได้ง่ายๆ เหมือนที่บางทีเราทำป้ายแปะในห้องน้ำ/ป้ายเตือนในออฟฟิศ ฯลฯ เราเองก็ไม่น่าจะต้องจ้าง Graphic Designer มาทำ Corporate Identity ให้ หากมี PowerPoint Template ก็ควรใช้อันนั้นแล้วก็ Print ออกมาง่ายๆ (ซึ่งสวยและดูง่ายกว่าเขียนมือ)

เว็บเองก็เช่นกัน หากมันง่าย เค้าควรจะใช้ธีมสำเร็จรูปโดยไม่ต้องทำเรื่องจ้างใคร เช่น ทำเว็บสรุปการประชุม/เว็บรายงานผู้ที่สอบได้/เว็บแจ้งข่าวประกาศต่างๆ ของหน่วยงาน ฯลฯ ซึ่งสวยกว่าเขียน HTML เอง/ปรับปรุงง่ายกว่า และจะได้ไม่มีข้ออ้างว่า "ไม่มีงบทำเว็บ" (แม้ว่าคงมีข้ออ้างเรื่อง ไม่มีเวลาทำ, ไม่มีนโยบายโปร่งใส ฯลฯ อันนั้นคงเกินกำลังแก้)

แต่ผมเองก็คิดว่า คำว่า "ธีมแห่งชาติ" มันก็ดูยิ่งใหญ่เกินไปจริงๆ เลยเหลือ ThaiTeam ที่เป็นชื่อธีมในงานน่ะครับ และบอกว่าเป็นธีมฟรีจาก Thai Developers

ส่วนแนวทางการบังคับใช้ ผมเองไม่เห็นด้วยกับการบังคับใช้อยู่แล้ว มันผิดหลักการของ Open Source ที่กล่าวเรื่องอิสรภาพในการใช้งานตั้งแต่แรกแล้วครับ ดังนั้น ในความคิดของผม ธีมแห่งชาติ จึงมีความหมายเดียวกับ Guideline ในการทำเว็บของคนไทย เพื่อคนไทยน่ะครับ (ผมอาจจะลืมไปว่า "แห่งชาติ" = "บังคับใช้" ต้องขออภัยด้วยครับ)

ดูท่าทางงานนี้จะมีปัญหากับ "ชื่อ" ซึ่งสื่อถึง "แนวทาง" อยู่พอสมควร ถ้ารู้สึกยุ่งยาก ผมว่า @sugree ว่ายังไง ผมก็เอายังงั้นแหละครับ :)

giwkiw Wed, 27/05/2009 - 12:17

มันเร็วไปมั้ยค่ะ
เลื่อนไปเป็นเสาร์ อาทิตย์ กลาง ๆ เดือนหน้า หรือ ปลาย ๆ เดือนหน้าก็น่าจะดีกว่ามั้ยค่ะ

keng Wed, 27/05/2009 - 12:56

เอิ่ม วันหยุดดีไหมครับ

วันธรรมดาไม่น่าจะค่อยสะดวก T3T

iMenn Wed, 27/05/2009 - 13:07

พอดีคุณ @neung ยกประเด็นขึ้นมาว่า มันผูกกับ CMS มากไปหรือเปล่า ผมเลยเห็นว่า มันมี 2 จุดประสงค์ซ้อนกันอยู่ครับ และอาจทำให้ไม่ชัดเจนในแนวงาน นั่นคือ

  1. ทำธีมให้จบ ให้แจกได้ อันนี้ต้องการคนไม่เยอะ ไม่ใช่อารมณ์ Camp
  2. มาคุยกันเรื่อง WebStandard + CSS อันนี้สามารถทำเป็นงานใหญ่ได้ อารมณ์ BarCamp ก็ได้

ถ้าอยากได้ทั้ง 2 ข้อ ก็อาจจะทำข้อละ 1 วัน แยกกันได้ครับ

ข้อหนึ่งนั้น เป็นไปได้ไหมที่ระหว่างนี้ก่อนจะถึงวันนั้น ก็ทำไปให้เสร็จก่อนครับ แทนที่จะไปจุ้มปุ๊กกันเสียเวลากันไปอีกวันนึง แล้วใช้วันนี้ สำหรับทำเอกสารกำกับหรืออธิบายเรื่องการนำ Theme ไปใช้งาน ซึ่งส่วนนี้ใช้คนเยอะๆช่วยกันทำได้ (ข้างต้นคืออารมณ์ของการทำให้เสร็จ) อีกอารมณ์นึงคือการนำเสนอการทำงานอธิาบายโครงสร้างที่ cms แต่ละตัวทำ ประโยชน์คือ เราก็จะได้เข้าใจใน CMS ตัวต่างๆ ว่ามีโครงสร้างหรือแนวคิดอย่างไร ที่เตรียมไว้สำหรับเรื่องการทำ Theme ครับ

เห็นด้วยครับ แต่ผมคิดว่า ถ้าทีมตัด XHTML + CSS ได้คุยกันก่อน จะทำให้งานของทุกคนมีแนวทางร่วมกันได้น่ะครับ (เป็นประโยชน์ต่อผู้มาศึกษาต่อ หรือแม้แต่พวกเรากันเอง) ซึ่งจริงๆ อาจจะนัดกันนอกรอบก็ได้ครับ เย็นๆ ก็ได้ครับ

sugree Wed, 27/05/2009 - 13:23

ความหวังของผมที่คิดอยากจะเห็น CSSCamp และตอนหลังกลายมาเป็น WebStandardCamp ก็คือเพื่อแลกเปลี่ยนประสบการณ์การแปลงจาก PSD ให้กลายเป็น HTML/CSS ใครๆ ก็บอกว่ามันขึ้นกับประสบการณ์ ผมก็เห็นด้วย ประสบการณ์ล้วนๆ ซึ่ง HTML/CSS ที่ได้จะมีผลระยะยาวกับมาตรฐานทั้งหลายไปอีกนาน

วิธีทำงานก็ง่ายๆ ใช้ Design ที่เตรียมไว้แล้วเป็นตัวอย่างในการวิเคราะห์ และออกแบบ HTML/CSS ที่ไม่ขึ้นกับ CMS ซึ่งระหว่างนั้นคนที่ต้องเอา HTML ไปใช้ก็จะมีการแลกเปลี่ยน/แนะนำ/เปลี่ยนแปลง HTML เพื่อให้เข้ากันได้กับ CMS ของตนให้มากที่สุด ผมคาดว่าทุก CMS จะเรียนรู้ซึ่งกันและกันอย่างถ่องแท้ และ HTML ที่ได้จะช่วยให้เราได้โครงสร้าง HTML ที่เข้ากันได้กับทุก CMS อย่างแท้จริง นอกจากนี้เรายังได้แลกเปลี่ยนประสบการณ์ที่ต้องเก็บกันนานปี (ผมอยากเพิ่มเวเวล)

ส่วนเรื่องผลักดันให้ใครใช้ธีมอะไรยังไง เป็นประเด็นระยะยาว ขอลืมไปก่อนนะครับ

manop2522 Wed, 27/05/2009 - 13:25

เห็นด้วยครับ ผมเพิ่งสมัครเป็นสมาชิกใหม่ครับ แต่ว่าติดตามเว็บมาตลอดครับ สำหรับการจัดงานเกี่ยวกับ xhtml/css อยากให้จัดวันหยุดมากกว่าครับ
แล้วอยากทราบจุดประสงค์และจุดมุ่งหมายในการจัดการประชุมหลัก ๆ ครับ

mp3wizard Wed, 27/05/2009 - 13:36

ผมเชียร์ให้จัดวันหยุดครับ เพราะส่วนใหญ่เป็นพวกทำงานประจำกันทั้งนั้น ผมเองก็ลางานลำบากครับ ช่วงนี้งานเยอะมากมาย

GoodDy Wed, 27/05/2009 - 15:31

ผมว่าอาจจะให้ เกาะกลุ่มกันทำอะครับ เช่น มีโปรเจคเตอร์ฉายภาพ ว่าคนแก้ๆอะไรอยู่บ้างอะครับ คนที่รู้ก็จะได้ช่วยกัน พูดคุยกันว่า "ทำไมแก้ตรงนั้น ทำไมไม่แก้ตรงนั้น แล้วถ้าเปลี่ยนเป็นแบบนี้จะดีกว่าแบบนั้นหรือเปล่า"

เพราะอย่างคนที่เค้าอยากไปเรียนรู้ก็คิดว่าน่าจะมีบ้าง จะได้ช่วยให้เค้าเข้าใจไปด้วย ยังไงก็ถือว่าเป็นข้อเสนอแนะ นะครับ

แต่ยังไงขอเป็นวันหยุดเหมือนกันครับ

จากชื่องาน WebStandardCamp (หรือจะ Sprint) ดูๆ จากหลายความคิดเห็นแล้วน่าจะมาเป็นงาน WebStandardExperience ไปแทนน่าจะเห็นภาพกว่า เอาประสบการต่าง ๆ มาเล่าสู่กันฟังแล้วก็จัด Sprint อะไรก็ว่ากันไป นั่งคุยแลกเปลี่ยน ดูว่าแต่ละคนมีขั้นตอนการทำงานยังไง จะอัดวิดิโอหรือ blog ก็สุดแล้วแต่ แต่จัดวันหยุดจะดีมาก เพราะคนที่จะเข้าได้จริง ๆ ก็พนักงานระดับปฎิบัติการที่ทำงานประจำ ถ้าจัดวันทำงานปรกติกลัวจะเป็นคนระดับหัวหน้าไปมากกว่า และไม่ได้อะไรกลับมาเหมือนเดิม (จากหลายๆ งานที่สัมผัสมา และโดดงานไปเอง)

[update]
ชื่อสั้นว่า WebSEX มาจาก WebStandardEXperience

Ford AntiTrust’s Blog | PHP Hoffman Framework

keng Wed, 27/05/2009 - 20:05

เท่าที่ผมเข้าใจจากการไปประชุมที่ Nectec Academy ก่อน Barcamp (ไปสายอีกต่างหาก อาจจะขาดกหล่นไปหลายประเด็นต้องขออภัย)

  • เราจะมีการร่าง guideline ของการทำเว็บภาคราชการ
  • หลังจากการร่าง guideline แล้วจะมีการทำ theme สำหรับ CMS หลัก ๆ ตาม guideline ที่เราได้ร่างขึ้นมา เพื่อเป็น "ตัวอย่าง" ให้กับหน่วยงานที่ต้องการใช้ (ซึ่งเราทำกันแล้วที่ CMS Showdown -- ยังไม่เสร็จ)

อนึ่ง การเขียน guideline ต้องกินเวลามาก และต้องใช้พลังเยอะ ซึ่งเป็นการยากที่จะหาเจ้าภาพเป็นจริงเป็นจังในการทำ ผมเข้าใจว่าไม่สามารถเสร็จได้ในเวลาอันสั้น แต่เห็นมาร์คเคยบอกว่าเคยแปล guideline ของออสเตรเลีย ผมว่าเราน่าจะเอามาเป็นโครงหลัก ๆ ได้

แต่การทำให้ theme จาก CMS Showdown เป็น theme "กลาง" ผมไม่เห็นด้วยนัก เพราะผมเข้าใจว่า จริง ๆ แล้ว CMS Showdown เป็น sprint ที่ให้ทุกคนเห็นว่า ไม่ว่าจะ CMS ใด ๆ ก็สามารถทำเว็บที่หน้าตาเหมือนกันได้ แต่ตอนนี้ผมรู้สึกว่าเราจะเอา theme "กลาง" ไปให้คนอื่นใช้ โดยไม่มีทางเลือก เพราะ guideline ยังไม่ออก

ความเห็นผมคือ เราควรจะร่าง guideline ให้เกือบเสร็จเสียก่อนแล้วทำ theme ให้เป็น "ตัวเลือก" แล้วบอกว่า theme นี้เป็น theme "ตัวเลือก" ที่ compile ตาม guideline

lungkao Wed, 27/05/2009 - 20:54

+1 ให้ keng ปัญหาของการทำเว็บไม่ได้แค่ Theme อย่างเีดียว นึกถึงเว็บราชการไทย Theme เดียวกันหมดคงฮาเลยครับเพราะไม่รู้ว่าเข้าเว็บไหนอยู่ อย่าเพิ่งเรียกว่า ธีมแห่งชาติ แต่ถ้ามันจะเป็น ตัวอย่างของ มาตรฐานการทำเว็บราชการก็น่าสนใจกว่า ส่วนธีมแห่งชาตินั้นมันยากครับ ที่จะใช้คำนี้ ผมอยากให้มีการสำรวจถึงความต้องการก่อน ความเป็นจริงของเว็บราชการมันมีมากกกว่านั้น การทำความเข้าใจเป็นเรื่องสำคัญ เขียนเยอะชักงง หยุดก่อนละกันครับ

จุดตะเกียงดีกว่า สาปแช่งความมืด

ลายไทยทีม สร้างสรรค์ CMS เพื่อคนไทย
Host for Opensource CMS

iPattt Wed, 27/05/2009 - 22:46

โอีะโอ ผมดันไปใช้คำว่า ธีมแห่งชาติในโพสแรกเลย เพราะความจริงผมเองคิดตื้นไปหน่อยครับ :)
อย่างไรรอข้อสรุปจากทุกท่านอีกทีนะครับ

mokin Wed, 27/05/2009 - 23:38

สงสัยงานนี้ผมคงอดไปอีกเช่นเคย
เลยเอาอะไรมาฝาก เพื่อจะมีประโยชน์ในงานครั้งนี้
"บทความ: Wordpress Theme Development Frameworks"

อันนี้มีทีมสำหรับมือถือ carringtontheme.com

<mOkin>
ตรู่ว่าแล้วในโลกนี้มีปัญหา  เขาไม่ด่า ก็ชื่นชม หรือเฉยๆ
สามประเภทที่ว่านี้มิเปลี่ยนเลย  จงวางเฉยใครถือสาเป็นบ้าตาย<mOkin/>

platalay Thu, 28/05/2009 - 02:51

ลองคิดถึงความเป็นจริง กับการทำ web ของหน่วยงานราชการดูนะครับ

ปัญหามันไม่ได้อยู่กับคนทำซักเท่าไหร่ (กรณีว่าจ้างคนนอกมาทำ) เนื่องจากผู้จ้างยังมีความต้องการแบบเดิมๆเก่าๆผิดๆอยู่ ต่อให้คนทำเก่งขนาดไหน หรือเป็น web standard มากแค่ไหน แน่ในท้ายที่สุดคนจ้างก็ต้องการแค่ link เยอะๆ มีแว๊บๆ ยัดทุกอย่างที่ไม่เกี่ยวข้องเข้าไป เช่น ราคาน้ำมัน,หุ้น,ฟังเพลง,บลาๆๆๆ แต่ข้อมูลข่าวสารจริงๆเกี่ยวกับหน่วยงานนั้นๆ แทบไม่มีเลย

มีมาจ้างผมแบบนี้ ผมไม่รับจริงๆนะ หยิ่ง

risc Thu, 28/05/2009 - 10:00

In reply to by platalay

  • 10^10^10 ตอนทำก็บอกว่าอยากได้อะไรที่เป็นมารตฐาน อยากให้เป็นสากล แต่พอดูจริงๆแล้ว ไม่ได้ต่างอะไรจากเว็บเก่าเลย มีแบนเนอร์เยอะๆ มีข้อมูลอะไรก็ไม่รู้เยอะๆ ผมละเซ็ง

แสวงหามิใช่เพราะรอคอย เชี่ยวชาญมิใช่เพราะโอกาส ชำนาญมิใช่เพราะโชคช่วย"ดังนี้แล้วลิขิตฟ้าหรือจะสู้มานะตน"chonlatee

neungggg Thu, 28/05/2009 - 04:22

ขอโทษค่ะ ที่เราตอบสั้นไป และปกติไม่เคยตอบ เลยทำให้คุณแม่นกับคุณมาร์คเข้าใจผิดคิดว่าเรามีปัญหาไม่พอใจอะไร -_-'

คือเราคิดว่าทุกคนอยากผลักดันให้หน่วยงานราชการใช้พวก opensource หรือ CMS กันมากขึ้น
จึงจัด CMS Showdown เพื่อให้คนรู้ว่าจริงแล้ว CMS จะสามารถช่วยให้งานคุณง่ายขึ้น ลดงบประมาณการจัดทำ ฯลฯ

แต่เรากลับเห็นต่างไปกับกระบวนการทำงานปัจจุบัน (แค่เรานะ ไม่ได้หมายถึงทั้งทีม)

ประเด็นแรก : CSSCamp หรือ WebStandardCamp
หลังจากจบ CMS Showdown ก็มีการคุยกันว่าน่าจะมี CSSCamp หรือ WebStandardCamp เพื่อพูดคุยแลกเปลี่ยนเรื่องการวิเคราะห์ ออกแบบโครงสร้าง HTML/CSS แต่พอมาอ่านเนื้อหาที่ยังไม่ได้ปรับแก้กลับเน้นเรื่องการทำธีมกลาง และ CMS เราคิดว่าเหมือนกำลังหลงประเด็นกันอยู่ เราเลยแย้งไปซึ่งตอนท้ายสุกรีก็ช่วยขยายความแล้วจ้ะ ถ้าเห็นด้วยก็น่าจะต้องปรับจุดประสงค์งานกันหน่อย แต่หากไม่เห็นด้วยก็ไม่เป็นไรค่ะ

ประเด็นที่สอง : เรื่องการผลักดันให้เกิดการใช้งาน opensource หรือ CMS
เราแย้งว่าไม่เห็นด้วยกับ "ธีมแห่งชาติ" เพราะคิดว่าการมีธีมกลางเป็นการแก้ปัญหาไม่ถูกจุด
เพราะแต่ละหน่วยงานความต้องการไม่ได้เหมือนกัน ลักษณะการใช้งานก็ต่างกัน Guideline พร้อมตัวอย่างที่หลากหลาย น่าจะช่วยได้มากกว่า แล้วควรจะเพิ่มทางเลือกของ CMS ให้มากกว่าสามชนิดนี้อ่ะค่ะ (เข้าใจว่าจะเพิ่มเติมภายหลัง)
แต่พอคุณเม่นมาให้ความหมาย "ธีมแห่งชาติ" ว่าเป็น Guideline ไม่ได้"บังคับ"ใช้ ก็พอเข้าใจขึ้นบ้างแล้วค่ะ ต้องขอโทษด้วยค่ะที่ตีความผิดไป

iMenn Sat, 30/05/2009 - 19:18

In reply to by neungggg

เห็นด้วยกับคุณสุกรีและคุณหนึ่งครับ เรื่องเน้นไปทาง HTML/CSS จริงๆ ผมเองก็กล่าวถึงนะครับ (ใน ทำอะไร ข้อ 2,3 และ ทำไปทำไม ข้อ 4. ซึ่งพิมพ์ไปตั้งแต่แรกน่ะครับ) แต่อาจจะเน้นผลลัพทธ์เรื่องธีมมากไปหน่อย :P

หากเราทำ HTML/CSS เสร็จ คงมีแนวร่วม CMS อื่นๆ มาช่วยได้อีกครับ

sugree Thu, 28/05/2009 - 16:01

ใจจริงอยากได้โครง HTML/CSS ที่ยืดหยุ่นมากๆ ถึงขั้นไม่ต้องแก้ไปอีกนาน ปรับ CSS เล็กน้อยก็ทำได้ทุกอย่างที่ต้องการ

ผมตื่นแล้วครับ

manop2522 Thu, 28/05/2009 - 16:03

ผมขอพูดเรื่องเว็บราชการหน่อยครับ จริงๆแล้วเว็บส่วนใหญ่ไม่ได้ขึ้นอยู่กับคนที่ดีไชน์ coding หรือโปรแกรมเมอร์หรอกนะครับ ขี้นอยู่กับความต้องการกับความพอใจของลูกค้าเป็นส่วนใหญ่ลูกค้าส่วนน้อยที่รู้เรื่องเทคโนโลยี โปรแกรมหรืออะไรก็ตามแต่ ตัวคนที่สร้างสรรค์งานต่างหากครับที่ต้องเป็นคนแนะนำเสนอแนะและอธิบายเหตุผล และผลลัพธ์ให้กับลูกค้าต่างหากล่ะครับ ตัวอย่าง เช่น CMS ลุกค้าบางท่านไม่รู้หรอกครับว่า คืออะไร หรือ CSS/Xhtml คืออะไร web standard คืออะไร

pornprom.ateetanan Thu, 28/05/2009 - 23:05

@NectecAcademy ขอขอบคุณ ทุกๆ ความเห็นครับ เรื่องกำหนดวัน ขอไปทำการบ้านอีกนิดนะครับ พอเป็นไปได้ครับ ที่เราจะจัด css/webstandard sprint ในวันหยุดเสาร์ อาทิตย์ ครับ ขอหารือทีมงานที่เกี่ยวข้องอีกนิดครับ :-)

sexdrum Fri, 29/05/2009 - 18:47

จดลงปฏิทินละ... ถ้าว่าง ไปร่วมแน่นอนครับ

เห็นด้วยกับ @sugree ครับ อยากได้

"ใจจริงอยากได้โครง HTML/CSS ที่ยืดหยุ่นมากๆ ถึงขั้นไม่ต้องแก้ไปอีกนาน ปรับ CSS เล็กน้อยก็ทำได้ทุกอย่างที่ต้องการ"

ในมุมมองของ Joomla Template นั้น การทำ Universal Template ที่สามารถ customize แค่ css เป็นหลัก และแค่ html code อีกนิดหน่อย แล้วสามารถตอบโจทย์ได้ 90% ของกลุ่มเป้าหมายนั้น ไม่ยาก ไม่ง่ายครับ และโอกาสเป็นไปได้สูง เมื่อคืนหลังจากฟังพี่ๆ ใน FM 100.5 แล้ว ผมยังมานั่งนึกๆ เลยว่า น่าจะทำไว้ใช้เองซักอันด้วยซ้ำ อิอิ

iMenn Sat, 30/05/2009 - 19:24

In reply to by sexdrum

@sexdrum @sugree

HTML/CSS ที่ยืดหยุ่นมากๆ นั้น ในสายตาของดีไซน์เนอร์และโปรแกรมเมอร์นั้น เห็นไม่ตรงกันนะครับ (เช่น สี่เหลี่ยมขอบมน ควรมีกี่ div?) เพราะจริตของดีไซน์เนอร์ แก้กราฟฟิคไม่ใช่เรื่องใหญ่ แก้โค้ดเรื่องใหญ่ ส่วนจริตของโปรแกรมเมอร์ แก้โค้ดไม่ใช่เรื่องใหญ่ แก้กราฟฟิคเรื่องใหญ่

กำลังพยายามหาทางออกเหมือนกัน :)

sugree Sat, 30/05/2009 - 19:38

In reply to by iMenn

@markpeak มักบ่นเสมอว่า div ไม่พอ id ไม่ครบ ผมพึ่งเข้าใจถ่องแท้ก็งานนี้นี่เอง

ในกรณีนี้ความยืดหยุ่นจะอยู่ที่ HTML ถ้าโครงสร้างดีพอ เก็บรายละเอียดครบ ไม่ว่าจะอยากได้ขอบมนกี่ div ก็ไม่มีปัญหา เช่น ทำ HTML ให้มีอย่างน้อย 4 div ครอบ block รอไว้ ถ้าอยากได้มนก็ใส่ใน CSS ไม่อยากได้ก็ข้ามไป

ที่ผมสนใจก็คือโครงสร้าง HTML ที่นำกลับมาใช้ได้เรื่อยๆ ตอนนี้วิธีที่ใช้อยู่คือโครงสร้าง HTML ต้นแบบมันสะอาดจนไม่มีอะไรเลย เรียกว่าเกือบจะเริ่มกันใหม่ ถ้ามีโครงสร้างที่ซับซ้อนอีกนิดแต่ยืดหยุ่นมากๆ ก็จะช่วยให้ชีวิตสบายขึ้นมาก

iMenn Sat, 30/05/2009 - 19:57

In reply to by sugree

น่าสนใจมากครับ

แต่ปัญหาคือ ทำไมมันไม่มี Framework ดีๆ ออกมาเลย? มันยังไม่เป็น Framework ได้จริงจังหรือเปล่า? (หรืออาจจะเริ่มมีแล้วแต่ผมยังไม่เจอเอง)

ผมคิดว่า คำตอบคือจริตคนตัด HTML/CSS ครับ

ผมเห็น Template ฝั่ง Joomla มักจะตัดกัน 4 div ครับ สำหรับสี่เหลี่ยมขอบมัน ทำให้มันครอบจักวาลสำหรับโปรแกรมเมอร์ แต่คนทำ HTML จะมึนได้นิดหน่อย

ส่วนฝั่ง WordPress ชอบตัดจนเหลือ 2 div หรืออาจจะเหลือ 1 div แต่รู้กันว่าจะมีข้างในช่วย (เช่น ต้องมี h2, wp-caption ฯลฯ เสมอ) ทำให้โค้ด HTML สะอาด สวยงาม แต่ล็อกสเป็ค! คือกราฟฟิคจะต้องทำมาพอดีกับ div ซึ่งโดยจริต ผมชอบแบบนี้ซะงั้น

กับอีกปัญหาโลกแตกก็คือ IE ไม่ยอมมมมมม ฮ่าฮ่า

ปล.สนใจดูไอเดียเรื่องนี้ของผมราวปีก่อน ได้ที่ลิงก์ด้านบนครับ จะเห็นว่าไอเดียตรงกับคุณสุกรีเลยคือ ล็อก HTML แก้เฉพาะ CSS และเตรียม div ไว้ให้อย่างพอเพียง

ก๊อบมาให้คลิกอีกทีละกัน css-spec-r2.pdf

ปล 2. คุณ mk ได้ชี้แนะนำ csszengarden.com ว่าเค้าทำมาตั้งนานแล้วเฟร้ย ... แต่กระผมว่ามันยังไม่ตอบโจทย์ div แบบที่เราเจอๆ กันน่ะครับ เช่น div สำหรับเป็น Product Catalog หรือ div สำหรับเป็น Gallery มีเงาด้วย ทำนองนั้น

mk Sat, 30/05/2009 - 20:53

In reply to by iMenn

เรื่องขอบมน ผมคิดว่ามันเป็นหน้าที่ของ CSS ครับ HTML ควรทำหน้าที่เป็นแค่ structure (สำหรับ DOM) เท่านั้น

ส่วนเรื่อง IE ไม่สนับสนุนก็แก้ง่ายมาก เราไม่สนับสนุน IE!

sugree Sat, 30/05/2009 - 22:25

In reply to by iMenn

งั้นถ้าเปลี่ยนใหม่ ทำ css แบบเฉพาะจุดเตรียมไว้เป็นหลัก แล้วปรับ html ตามโจทย์ อย่างเช่น css ของสี่เหลี่ยมขอบมน ถ้าอยากให้ตรงไหนเป็นแบบนี้ก็ทำ html ตามที่เตรียมไว้ก็จบ งาน css ก็จะเหลือแต่ layout หลัก

แบบนี้มีอยู่แล้วมั๊ยครับ css framework? เค้าเรียกแบบนี้รึเปล่า

mk Sat, 30/05/2009 - 20:52

In reply to by sugree

ไม่นะ เรื่อง div ไม่พอกับ id ไม่ครบนี่เป็นคนละประเด็นกับเรื่อง 4 div ทำขอบมน

ของ Drupal นี่ในหน้าพวก admin มันจะไม่ครบจริงๆ ถัดจาก sidebar พี่ท่านอัด p เรียงลงมาเป็นชุดเลย ไม่มี container หรือบางทีก็ไม่มี id ให้ มีแต่ div เปล่าๆ

อันนี้เป็นเรื่องความใส่ใจของคนเขียน HTML output ของโมดูลมากกว่า

latesleeper Sun, 31/05/2009 - 00:10

In reply to by mk

ปัญหาการครอบ div ให้กับอะไรที่ไม่ครบนี่ จริงๆ แล้ว
ในฐานะคนทำ CSS เมื่อก่อนนี้ที่ไม่มี jQuery ก็สมควรเป็นงานจากฝั่งโปรแกรมเมอร์ครับ
แต่ถ้าสมัยนี้แล้ว ผมว่า คนทำ CSS เรียน jQuery ไว้หน่อยก็ไม่เสียหลาย
จะทำให้ความสัมพันธ์ระหว่างฝั่ง Coding กับฝั่ง Design ดีขึ้นได้อีกเยอะ
เพราะคน Coding ก็ไม่ต้องใส่โค้ดที่ไร้ความหมายในทางโปรแกรมมิ่งลงไป
ส่วนฝั่งดีไซน์ก็พะบู๊ได้เต็มที่ไม่ต้องเกรงใจโปรแกรมเมอร์ถ้าเขาไม่ว่าง
(อนึ่ง สามัญสำนึกในเรื่องการเพิ่มเติมเท่าที่จำเป็น ก็ยังเป็นส่วนที่สำคัญอยู่ดี)

ส่วนเรื่องถึงขนาดใส่มาไม่ครบในตัว CMS เองนี่ ถ้าทาง Coding แก้มาให้ก็จะดีมากนะครับ
แต่จริงๆ ผมอยากให้คนตัด CSS เผชิญสถานการณ์แบบ Default แล้วแก้ปัญหาได้เลย
จะดียอดเยี่ยมที่สุด เพราะนั่นหมายความว่าเราแทบไม่ต้องรบกวนคนอื่นเลย เพื่อให้งานเสร็จ

โดยรวมระบบการทำงานน่าจะไหลลื่นขึ้นหลายเปอร์เซ็นต์อยู่
ถ้า CSSer แก้ปัญหาส่วนของตัวเองได้ทั้งหมดด้วยตัวเอง

สวัสดีครับ.... สถานะ csscamp / webstandardcamp ตอนนี้นะครับ

๑. จัดวันเสาร์ - อาทิตย์ ได้ครับ ขอกำหนดวันแน่นอนอีกครั้ง แล้วจะเรียนให้ทราบครับ

๒. ผมจะัเป็นฝ่ายเลขานุการ เพื่อนัดหารือแกนนำ เพื่อสรุป วัน เวลา เนื้อหาที่จะคุย วิธีการดำเนินงาน csscamp / webstandardcamp ก่อน สัก ๑ ครั้ง ตอนนี้ กำลังจะกำหนดวันหารือกับแกนนำครับ

จวนสรุปได้แ้ล้วครับ อีกนิดเดียว ประกาศเชิญทุกท่านร่วม Camp ได้แล้วครับ

ขอบคุณ สวัสดีครับ

@pornprom จาก @NectecAcademy

#csscamp #webstandardcamp : Core Team มีกำหนดหารือนอกรอบร่วมกัน ที่ @NectecAcademy วันพุธที่ ๓ มิ.ย. เวลา ๑๓.๓๐ น. ห้อง ๒๒๐๒ ชั้น ๒๒B

มีความก้าวหน้า อย่างไร จะมาบอกกล่าว กันที่นี่ ครับ ...:-)
@pornprom @NectecAcademy

iMenn Wed, 03/06/2009 - 21:05

เพิ่งประชุมกันไปคร่าวๆ นะครับ เดี๋ยวน้องกล้าจะสรุปการประชุมให้นะครับ

คุณพัชบันทึกภาพไว้เล็กน้อยที่ บันทึกของคุณพัช

สรุปคร่าวๆ คือ จะมีการจัดเสวนากันนิดหน่อย ทำนองเชิญคนที่พอทำ HTML+CSS ได้มาแชร์ไอเดียกัน 1 วัน ส่วนเรื่องข้อคิดเห็นเรื่องการทำเว็บ เดี๋ยวจะทำเป็นบอร์ดให้แสดงความคิดเห็นกันนะครับว่าเว็บราชการ/องค์กร/เว็บทั่วไป น่าจะมีอะไร และไม่น่ามีอะไรบ้าง

หลังจากนั้น ทาง Opensource2day ยังจะช่วยทำสัมภาษณ์/เขียนบทความ/ช่วยเหลือเรื่องเอกสารต่างๆ

ผลที่ได้จากงานนี้ เป็นแค่ "ข้อเสนอแนะ" / "แนวทาง" / "ตัวอย่าง" / "ไฟล์งานแจกฟรี" จากคนกลุ่มหนึ่งนะครับ ไม่ใช่มาตรฐาน ไม่ใช่ข้อกำหนด และไม่มีผลบังคับใดๆ ทั้งสิ้นครับ

งานนี้เป็นงานอาสาสมัครนะครับ ยินดีต้อนรับทุกท่านครับ

gibbozer Thu, 04/06/2009 - 11:14

ไม่รู้ว่า ผมมาเสนอ(หน้า)ช้าไปรึเปล่า? ผมอยากเสนอไอเดียว่า โฟกัสไปที่เรื่อง CSS เป็นหลักไปเลยครับ เพราะมันขายได้และตรงประเด็นที่สุดแล้ว แม้ CSS จะไม่ใช่ทุกสิ่งทุกอย่างของการพัฒนาเว็บไซต์ แต่มันจะช่วยให้เราเห็นประเด็นแวดล้อมอื่นๆ อีกมากมาย ที่เกี่ยวข้องกับ Web Standards ...

ส่วนเหตุผลแบบยาวๆ ที่อาจนอกเรื่องเกินกว่าจะโพสต์ไว้ที่นี่ ถ้าสนใจก็ลองอ่านที่ webzer.net/node/90

joecole Fri, 05/06/2009 - 13:40

ในฐานะคนนอก ขอเสนอความเห็นว่า

ถ้าเจตนาคือ ต้องการให้เกิดการนำไปใช้จริงๆ

อย่าลืม งานในส่วนการผลักดันด้วย (marketing)

(สมมติ ผมเป็นหน่วยราชการ ณ ตอนนี้

ผมยังนึกไม่ออกว่า ทำไมต้องมาใช้ "theme standard กลางแห่งชาติ" นี้ด้วย ... ประหยัด? สะดวก? สวยงาม? เป็นมาตรฐาน? มีความเป็นไทย?)

iMenn Sat, 06/06/2009 - 17:14

In reply to by joecole

น้องกล้าได้สรุปการประชุมไว้ดีมาก เชิญที่ รายงานการประชุม CMS-Mission

ตอนนี้ ผลที่ได้ จะเป็นแค่แนวทาง หรือข้อเสนอ ของคนทำเว็บบางส่วนของประเทศไทยนะครับ ไม่ใช่มาตรฐาน ไม่ใช่ข้อกำหนด ไม่มีการบังคับใช้ใดๆ ทั้งสิ้นครับ ดังนั้น คงไม่ได้ผลักดันให้ใช้ และไม่จำเป็นต้องใช้ครับ

แต่หากอยากเรียนรู้ เริ่มต้นกับ CMS ผมคิดว่า บทความ/เอกสาร/ตัวอย่าง ที่ได้ในงานนี้ จะเป็นจุดเร่ิมต้นที่ดีครับ และน่าจะมีประโยชน์กับบางคนได้ครับ

lemon Sat, 13/06/2009 - 00:58

น่าสนใจค่ะ คิดว่าน่าจะเป็นประโยชน์กับผู้เริ่มใหม่มากเลย เหมือนเป็นการปูพื้นตั้งแต่เริ่มต้นนะคะ

Sixpackweb

Apple
public://topics-images/apple_webp.png
SCB10X
public://topics-images/347823389_774095087711602_515970870797767330_n_webp.png
Windows 11
public://topics-images/hero-bloom-logo.jpg
Huawei
public://topics-images/huawei_standard_logo.svg_.png
Google Keep
public://topics-images/google_keep_2020_logo.svg_.png
Instagram
public://topics-images/instagram_logo_2022.svg_.png
Microsoft
public://topics-images/microsoft_logo.svg_.png
Basecamp
public://topics-images/bwpepdi0_400x400.jpg
FTC
public://topics-images/seal_of_the_united_states_federal_trade_commission.svg_.png
Pinterest
public://topics-images/pinterest.png
Palantir
public://topics-images/-nzsuc6w_400x400.png
AIS Business
public://topics-images/logo-business-2021-1.png
PostgreSQL
public://topics-images/images.png
JetBrains
public://topics-images/icx8y2ta_400x400.png
Krungthai
public://topics-images/aam1jxs6_400x400.jpg
Palworld
public://topics-images/mccyhcqf_400x400.jpg
Bill Gates
public://topics-images/bill_gates-september_2024.jpg
VMware
public://topics-images/1nj4i1gp_400x400.jpg
Take-Two Interactive
public://topics-images/0khle7nh_400x400.jpg
OpenAI
public://topics-images/ztsar0jw_400x400.jpg
Thailand
public://topics-images/flag_of_thailand.svg_.png
ServiceNow
public://topics-images/ytnrfphe_400x400.png
Klarna
public://topics-images/urcllpjp_400x400.png
Google Play
public://topics-images/play.png
Drupal
public://topics-images/drupal.png
Virtua Fighter
public://topics-images/virtua_figther_2024_logo.png
Paradox Interactive
public://topics-images/paradox_interactive_logo.svg_.png
Europa Universalis
public://topics-images/europa-icon.png
Nintendo Switch 2
public://topics-images/mainvisual.png
Cloudflare
public://topics-images/cloudflare_logo.svg_.png
Samsung
public://topics-images/samsung.png
Google
public://topics-images/google_2015_logo.svg_.png
Uber
public://topics-images/uber.png
Microsoft 365
public://topics-images/m365.png
USA
public://topics-images/flag_of_the_united_states.svg_.png
GM
public://topics-images/0pe0po-z_400x400.jpg
Perplexity
public://topics-images/perplex.jpg
Xperia
public://topics-images/xperia.png
iOS 18
public://topics-images/ios-18-num-96x96_2x.png
True
public://topics-images/true_logo.png
SoftBank
public://topics-images/softbank.jpg
Pac-Man
public://topics-images/pacman.png
Harry Potter
public://topics-images/harry.png
Marvel
public://topics-images/marvel.png
Skydance
public://topics-images/skydance.png
SEA
public://topics-images/sealogo.png
Find Hub
public://topics-images/find.png
Accessibility
public://topics-images/accessibility-128x128_2x.png
Material Design
public://topics-images/m3-favicon-apple-touch.png
Android 16
public://topics-images/android16.png
Android
public://topics-images/android_0.png
Firefox
public://topics-images/firefox_logo-2019.svg_.png
Google Messages
public://topics-images/messages.png
Notepad
public://topics-images/notepad.png
Singapore
public://topics-images/flag_of_singapore.svg_.png
Airbnb
public://topics-images/airbnb.png
PS5
public://topics-images/ps5.png
Krafton
public://topics-images/krafton.png
Doom
public://topics-images/doom-game-s_logo.svg_.png
AMD
public://topics-images/amd_logo.svg_.png
GTA
public://topics-images/gta_0.png
DoorDash
public://topics-images/doordash.png
YouTube
public://topics-images/yt.png
YouTube Music
public://topics-images/yt-music.png
Facebook
public://topics-images/fb.png
iQiyi
public://topics-images/iqiyi_0.png
Viu
public://topics-images/viu.png
Amazon Prime Video
public://topics-images/prime-vid.png
Spotify
public://topics-images/spotify.jpg
HBO Max
public://topics-images/max.png
Threads
public://topics-images/threads.png
Alexa
public://topics-images/alexa.png
Kindle App
public://topics-images/kindle.png
Shopee
public://topics-images/shopee.png
Waze
public://topics-images/waze.png
Bilibili
public://topics-images/bili.png
Google Maps
public://topics-images/maps.png
Apple Music
public://topics-images/apple-music.png
Claude
public://topics-images/claude.png
TikTok
public://topics-images/tiktok.png
Xbox
public://topics-images/xbox.png
Tesla
public://topics-images/tesla.png
Chrome
public://topics-images/chrome.png
Google Calendar
public://topics-images/gcal.png
Google Meet
public://topics-images/meet.png
NotebookLM
public://topics-images/notebooklm.png
Reddit
public://topics-images/reddit.png
Assassin’s Creed
public://topics-images/ac.png
Mark Zuckerberg
public://topics-images/zuck.jpg
Meta
public://topics-images/meta.png
Meta AI
public://topics-images/meta-ai.png
Epic Games
public://topics-images/epic_games_logo.svg_.png
Unreal
public://topics-images/unreal_engine_logo-new_typeface-svg.png
Fortnite
public://topics-images/fortnite.png
DeepMind
public://topics-images/deepmind.png
Databricks
public://topics-images/databricks.png
Netflix
public://topics-images/netflix-logo.png
Microsoft Azure
public://topics-images/azure.png
Microsoft Copilot
public://topics-images/microsoft_copilot_icon.svg_.png
Bing
public://topics-images/bing.png
EA
public://topics-images/ea.png
Intel
public://topics-images/intel.png
Amazon
public://topics-images/amazon.png
AWS
public://topics-images/aws.png
Zoom
public://topics-images/zoom.png
Dropbox
public://topics-images/dropbox_0.png
Dell Technologies
public://topics-images/dell-tech.png
Nothing
public://topics-images/nothing.svg_.png
Microsoft Teams
public://topics-images/teams.png
Mojang
public://topics-images/mojang.png
Minecraft
public://topics-images/minecraft.png
Redis
public://topics-images/redis_logo.svg_.png
Ubisoft
public://topics-images/ubisoft_logo.svg_.png
Elden Ring
public://topics-images/elden.png
Brave
public://topics-images/brave.png
Opera
public://topics-images/opera.png
Vivaldi
public://topics-images/vivaldi.png
Microsoft Edge
public://topics-images/edge.png
Duolingo
public://topics-images/duolingo.png
LinkedIn
public://topics-images/linkedin.png
Canva
public://topics-images/canva.png
Realme
public://topics-images/realme.png
NASA
public://topics-images/nasa-logo.png
Booking.com
public://topics-images/booking.png
Agoda
public://topics-images/agoda.png
Bolt
public://topics-images/bolt.png
Temu
public://topics-images/temnu.png
LINE
public://topics-images/line.png
Facebook Messenger
public://topics-images/messenger.png
WhatsApp
public://topics-images/whatsapp.png
Telegram
public://topics-images/telegram.png
Signal
public://topics-images/signal.png
X.com
public://topics-images/x.png
Grok
public://topics-images/grok.png
xAI
public://topics-images/xai.png
CapCut
public://topics-images/capcut.png
Edits
public://topics-images/edit.png
Google One
public://topics-images/gone.png
Tinder
public://topics-images/tinger.png
Whoscall
public://topics-images/whoscall.png
OneDrive
public://topics-images/onedrive.png
Lightroom
public://topics-images/lr.png
Meitu
public://topics-images/meitu.png
Outlook
public://topics-images/outlook.png
Excel
public://topics-images/excel.png
PowerPoint
public://topics-images/ppt.png
Microsoft Word
public://topics-images/word.png
Phone Link
public://topics-images/phone-link.png
OneNote
public://topics-images/onenote.png
Windows App
public://topics-images/windows-app.png
Notion
public://topics-images/notion.png
Google Drive
public://topics-images/drive.png
YouTube Kids
public://topics-images/yt-kids.png
Gboard
public://topics-images/gboard.png
DeepSeek
public://topics-images/deepseek_logo.svg_.png
Prince of Persia
public://topics-images/prince-persia.png
Sony
public://topics-images/nq0nd2c0_400x400.jpg
Cisco
public://topics-images/jmyca1yn_400x400.jpg
Alibaba Cloud
public://topics-images/qm43orjx_400x400_cloud.png
Coinbase
public://topics-images/consumer_wordmark.png
CarPlay
public://topics-images/carplay.png
Rust
public://topics-images/rust-logo-blk.png
Red Hat
public://topics-images/redhat.png
Anthropic
public://topics-images/anthropic.png
Xcode
public://topics-images/xcode.png
Tim Cook
public://topics-images/tim-cook.jpg
Donald Trump
public://topics-images/trump.jpg
Microsoft Surface
public://topics-images/surface.jpg
Copilot+ PC
public://topics-images/copilotpc.png
Stellar Blade
public://topics-images/stellar-blade.jpg
Snapdragon
public://topics-images/snapdragon_chip.png
Qualcomm
public://topics-images/qualcomm-logo.svg_.png
CoreWeave
public://topics-images/coreweave.png
Ford
public://topics-images/ford.png
Xiaomi
public://topics-images/xiaomi.png
Google Cloud
public://topics-images/google_cloud_logo.svg_.png
PlayStation Network
public://topics-images/psn.png
PlayStation Plus
public://topics-images/ps-plus.png
Windsurf
public://topics-images/windsurf.png
Square Enix
public://topics-images/square-enix.png
MIT
public://topics-images/x7hyjl3t_400x400.jpg
Zoox
public://topics-images/zoox.jpg
Evernote
public://topics-images/1neatidg_400x400.jpg
Magic the Gathering
public://topics-images/magic.png
Call of Duty
public://topics-images/cod.png
NVIDIA
public://topics-images/nvidia_logo.svg_.png
Satya Nadella
public://topics-images/nadella.png
Nintendo
public://topics-images/nintendo.png
Japan
public://topics-images/japan_flag.png
China
public://topics-images/china-flag-sq.png
Sam Altman
public://topics-images/sam-altman.png
SNK
public://topics-images/snk_logo.svg_.png
EPYC
public://topics-images/epyc.png
Juniper
public://topics-images/juniper.png
CMA
public://topics-images/cma.png
App Store
public://topics-images/app-store.png
DoJ
public://topics-images/doj.png
Siri
public://topics-images/siri.png
Apple Intelligence
public://topics-images/apple-intelligence.png
Acer
public://topics-images/acer.png
GeForce
public://topics-images/geforce.png
Omen
public://topics-images/omen.png
Alienware
public://topics-images/alienware.png
Dell
public://topics-images/dell.png
Bungie
public://topics-images/bungie.png
Marathon
public://topics-images/marathon.png
Intel Arc
public://topics-images/badge-arc-graphics.png
GitHub
public://topics-images/8zfrryja_400x400.png
GitHub Copilot
public://topics-images/copilot.png
Foxconn
public://topics-images/foxconn_0.png
Visual Studio
public://topics-images/vs.png
Visual Studio Code
public://topics-images/vscode.png
WSL
public://topics-images/wsl.png
Linux
public://topics-images/linux.png
Tencent
public://topics-images/tencent_logo_2017.svg_.png
Entra
public://topics-images/microsoft_entra_id_color_icon.svg_.png
RHEL
public://topics-images/rhel-icon.png
MSI
public://topics-images/msi-logo-for_digital_use_b.png
MCP
public://topics-images/mcp.png
Docker
public://topics-images/docker.png
RISC-V
public://topics-images/risc-v-logo.svg_.png
Fedora
public://topics-images/fedora.png
ASUS
public://topics-images/asus.png
ROG
public://topics-images/rog-logo_red.png
Naughty Dog
public://topics-images/naughty-dog.png
AIS
public://topics-images/357073423_657473419752809_8491928084596189631_n.png
National Telecom
public://topics-images/nt.jpg
Elon Musk
public://topics-images/elon_musk_2015_0.jpg
OpenShift
public://topics-images/openshift-logotype.svg-0.png
Shift Up
public://topics-images/shiftup.png
Bethesda
public://topics-images/bethesda.png
The Elder Scrolls
public://topics-images/tes.png
CATL
public://topics-images/img_7841.png
Radeon
public://topics-images/radeon.png
Borderlands
public://topics-images/borderlands4.png
Android XR
public://topics-images/android-xr.png
Ninja Theory
public://topics-images/ninja.jpg
Jonathan Ive
public://topics-images/ive.jpg
Bitcoin
public://topics-images/bitcoin.svg_.png
Baidu
public://topics-images/baidu.jpg
Wear OS
public://topics-images/wearos.png
Activision
public://topics-images/activision.svg_.png
Netmarble
public://topics-images/netmarble.png
NetEase
public://topics-images/netease.png
Fujifilm
public://topics-images/l_9ycfw2_400x400.png
Google Vids
public://topics-images/vids.png
Google Docs
public://topics-images/docs.png
Google Sheets
public://topics-images/sheets.png
Google Chat
public://topics-images/gchat.png
Google Slides
public://topics-images/slides.png
Google Photos
public://topics-images/photos_0.png
Snapchat
public://topics-images/snapchat.png
Google TV
public://topics-images/gtv.png
Android Auto
public://topics-images/aauto.png
Gmail
public://topics-images/gmail.png
Google Forms
public://topics-images/forms.png
Google Workspace
public://topics-images/workspace_0.png
Android Studio
public://topics-images/android_studio_logo_2024.svg_.png
Pocket
public://topics-images/spnhfky8_400x400.png
Mozilla
public://topics-images/mozilla.jpg
Thunderbird
public://topics-images/thunderbird.png
Bluesky
public://topics-images/bluesky.jpg
Warhammer
public://topics-images/warhammer-bw.png
Relic Entertainment
public://topics-images/relic_entertainment_logo.svg_.png
Age of Empires
public://topics-images/age_of_empires_franchise_logo.png
Azul
public://topics-images/azul.png
Meta Quest
public://topics-images/meta-quest.png
Informatica
public://topics-images/qzlzwpsp_400x400.jpg
Salesforce
public://topics-images/salesforce.com_logo.svg_.png
Steam
public://topics-images/steam.png
Valve
public://topics-images/valve_logo.svg_.png
SteamOS
public://topics-images/steamos_wordmark.svg_.png
Steam Deck
public://topics-images/steam-deck.png
Arch Linux
public://topics-images/archlinux-logo-standard-version.svg_.png
Half-Life
public://topics-images/orange_lambda.svg_.png
Counter-Strike
public://topics-images/counter-strike.png
OnlyFans
public://topics-images/onlyfans_logo_icon_blue.png
Strava
public://topics-images/strava.png
Mortal Kombat
public://topics-images/mortal-kombat.png
Canon
public://topics-images/canon.png
Snipping Tool
public://topics-images/snipping.png
Microsoft Paint
public://topics-images/paint.png
Microsoft Photos
public://topics-images/photos.png
File Explorer
public://topics-images/file_explorer.png
Git
public://topics-images/git-logo.svg_.png
Star Wars
public://topics-images/star-wars.png
Activision Blizzard
public://topics-images/actvision-blizz.png
Microsoft Store
public://topics-images/microsoft-store.png
France
public://topics-images/france.png
Ricoh
public://topics-images/ricoh_logo_2005.svg_.png
Xeon
public://topics-images/xeon.png
.NET
public://topics-images/dotnet.png
SQL Server
public://topics-images/microsoft_sql_server_2025_icon.svg_.png
Power BI
public://topics-images/power-bi.png
Microsoft Fabric
public://topics-images/fabric.png
MSN
public://topics-images/msn.png
SharePoint
public://topics-images/sharepoint.png
Ubuntu
public://topics-images/ubuntu-logo-2022.svg_.png
Debian
public://topics-images/debian-openlogo.svg_.png
LLM
public://topics-images/7410e129-824e-479c-93c7-558e87130b8f.png
Meituan
public://topics-images/meituan.png
Logitech
public://topics-images/logitech_logo.svg_.png
Llama
public://topics-images/llama.png
Oracle
public://topics-images/oracle_logo.svg_.png
Circle
public://topics-images/circle.png
T-Mobile
public://topics-images/tmobile.jpg
Starlink
public://topics-images/starlink.jpg
SpaceX
public://topics-images/hbri04tm_400x400.jpg
Apple Arcade
public://topics-images/en-us-large-1x.png
TypeScript
public://topics-images/typescript.svg_.png
AlmaLinux
public://topics-images/almalinux.png
Subnautica
public://topics-images/subnautica.png
Clair Obscur
public://topics-images/clair-33.png
Dragon Quest
public://topics-images/dragon_quest_logo.png
Twitter
public://topics-images/twitter300.png
One UI
public://topics-images/one-ui.png
Fire TV
public://topics-images/amazon_fire_tv_2024.svg_.png
Stellantis
public://topics-images/stellantis.png
Taobao
public://topics-images/taobao.png
WeChat
public://topics-images/wechat.png
Alipay
public://topics-images/alipay.png
DingTalk
public://topics-images/dingtalk.png
Alibaba
public://topics-images/alibaba-group-logo.svg_.png
Pokemon
public://topics-images/international_pokemon_logo.svg_.png
NBTC
public://topics-images/nbtc.png
CD Projekt
public://topics-images/cd_projekt_logo.svg_.png
Cyberpunk 2077
public://topics-images/cyberpunk.png
The Witcher
public://topics-images/witcher.png
Boeing
public://topics-images/boeing.png
Discord
public://topics-images/discord.png
Grammarly
public://topics-images/grammarly.png
Google Lens
public://topics-images/lens.png
WordPress
public://topics-images/wordpress.png
Automattic
public://topics-images/automattic.png
Zotac
public://topics-images/zotac.png
Black Forest Labs
public://topics-images/flux.png
Sega
public://topics-images/sega.png
Twitch
public://topics-images/twitch.png
Person
public://topics-images/gemini_generated_image_ddj47iddj47iddj4.png
IntelliJ
public://topics-images/intellij.png
CrowdStrike
public://topics-images/cs_logo.png
Bandai Namco
public://topics-images/bandainamco.png
Oppo
public://topics-images/oppo.png
Dontnod
public://topics-images/don-t_nod.png
Hugging Face
public://topics-images/huggingface.png
Bixby
public://topics-images/logo_bixby_new.svg_.png
Gemma
public://topics-images/gemma.png
Flash Express
public://topics-images/flash.png
Lyft
public://topics-images/lyft.png
James Bond
public://topics-images/007.png
Snowflake
public://topics-images/snowflake.png
IO Interactive
public://topics-images/ioi.png
The Sims
public://topics-images/the_sims.png
Character.AI
public://topics-images/character_ai.png
IBM
public://topics-images/xy93qvy4_400x400.png
USB
public://topics-images/usb-logo.png
Zynga
public://topics-images/zynga.svg_.png
Broadcom
public://topics-images/broadcom.png
Photoshop
public://topics-images/ps.png
Adobe
public://topics-images/adobe.png
Premiere Pro
public://topics-images/premier.png
Database
public://topics-images/gemini_generated_image_nlgayenlgayenlga.png
GeForce Now
public://topics-images/gf-now.png
Go
public://topics-images/o6aczwfv_400x400.png
ChatGPT
public://topics-images/chatgpt.png
Final Fantasy
public://topics-images/ff.png
Swift
public://topics-images/swift_logo.svg_.png
Cursor
public://topics-images/cursor.png
AirPods Max
public://topics-images/airpodsmax.png
Koei Tecmo
public://topics-images/koei_tecmo.png
Team Ninja
public://topics-images/team-ninja.png
Disney+
public://topics-images/disney-plus.png
Capcom
public://topics-images/capcom.png
Pornhub
public://topics-images/pornhub-logo.svg_.png
Proton
public://topics-images/proton.png
PlayStation
public://topics-images/playstation.png
GOG
public://topics-images/gog-logo.png
Mistral
public://topics-images/mistral.png
No Man's Sky
public://topics-images/nomansky.png
Hello Games
public://topics-images/hello-games-logo.png
SCB
public://topics-images/scb.png
Kasikorn Bank
public://topics-images/kbank.png
Grasshopper Manufacture
public://topics-images/grasshopper-100.png
Metal Gear
public://topics-images/metal_gear_franchise_logo.svg_.png
Google Wallet
public://topics-images/g-wallet.png
PayPal
public://topics-images/paypal.png
Mark Cuban
public://topics-images/cuban.jpg
Giant Squid
public://topics-images/giant-squid.png
Black Myth: Wukong
public://topics-images/blackmyth.jpg
Deathloop
public://topics-images/deathloop_logo.webp_.png
Resident Evil
public://topics-images/residentevil.png
Street Fighter
public://topics-images/street_fighter_logo.png
Ryu Ga Gotoku
public://topics-images/ryugagotokustudio.png
Like a Dragon
public://topics-images/lad-logo.png
Sonic the Hedgehog
public://topics-images/sonic.png
Blender
public://topics-images/logo_blender.svg_.png
Volvo
public://topics-images/volvo-iron-mark-black.svg_.png
Atomic Heart
public://topics-images/atomic.png
Hitman
public://topics-images/hitman.png
Mac
public://topics-images/apple-finder.png
Arc Raiders
public://topics-images/arc-raiders.jpg
Krungsri Bank
public://topics-images/krungsri.png
Owlcat Games
public://topics-images/owlcat.png
Scale
public://topics-images/scale_ai.png
The Outer Worlds
public://topics-images/1600px-outerworlds-logo.png
Obsidian Entertainment
public://topics-images/obsidian_entertainment.svg_.png
Avowed
public://topics-images/avowed.png
Grounded
public://topics-images/grounded.png
Atlus
public://topics-images/atlus_logo_thin_stroke_277x108.png
High on Life
public://topics-images/high-logo.png
Ryzen
public://topics-images/ryzen.png
Flight Simulator
public://topics-images/microsoft_flight_simulator.png
Indiana Jones
public://topics-images/indiana_jones_logo.svg_.png
Dawnwalker
public://topics-images/the-blood-of-dawnwalker-logo-light.png
Rebel Wolves
public://topics-images/rebel-wolves-logo-black.png
inXile
public://topics-images/inxile_entertainment_logo.png
Double Fine Productions
public://topics-images/double-fine.png
Game Freak
public://topics-images/game_freak_logo.svg_.png
iOS 26
public://topics-images/ios26.png
Tahoe
public://topics-images/macos26.png
iPadOS 26
public://topics-images/ipados26.png
Zelda
public://topics-images/zelda_logo.svg_.png
watchOS 26
public://topics-images/watchos26.png
Apple Vision Pro
public://topics-images/applevisionpro.png
Amiibo
public://topics-images/amiibo.png
Thunder Lotus
public://topics-images/thunder-lotus.png
Games
public://topics-images/role-playing_video_game_icon.svg_.png
Waymo
public://topics-images/waymo.png
Grab
public://topics-images/grab_0.png
Fallout
public://topics-images/fallout_logo.svg_.png
Warner Bros. Discovery
public://topics-images/wbd.png
Splatoon
public://topics-images/splatoon.png
Kingston
public://topics-images/kingston.png
Roblox
public://topics-images/roblox_thumb.png
Google Pixel
public://topics-images/pixel_wordmark.svg_.png
Jensen Huang
public://topics-images/jensen-headshot-1906-600x338.png
Midjourney
public://topics-images/61396273.png
NBCUniversal
public://topics-images/umh_w5l-400x400.png
Disney
public://topics-images/disney.png
Snap
public://topics-images/snap_inc.png
Wikipedia
public://topics-images/wikipedia-logo-v2.svg_.png
Kaggle
public://topics-images/kaggle_logo.svg_.png
Wikimedia Foundation
public://topics-images/wikimedia_foundation.png
IonQ
public://topics-images/ionq.png
Apple TV+
public://topics-images/apple_tv_plus.png
Slack
public://topics-images/slack.png
Webex
public://topics-images/webex.png
Wayland
public://topics-images/wayland.png
GNOME
public://topics-images/gnomelogo.svg_.png
X.Org
public://topics-images/xorg.png
PCI-SIG
public://topics-images/pci-sig_logo.png
PCI
public://topics-images/pci_express.svg_.png
Instinct
public://topics-images/instinct.png
MariaDB
public://topics-images/img_9067.png
Mattel
public://topics-images/mattel-2019-svg.png
Silent Hill
public://topics-images/silent_hill_2022_logo.png
Bloober Team
public://topics-images/blooberlogo260b.png
India
public://topics-images/flag_of_india.png
Nexon
public://topics-images/nexon.svg_.png
Helldivers
public://topics-images/helldivers_print_logo.png
Mac Mini
public://topics-images/mac-mini-202410-gallery.png
Dyson
public://topics-images/dyson.png
Mario Kart
public://topics-images/mario-kart-100.png
Germany
public://topics-images/flag_of_germany.svg_.png
Gears of War
public://topics-images/gears-of-war-logo-2006.png
Warren Buffett
public://topics-images/buffett.png
Craig Federighi
public://topics-images/craige1.png
Boston Dynamics
public://topics-images/boston.png
aespa
public://topics-images/aespa.png
NewJeans
public://topics-images/newjeans.png
iPhone 16
public://topics-images/iphone16_.png
iPhone 16 Pro
public://topics-images/iphone16_pro.png
Indonesia
public://topics-images/indo_flag.png
Devil May Cry
public://topics-images/dmc5.png
Etsy
public://topics-images/etsy.png
Ghost of Yōtei
public://topics-images/ghost.png
BT
public://topics-images/bt_logo_2019.svg_.png
Kubernetes
public://topics-images/kubernetes_logo_without_workmark.svg_.png
Pixelfed
public://topics-images/pixelfed.png
Mastodon
public://topics-images/mastodon.png
Iran
public://topics-images/iran.png
Israel
public://topics-images/flag_of_israel.png
Warner Bros.
public://topics-images/warner_bros.png
Qwen
public://topics-images/qwenpng.png
Donkey Kong
public://topics-images/dk.png
Mario
public://topics-images/mario.png
Honda
public://topics-images/kln5su0v_400x400.jpg
Wix
public://topics-images/wix.png
Google Tensor
public://topics-images/ggtensor.png
Bank of Thailand
public://topics-images/bankofthailand.png
Beat Saber
public://topics-images/beat.png
PlayStation VR
public://topics-images/psvr2.png
Texas Instrument
public://topics-images/ti.png
NFC
public://topics-images/daak0pur_400x400.jpg
LG
public://topics-images/lg.png
EA Sports FC
public://topics-images/ea-fc.png
Volkswagen
public://topics-images/volkswagen_logo_2019.svg_.png
Disco Elysium
public://topics-images/disco.png
Neowiz
public://topics-images/neowiz_holdings_logo.png
Lies of P
public://topics-images/lies-p.png
Thinking Machines Lab
public://topics-images/u6tsxu60_400x400_0.png
Mira Murati
public://topics-images/-pnysxgr_400x400.png
Vimeo
public://topics-images/vimeo.png
Japan Airlines
public://topics-images/jal.png
HarmonyOS
public://topics-images/harmonyos_logo.png
Sequoia
public://topics-images/sequoia.png
iPadOS 18
public://topics-images/ipados-18-num-96x96_2x.png
Sakana AI
public://topics-images/dtnrodgp_400x400.png
Runway
public://topics-images/lpx3j0s7_400x400.png
Exynos
public://topics-images/exynos.png
MediaTek
public://topics-images/mediatek_logo.svg_.png
Arm
public://topics-images/arm.png
Facebook Groups
public://topics-images/groupslogo2.png
Death Stranding
public://topics-images/death_stranding_logo.png
Bumble
public://topics-images/bumble.png
Rematch
public://topics-images/logorematch_transcreen.png
GWM
public://topics-images/2025-gwm-logo-rgb-digital_2.png
Barclays
public://topics-images/barclays_logo.svg_.png
Asana
public://topics-images/asana.png
Dying Light
public://topics-images/dying-light-200.png
Creative Commons
public://topics-images/apple-touch-icon.png
EU
public://topics-images/flag-for-european-union_1f1ea-1f1fa.png
Cambodia
public://topics-images/flag_of_cambodia.svg_.png
HDMI
public://topics-images/high_definition_multimedia_interface_logo.svg_.png
Denmark
public://topics-images/denmark-flag.png
Riot Games
public://topics-images/riot_games_2022.svg_.png
League of Legends
public://topics-images/lol.png
Valorant
public://topics-images/valorant.png
Pioneer
public://topics-images/459525305_7951848951587833_4839605414563613731_n.png
Google Earth
public://topics-images/gearth.png
Google TV Streamer
public://topics-images/gtv_0.png
Chromecast
public://topics-images/chromecast.png
Fairphone
public://topics-images/fairphone.png
Honor
public://topics-images/honor_logo-2020-svg.png
Counterpoint Research
public://topics-images/counterpoint.png
BBC
public://topics-images/bbc.png
TrueMove H
public://topics-images/334187583_158099563725447_7727972013376860320_n.png
AliExpress
public://topics-images/aliexpress.png
Norway
public://topics-images/flag_of_norway.svg_.png
Research
public://topics-images/research-icon.png
Science
public://topics-images/science.png
Figma
public://topics-images/wpgpzf_m_400x400.png
Gemini
public://topics-images/gemini-colors.png
Social Security
public://topics-images/social-security.png
Hikvision
public://topics-images/cdyc5hhc_400x400.png
Autodesk
public://topics-images/autodesk_logo_2021.svg_.png
Rare
public://topics-images/rare_logo_2015.svg_.png
Sea of Thieves
public://topics-images/sea-of-thieves.png
Skype
public://topics-images/skype.png
Safe Superintelligence
public://topics-images/ssi.png
PowerShell
public://topics-images/powershell_256.png
Apple Store
public://topics-images/apple_store.png
Battlefield
public://topics-images/battlefieldlogo.svg_.png
Robinhood
public://topics-images/1ftlyz2c_400x400.png
Malaysia
public://topics-images/malaysia-flag.png
Forza
public://topics-images/forza_logo_2020.svg_.png
John Romero
public://topics-images/romero.jpg
TSMC
public://topics-images/tsmc_1.png
Vietnam
public://topics-images/flag_of_vietnam.svg_.png
React
public://topics-images/react.png
KPLUS
public://topics-images/kplus.png
Jack Dorsey
public://topics-images/jack.jpg
Replit
public://topics-images/replit.png
GlobalFoundries
public://topics-images/gf.png
MIPS
public://topics-images/mips.png
Linda Yaccarino
public://topics-images/c5dthmbt.png
GameStop
public://topics-images/ouc1sr_p_400x400.png
Belkin
public://topics-images/belkin_logo_2024.svg_.png
Home Assistant
public://topics-images/home-assistant.png
Next.js
public://topics-images/if82cpbs_400x400.jpg
Hertz
public://topics-images/hertz_car_rental_logo.svg_.png
Jio
public://topics-images/jio.png
Lucid Motors
public://topics-images/lucidmotor.png
Guinness World Record
public://topics-images/gwr.png
EFF
public://topics-images/eff.png
TIOBE
public://topics-images/tiobe.png
MLX
public://topics-images/102832242.png
DoD
public://topics-images/dod.png
IDC
public://topics-images/idc.png
OpenGL
public://topics-images/opengl_logo.svg_.png
Vulkan
public://topics-images/vulkan_logo.svg_.png
NIST
public://topics-images/hp8oa5cb_400x400.png
ASML
public://topics-images/img_1736.jpeg
Curl
public://topics-images/curl_icon.png
Google Assistant
public://topics-images/assistant.png
ChromeOS
public://topics-images/chromeos_logo.svg_.png
Adobe Firefly
public://topics-images/firefly.png
SonicWall
public://topics-images/sonicwall.png
Astronomer
public://topics-images/astro.jpg
Corning
public://topics-images/corning.png
Emoji
public://topics-images/emoji.png
CUDA
public://topics-images/nvidia_cuda.png
Ready or Not
public://topics-images/readyornot-logo.png
Google Tasks
public://topics-images/gtasks.png
Qi
public://topics-images/qi.png
Lego
public://topics-images/lego_logo.svg_.png
Game Boy
public://topics-images/nintendo_game_boy_logo.svg_.png
SK Hynix
public://topics-images/img_2498.png
Sonos
public://topics-images/sonos_logo.png
Eidos
public://topics-images/eidos_montreal.png
Tomb Raider
public://topics-images/tomb_raider_logo_2022.png
Guardians of the Galaxy
public://topics-images/guardians_of_the_galaxy-logo.png
Kindle
public://topics-images/kindle-smile-logo.png
Amazon Prime
public://topics-images/prime.png
Amazon Luna
public://topics-images/amazon-luna-logo.png
Moon Studios
public://topics-images/moon.png
Ghost Recon
public://topics-images/ghost_recon_logo.png
Wolfenstein
public://topics-images/wolfenstein_logo.svg_.png
Pony.ai
public://topics-images/img_2799.png
Premier League
public://topics-images/pl-logo-light.png
Horizon
public://topics-images/horizon_game_series_logo.png
Exchange
public://topics-images/exchange_1500x1500.png
Mercedes-Benz
public://topics-images/mercedes_benz-logo.png
Django
public://topics-images/django_logo.svg_.png
Apple Card
public://topics-images/apple-card.png
JPMorgan
public://topics-images/logo-jpm-brown.png
Bitchat
public://topics-images/img_6038.png
Palo Alto Networks
public://topics-images/img_6100.png
KBTG
public://topics-images/c8qypege_400x400.jpg
Linux Foundation
public://topics-images/lf_sustainability_banner.png
Octopath Traveler
public://topics-images/project_octopath_traveler_logo.png
Monster Hunter
public://topics-images/monster_hunter_logo.png
Hideo Kojima
public://topics-images/kojima.jpg
Nintendo Switch
public://topics-images/switch1.png
Cerebras
public://topics-images/celebras.png
2K Games
public://topics-images/2k_2021_logo.svg_.png
BioShock
public://topics-images/bioshock-logo.svg_.png
Australia
public://topics-images/flag_of_australia.png
Groq
public://topics-images/groq.png
Ukraine
public://topics-images/flag_of_ukraine.svg_.png
Delta Air Lines
public://topics-images/o1z2hvzv_400x400.jpg
SAP
public://topics-images/img_8162.png
Audible
public://topics-images/lj9g-ikl_400x400.png
Vine
public://topics-images/vine_logo.svg_.png
THQ Nordic
public://topics-images/thq_nordic_logo_2016.svg_.png
Darksiders
public://topics-images/darksiders_logo.png
Embracer Group
public://topics-images/embracer_group_logo.svg_.png
Kingdom Come
public://topics-images/kcd2-banner-2.png
Gearbox
public://topics-images/gearbox_software_logo.svg_.png
Rockstar
public://topics-images/rockstar.png
Amazon Games
public://topics-images/amazon_games_logo.svg_.png
New World
public://topics-images/new-world.png
Crystal Dynamics
public://topics-images/cd.png
Metro Games
public://topics-images/metro.png
Supermicro
public://topics-images/img_8331.png
Genshin Impact
public://topics-images/genshin_impact_logo.svg_.png
Tan Lip-Bu
public://topics-images/img_8326.jpeg
Hulu
public://topics-images/hulu.png
iFixit
public://topics-images/ifixit_logo.svg_.png
Nightdive Studios
public://topics-images/nightdive_studios.svg_.png
id Software
public://topics-images/id_software.svg_.png
Quake
public://topics-images/quake.png
Astro
public://topics-images/astro.png
Zend
public://topics-images/logo-zend-reg.png
PHP
public://topics-images/php-logo.svg_.png
Framework Laptop
public://topics-images/framework.png
WebKit
public://topics-images/webkit_logo-2023-svg.png
Safari
public://topics-images/safari.png
Diablo
public://topics-images/diablo.png
Warcraft
public://topics-images/warcraft_logo.png
Blizzard
public://topics-images/blizzard_entertainment_logo_2015.svg_.png
Overwatch
public://topics-images/overwatch_circle_logo.svg_.png
World of Warcraft
public://topics-images/logo-wow.png
Hearthstone
public://topics-images/hearthstone.png
HandBrake
public://topics-images/handbrake.png
AOL
public://topics-images/hkam9td-400x400.png
Yahoo!
public://topics-images/yahoo.png
PayPay
public://topics-images/paypay.png
WinRAR
public://topics-images/winrar.png
ESET
public://topics-images/eset.png
Internet Archive
public://topics-images/bygruzmj_400x400.png
OpenSSH
public://topics-images/2387206.png
Vodafone
public://topics-images/vodafone.png
Verizon
public://topics-images/verizon.png
Microsoft Defender
public://topics-images/defender.png
Cryptocurrency
public://topics-images/bitcoin.svg__0.png
LINE Webtoon
public://topics-images/naver_line_webtoon_logo.png
Google News
public://topics-images/google-news.png
Pebble
public://topics-images/pebble.png
FFmpeg
public://topics-images/ffmpeg_logo_new.svg_.png
VLC
public://topics-images/vlc_icon.svg_.png
AV1
public://topics-images/av1_logo_2018.svg_.png
Football Manager
public://topics-images/fm.png
United Kingdom
public://topics-images/flag_of_the_united_kingdom.png
Python
public://topics-images/python-logo-notext.svg_.png
DuckDuckGo
public://topics-images/duck.png
nginx
public://topics-images/nginx.png
Google Translate
public://topics-images/google-translate.png
Parag Agrawal
public://topics-images/parag.jpg
VirtualBox
public://topics-images/virtualbox_2024_logo.svg_.png
Google Flights
public://topics-images/travel_flights_96dp_maskable.png
Posit
public://topics-images/posit-logo-2024.png
Apple Health
public://topics-images/apple-health.png
BMW
public://topics-images/bmw.svg_.png
Node.js
public://topics-images/node.js_logo.svg__0.png
Workday
public://topics-images/qa8vjtrt_400x400.png
MSNBC
public://topics-images/msnbc_2023.svg_.png
PuTTY
public://topics-images/screenshot-2025-08-20-at-00.23.08.png
Batman
public://topics-images/batman.png
LibreOffice
public://topics-images/libreoffice.png
Google Pixel 10
public://topics-images/pixel10_.png
Pixel Watch
public://topics-images/watch.png
Google Pixel Buds
public://topics-images/buds-2a.png
Ghost of Tsushima
public://topics-images/gotlogo.png
Fitbit
public://topics-images/fitbit.png
Hollow Knight
public://topics-images/silksong-cover.png
Tropico
public://topics-images/tropico_logo.png
DirectX
public://topics-images/directx.png
ROG Ally
public://topics-images/rog-ally.png
FBI
public://topics-images/seal_of_the_federal_bureau_of_investigation.svg_.png
ZA/UM
public://topics-images/zaum.png
Saudi Arabia
public://topics-images/flag_of_saudi_arabia.png
Niantic Labs
public://topics-images/niantic.png
Pokemon Go
public://topics-images/pokemon-go.png
Scopely
public://topics-images/scopely.png
Monopoly
public://topics-images/monopoly.png
Transformers
public://topics-images/transformers_2014_logo.png
Hashbro
public://topics-images/hasbro_logo.svg_.png
Sony Pictures
public://topics-images/sony_pictures_inc-logo.svg_.png
Angry Birds
public://topics-images/angry_birds_promo_art.png
Atom Text Editor
public://topics-images/atom.png
Electron
public://topics-images/electron.png
Zed
public://topics-images/zed.png
Finland
public://topics-images/flag_of_finland.svg_.png
South Korea
public://topics-images/flag_of_south_korea.png
Xbox Game Pass
public://topics-images/xbox_game_pass.png
HP
public://topics-images/hp_new.png
Taylor Swift
public://topics-images/img_0838.png
Atari
public://topics-images/atari_official_2012_logo.svg_.png
BYD
public://topics-images/byd_auto_2022_logo.svg_.png
Stardew Valley
public://topics-images/stardew.png
Escape From Tarkov
public://topics-images/tarkov.png
McDonalds
public://topics-images/mcdonalds.png
Taco Bell
public://topics-images/taco-bell-icon.png
Fastly
public://topics-images/fastly_logo.svg_.png
Bangkok Bank
public://topics-images/bangkok-bank.png
Western Digital
public://topics-images/western_digital_logo-2025-svg.png
Dolby
public://topics-images/dolby.png
Hisense
public://topics-images/hisense.png
Sharp
public://topics-images/sharp.png
Toshiba
public://topics-images/toshiba.png
Anker
public://topics-images/ankerpng.png
EVO
public://topics-images/evo_championship_series_logo.png
MrBeast
public://topics-images/img_1683.jpeg
Garmin
public://topics-images/garmin.png
HPE
public://topics-images/img_1744.png
Atlassian
public://topics-images/atlassian.png
The Browser Company
public://topics-images/browser-company.png
ThinkPad
public://topics-images/thinkpad_logo.svg_.png
Lenovo
public://topics-images/lenovo-2015-svg_0.png
European Commission
public://topics-images/eu-com.png
Firaxis Games
public://topics-images/firaxis.png
AppLovin
public://topics-images/9qvw0l4x_400x400.png
OnePlus
public://topics-images/oneplus.png
Beats
public://topics-images/beats.png
VK
public://topics-images/vk.png
Russia
public://topics-images/flag_of_russia.png
Wargaming
public://topics-images/wg.png
Nebius
public://topics-images/tcowockq_400x400.png
AirPods
public://topics-images/airpodspro3.png
Apple Watch
public://topics-images/watch11.png
Apple Watch Ultra
public://topics-images/watchultra3.png
iPhone 17 Pro
public://topics-images/ip17_pro.png
iPhone Air
public://topics-images/iphoneair.png
iPhone 17
public://topics-images/iphone17.png
Apple Watch SE
public://topics-images/applewatchse.png
Unicode
public://topics-images/13873561.jpeg
Bending Spoons
public://topics-images/bending.png
Larry Ellison
public://topics-images/larryel.png
Stability AI
public://topics-images/stability_ai-wordmark.png
NPM
public://topics-images/npm.png
F5 Networks
public://topics-images/f5_400.png
HMD
public://topics-images/hmd_global_logo_2024.png
Fire Emblem
public://topics-images/fire_emblem_logo.svg_.png
FDA
public://topics-images/untvhciq_400x400.jpg
Hades
public://topics-images/hades-2-logo.png
Metroid
public://topics-images/metroid_logo_2017.svg_.png
Nova Launcher
public://topics-images/nova.png
Alphabet
public://topics-images/alphabet.png
Webtoon
public://topics-images/webtoon1.png
Ray-Ban
public://topics-images/ray-ban_logo.svg_.png
Java
public://topics-images/java_programming_language_logo.svg_.png
StubHub
public://topics-images/stubhub.png
Oakley
public://topics-images/oakley_logo.svg_.png
Horizon Worlds
public://topics-images/meta-horizon.png
Netskope
public://topics-images/netskope.png
WebAssembly
public://topics-images/webassembly_logo.svg_.png
Roku
public://topics-images/roku.png
AYANEO
public://topics-images/ayaneo.png
AKB48
public://topics-images/akb48.png
Northrop Grumman
public://topics-images/northrop_grumman.png
True ID
public://topics-images/true-id.png
Google Play Games
public://topics-images/gg-play-games.png
Insomniac
public://topics-images/insomniac_games.png
Deus Ex
public://topics-images/deus_ex_universe_logo.png
Housemarque
public://topics-images/housemarque.svg_.png
Google Search
public://topics-images/google-search-app.png
Raspberry Pi
public://topics-images/x9zmzhi9_400x400.jpg
eBay
public://topics-images/img_4817.jpeg
Klook
public://topics-images/klook.png
Google Home
public://topics-images/new-google-home.png
Jules
public://topics-images/jules.png
Supabase
public://topics-images/supabase.png
Firebase
public://topics-images/firebase.png
Peter Molyneux
public://topics-images/peter_molyneux.jpg
Affinity
public://topics-images/p5wlrso8_400x400.jpg
Unity
public://topics-images/unity.png
Deloitte
public://topics-images/logo_of_deloitte.svg_.png
Hitachi
public://topics-images/d5cb3u_d_400x400.png
AltStore
public://topics-images/altstore.jpg
Nobel
public://topics-images/nobel.png
Arduino
public://topics-images/arduino_logo.png
Sora
public://topics-images/img_8233.png
Windows XP
public://topics-images/windows_xp.png
GoPro
public://topics-images/gopro.png
Pikmin
public://topics-images/pikmin.png
Windows 10
public://topics-images/windows_10_logo.svg_.png
Toyota
public://topics-images/toyota-logo.png
iPad Pro
public://topics-images/ipadpro.png
Apple M5
public://topics-images/apple-m5.png
MacBook Pro
public://topics-images/macbookpro.png
Coral
public://topics-images/coral_symbol.png
Parallels
public://topics-images/parallels.png
Privacy Sandbox
public://topics-images/privacy-sandbox.png
Indiegogo
public://topics-images/352568630_639892788063249_6998682290287321916_n.jpg
GIMP
public://topics-images/wilber-big.png
JavaScript
public://topics-images/unofficial_javascript_logo_2.svg_.png
Xubuntu
public://topics-images/vvrc4lnm_400x400.jpg
Atlas
public://topics-images/atlas_browser.png
Mastercard
public://topics-images/mastercard.png
ICANN
public://topics-images/icann_logo.svg_.png
Halo
public://topics-images/halo-series-logo.svg_.png
Open Source
public://topics-images/open_source_initiative.svg_.png
Grokipedia
public://topics-images/grokipedia.png
Redmi
public://topics-images/redmi.png
SUSE
public://topics-images/suse.png
Superhuman
public://topics-images/img_1132.jpeg
Paramount
public://topics-images/paramount.png
Pat Gelsinger
public://topics-images/img_1172.jpeg
Animal Crossing
public://topics-images/img_1544.png
Magic Leap
public://topics-images/magic_leap_logo.svg_.png
Coca-Cola
public://topics-images/coca_cola.png
PlayStation Portal
public://topics-images/ps-portal.png
Polestar
public://topics-images/polestar.png
Eclipse Foundation
public://topics-images/eclipse-foundation.png
Moonshot AI
public://topics-images/moonshot-ai.png
BioWare
public://topics-images/bioware_2018.svg_.png
Mass Effect
public://topics-images/logo_mass_effect.svg_.png
Red Dead Redemption
public://topics-images/red-dead.png
ROCm
public://topics-images/rocm.png
Reuters
public://topics-images/reuters.png
Battery
public://topics-images/battery.png
Yann LeCun
public://topics-images/357655504_766123181865912_4812354228100980545_n.jpg
Amazon Leo
public://topics-images/leo-logo.png
X
public://topics-images/google-x.png
Steam Machine
public://topics-images/steam-machine.png
Deezer
public://topics-images/deezer_logo.jpg
Windows
public://topics-images/windows.png
Jeff Bezos
public://topics-images/jeff.jpg
The Game Awards
public://topics-images/the-game-award.png
Antigravity
public://topics-images/google-antigravity.png
Nexperia
public://topics-images/vydrpct0_400x400.jpg
Netherlands
public://topics-images/netherland_flag.png
SQLite
public://topics-images/sqlite.png
Rocket League
public://topics-images/rocket.png
AirDrop
public://topics-images/airdrop.png
Cities: Skylines
public://topics-images/cities-2.png
Ai2
public://topics-images/ai2.png
CSA
public://topics-images/csa.jpg
Matter
public://topics-images/matter.png
Apple TV
public://topics-images/appletv.png
Cryptography
public://topics-images/gemini_generated_image_lmurlulmurlulmur-removebg-preview.png
Quick Share
public://topics-images/quickshare.png
PS3
public://topics-images/ps3.png
PDPC
public://topics-images/pdpc.png
Far Cry
public://topics-images/farcry-logo.png
Spring
public://topics-images/spring.png
KDE
public://topics-images/kde.png
SCB 10X
public://topics-images/scb10x.png
Airbus
public://topics-images/logo_blue-copy.png
Nano Banana
public://topics-images/nano-banana.png
teppay
public://topics-images/teppay.png
Absurd Ventures
public://topics-images/absurd.png
IPO
public://topics-images/ipo_font.png
Memory
public://topics-images/media-flash.svg_.png
Synopsys
public://topics-images/bfge93-w_400x400.jpg
MKBHD
public://topics-images/mkbhd.jpg
Let's Encrypt
public://topics-images/lsujvwxu_400x400.jpg
Bun
public://topics-images/bun.png
Z.ai
public://topics-images/zai.png
Kiro
public://topics-images/kiro.png
Binance
public://topics-images/f5y2qenu_400x400.jpg
Total War
public://topics-images/total-war.png
Oxford English Dictionary
public://topics-images/oajpdine_400x400.jpg
Mihoyo
public://topics-images/mihoyo.png
Tekken
public://topics-images/tekken_series_logo.svg_.png
XREAL
public://topics-images/xreal.png
Elastic
public://topics-images/elastic.png
Elasticsearch
public://topics-images/elasticsearch.png
OpenSearch
public://topics-images/opensearch.png
Log4j
public://topics-images/apache_log4j_logo.png
Circana
public://topics-images/circana.png
Terra
public://topics-images/terra.png
Larian Studios
public://topics-images/larian.jpg
Time
public://topics-images/cv44xy5x_400x400.jpg
Control
public://topics-images/control.png
Remedy Entertainment
public://topics-images/remedy.png
Alan Wake
public://topics-images/alanwake-logo.svg_.png
Rockman
public://topics-images/rockman_logo.png
R
public://topics-images/r_logo.svg_.png
System76
public://topics-images/system76.png