ใช้เครื่องมืออะไรพัฒนาและออกแบบ HTML5+CSS ครับ

By way_cs16 Contributor on Tag:

ใช้เครื่องมืออะไรพัฒนาและออกแบบ HTML5+CSS3 ครับ
ตอนนี้กำลังศึกษาด้านอยู่อยู่ เน้นไปทาง AJAX HTML5+CSS3
ในงานจริงๆนี่ Web Developer ทุกท่านทำงานกันอย่างไรครับ
ใช้ Text Editor เขียนทั้งหมดเลยไหม เขียนเสร็จ Save -> Refresh browser เพื่อดูผลลัพธ์เลยหรือเปล่าครับ
หรือมีเครื่องมีอะไรที่ทำให้การทำงานง่ายขึ้น
พวก Adobe Edge จำเป็นไหม คำถามเพียบเลย 555 ขอบพระคุณล่วงหน้าครับ

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
 MuvMi (Urban Mobility Tech Co.,Ltd.) company cover
MuvMi (Urban Mobility Tech Co.,Ltd.)
Shape the future of urban mobility towards affordable, clean, and safe solutions
 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 company cover
LTMH
LTMH มุ่งเน้นการพัฒนาผลิตภัณฑ์ที่สามารถช่วยพันธมิตรของเราให้บรรลุเป้าหมาย
 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

itpcc Tue, 23/04/2013 - 20:45

ใช้เครื่องมืออะไรพัฒนาและออกแบบ HTML5+CSS3 ครับ --> Sublime Text2 + NetBeans 7.0.2 ครับ
ใช้ Text Editor เขียนทั้งหมดเลยไหม เขียนเสร็จ Save -> Refresh browser เพื่อดูผลลัพธ์เลยหรือเปล่าครับ --> ส่วนใหญ่ใช่ครับ
หรือมีเครื่องมีอะไรที่ทำให้การทำงานง่ายขึ้น --> inspect element + stackOverFlow + JSBin ครับ
พวก Adobe Edge จำเป็นไหม --> ผมเองก็ไม่ทราบนะ แต่ผมว่าถ้าเป็นพวกอนิเมชันประกอบก็น่าจะจำเป็นล่ะครับ :)

adente Tue, 23/04/2013 - 21:25

notepad++ โล้ด เขียนไปเรีื่อยๆจะจำ syntax ได้ขั้นเทพเองครับ เลือก browser คู่ใจมาสักหนึ่งที่เราสามารถ inspect element มันได้ ก็แค่นี้แหละครับ

AMp Tue, 23/04/2013 - 21:49

IDE ใช้เป็น Sublime Text2 ครับ
ส่วน CSS3 นี่ใช้ SASS+Compass เป็นตัวช่วยให้เขียน CSS3 ง่ายขึ้น(อีกนิด)
เขียนเสร็จก็เซฟแล้ว Refresh ดูผลลัพธ์ตามปกติครับ

jirayu Wed, 24/04/2013 - 04:39

เครื่องมือที่ใช้ หลักๆก็

  • Notepad++ สำหรับแก้โค๊ด
  • บรรดา Inspector ที่มากับเบราเซอร์ (แต่จะเน้นทำงานกับ Dragonfly บน Opera เป็นหลัก)
  • FileZilla สำหรับ FTP
  • Photoshop + Illustrator สำหรับงานที่ต้องแกะ PSD, AI

ขั้นตอนทำงานก็ เขียน > เซฟ > รีเฟรช > inspect ครับ

ส่วนพวกเครื่องมืออย่าง Adobe Edge จำเป็นมั๊ย ตอบได้เลยว่าไม่จำเป็นครับ แต่ถ้าใช้เป็นและคล่อง งานก็สะดวกกว่าการมานั่งเขียนโค๊ดเองมากครับ

webapps Wed, 24/04/2013 - 12:36

Save -> Refresh browser ครับ เครื่องมือที่ใช้

  1. Programmer’s Notepad (http://www.pnotepad.org/)
  2. Server2go + Google Chrome

ตัวอย่างที่
http://www.siam-apps.net/

EThaiZone Wed, 24/04/2013 - 20:40

ทำหน้าที่ๆ IDE ทั่วไปควรทำครับ ได้แก่

  • แสดง autocompletion และ hint
  • ทำ refactor code
  • debug ขั้นสูงรวมกับระบบอื่นๆ (กรณี PHP คือ xdebug)

นอกนั้นก็มีอย่างอื่นอีกบ้างครับ แต่หลายอย่าง ST2 ก็ทำทดแทนได้นะ สำหรับผม ST2 ทดแทนได้เกือบหมดล่ะ ยกเว้น autocompletion ของ codeintel มันไม่แสดง hint ทำให้ที่เราเขียน phpdoc ไว้ซะละเอียดรู้สึกลดคุณค่าไปนิดหนึ่ง (autocompletion ของ NEtbeans มันดึง phpdoc มาแสดง)

13ankster Thu, 25/04/2013 - 13:24

Netbeans กันเยอะ มันดีกว่า Eclipse หรือ Aptana ยังไงบ้างครับ ใครช่วยบอกที

ทุกวันนี้ใช้ Aptana กำลังเริ่มย้ายไป Sublime Text2 แล้วก็มี Notepad++ เอาไว้แก้ไฟล์บนเซิร์ฟเวอร์ จาก FileZilla อีกที

cmpaisan Fri, 26/04/2013 - 15:06

เครื่องมือที่ใช้

  • Appserve ทดสอบบนเครื่องตัวเอง
  • Editplus เขียนโค๊ด
  • Navicat ออกแบบฐานข้อมูล
  • Firefox + Firebug ในการ debug เช็คโค๊ด
  • Developer toolbar ตรวจการแสดงผล reponsive โดย resize on เลือกขนาดหน้าจอได้
  • Php maker ในการรัน admin
    Adobe Edge น่าใช้ดี แต่ไม่เคยใช้

Similanblu Sun, 28/04/2013 - 11:19

ถ้าทำแต่ Front End อย่างเดียวก็ Aptana + Chrome จะต้องการอะไรมากกว่านี้อีก

ถ้าทำ Back End ไปพร้อมๆ กัน หรือต้องใช้ template language ก็เปิด Eclipse ที่ลง Web Development Tool แทน Aptana