คนทำเว็บไล่อ่านหัวข้อนี้ให้หมด คุณจะเป็นเมพพพพพพ
Posted by kkool | Filed under Web Design & Web Develope
คนทำเว็บไล่อ่านหัวข้อนี้ให้หมด คุณจะเป็นเมพพพพพพ
Link : spyrestudios.com/mega-collection-of-cheatsheets-for-designer-developers
Tags: Web Develope
เครื่องมือออนไลน์ที่ช่วยในการทำเว็บ
Posted by kkool | Filed under Web Design & Web Develope
ปัจจุบันนี้มีเครื่องมือออนไลน์มากมายที่ช่วยในการออกแบบและพัฒนาเว็บไซต์ ทั้งมือใหม่และมือเก่า โดยไม่ต้องใช้กำลังกันมากมายเหมือนแต่ก่อน มีหัวข้อให้เลือกกันเพียบเลยครับ ลองเลือกไปใช้ดูนะครับ หวังว่าจะมีประโยชน์กับทุกท่าน
- เครื่องมือสร้าง XML Sitemap
- เครื่องมือสร้างไฟล์ Robots.txt
- เครื่องมือสร้าง Password
- เครื่องมือสร้าง META Tags
- เครื่องมือสร้างไฟล์ htaccess
- เครื่องมือสร้าง Form สวยๆ
- เครื่องมือสร้างรูป Favicon.ico
- เครื่องมือสร้างกราฟิก E-mail
- เครื่องมือสร้าง CSS
- เครื่องมือสำหรับเลือกโทนสีในการออกแบบเว็บ
และอีกมากมาย…
Tags: online, tools, Web Develope
ขั้นตอนการออกแบบ Website
Posted by kkool | Filed under Web Design & Web Develope
การออกแบบเว็บอาจจะไม่ใช่เรื่องยากสำหรับผู้ที่มีความคิดในทางสร้างสรรค์ศิลปะ แต่การจะเริ่มต้นออกแบบและสร้างให้ดีนั้นต้องมีการวางแผน เรียนรู้เทคนิค ในการออกแบบอย่างถูกวิธีและถูกขั้นตอน รู้จักเลือกใช้เครื่องมือที่เหมาะสมกับการออกแบบ ผู้อ่านเคยสงสัยบ้างหรือเปล่าว่า ผู้ที่ไม่เคยมีประสบการณ์เกี่ยวกับการออกแบบเว็บมาก่อน แต่สามารถที่สร้างสรรค์ผลงานที่มีคุณภาพเหมือนกับมืออาชีพได้ ก็เพราะเขาเหล่านั้นรู้จักเลือกใช้เครื่องมือ เรียนรู้และทำความเข้าใจในหลักการ พร้อมทั้งพัฒนาฝีมือของตนเองอยู่เรื่อยๆ เพื่อให้เห็นความแตกต่างระหว่างจุดเริ่มต้นและก้าวต่อๆ ไป ฉะนั้นแนวทางที่จะพาคุณก้าวสู่จุดเริ่มต้นกับการเป็นนักออกแบบมือใหม่มีดังต่อไปนี้…
Tags: web, Web Develope, ขั้นตอนการออกแบบเว็บ
องค์ประกอบสำหรับการออกแบบเว็บ
Posted by kkool | Filed under Web Design & Web Develope
แนวทางในการออกแบบเว็บที่เป็นหัวใจหลักอันสำคัญมีอยู่ 5 องค์ประกอบ ดังนี้คือ
เนื้อหา (Content)
เป็นส่วนที่สำคัญอย่างยิ่งในเว็บ โดยจะเป็นการรวบรวมสิ่งที่ต้องการนำเสนอเพื่อสื่อให้เห็นถึงวัตถุประสงค์ของเว็บ มีแบบฟอร์มต่างๆ และรายละเอียด ประวัติ ที่ตั้งขององค์กร สิ่งเหล่านี้สามารถจัดเรียงข้อความ ให้เป็นระเบียบ มีจุดเด่นเห็นได้ชัดพร้อมทั้งสามารถเข้าถึงการใช้งานได้ง่าย โดยใช้เทคโนโลยี markup เช่น HTML เป็นต้น
Tags: Web Develope
Flash Actionscript Floating Background
Posted by kkool | Filed under Others, Web Design & Web Develope
Background ที่มี ฟองลอยๆ มี Interactive กับ Cursor เวลาลากไปลากมามันก็จะลอยหนีไป
เอาไว้ทำ Background พวก Kiosk หรือ พวก Flash Interactive ผู้ใช้งานจะได้ไม่เบื่อ
เคยเห็นใน Flashden.net เอามาขายกันแบบแพ็ค10-18 เหรียญ เลยไปหา script มาซะด้วยประการฉะนี้
Please enable Javascript and Flash to view this Flash video.วิธีการก็คือ
1. สร้าง bg สีไรก็ได้ตามชอบ จะใส่เทคนิคอะไร ตามใจชอบ เอาขนาดกว้างๆหน่อยซัก 800×600 px
2. สร้าง mc ชื่อว่า float1 ขึ้นมา เจ้าตัวนี้ละที่จะลอยๆ ไปที่ Linkage Properties ติ๊กที่ Export for Actionscript กับ
Export in first frame
3. สร้าง mc อีกตัว ชื่อว่า virtual ตัวนี้จะเป็นตัวอ้างอิงให้ float1 เกิดปฏิกิริยากับ float1 วางเจ้านี่ไว้ตำแหน่งบนซ้ายของ bg
4 . หลังจากนั้นก็เอา script นี้แปะไปใน frame 1 ของ bg
เรียบร้อย ลอง Ctrl+Enter ดู
รายละเอียดในการแก้ไข จำนวนการแสดงของ float1 อยู่ใน code แล้ว ลองเล่นกันดูนะครับ
Zip: floating_bg.zip
Tags: Flash Actionscript & Design, Web Develope
AJAX Tab เอาไว้แสดงกล่อง Content วนไปเรื่อยๆ
Posted by kkool | Filed under Freebies, Web Design & Web Develope
สามารถเอาไปประยุกต์ใช้งานได้สวยงาม
สามารถตั้งให้เริ่มแสดง Tab ที่ต้องการก่อน, กำหนดการหน่วงเวลาแต่ละ Tab ได้, มีปุ่มหยุดการ run Tab หวังว่าคงเป็นประโยชน์นะครับ
ปล. มันมีอยู่ในเครื่องอ่ะครับ ไม่แน่ใจว่าเอามาจากที่ไหน
Demo: Tabautochange
Download: Tabautochange
Tags: ajax, Web Develope
Random Background Header WP ด้วย Rotate.php
Posted by kkool | Filed under Freebies, Wordpress
นั่งเล่น WP ไปเล่นๆ เอ่อ… เรามีรูปที่ทำไว้สวยๆตั้งเยอะ อยากจะเอามาเปลี่ยน bg ของ Header แก้เบื่อซะหน่อย
เลยลองไป Search วิธี ก็ได้ความว่า ใน
background: #070707 url(images/bg.jpg) no-repeat center top;
เราสามารถแทนที่ภาพได้ด้วย
background: #070707 url(images/rotate.php) no-repeat center top;
คราวนี้ก็สนุกสิ ก็เลยไปหา Code Rotate มาใช้ก็ได้เจ้าตัวนี้มา rotate.php
Tags: Freebies, Web Develope, Wordpress
15 เครื่องมือเด่น! สำหรับ Web Developer
Posted by kkool | Filed under Web Design & Web Develope
หลายๆครั้งที่มี bug หรือ performance ไม่เป็นไปอย่างที่ตั้งใจก็ต้องมานั่ง Solve ปัญหาเอาจากประสบการณ์หรือ เดา ซึ่งนั่นก็ไม่เป็นวิธีที่ดูฉลาดนัก
ก็ในเมื่อเรามีเครื่องมือต่างๆมาช่วยเราได้ตั้งเยอะ ก็เอามาใช้ซะสิ เครื่องทั้ง 15 ชิ้นนี้ ผมก็ใช้ยังไม่หมดหรอก จะมีที่ใช้ก็แค่ Firebug, Web Developer, YSlow, Debugbar แล้วก็ HttpWatch และมีอีกสองตัวที่น่าสนใจก็คือ ColorZilla เรื่องสีกับ กับ FireFTP ที่ช่วยเรื่อง FTP ให้สะดวกขึ้น ส่วนที่เหลือท่านทั้งหลายก็ลองเอามาทดสอบใช้งานกันนะครับ
อาจจะถูกอารมณ์ ถูกใจท่านก็เป็นได้
