[Css3] CSS3PS ดีจริงดิ!!!

posted on 02 Jul 2012 03:46 by limitblog in say directory Diary
     สวัสดีวันจันทร์ครับผม ... euro สเปนก็เป็นที่แน่ชัดไปแล้วนะครับ 4 - 0 ดีใจหลายที่ไม่เสียเงิน.
 
วันนี้ผมเอาไอ้ Plugin ของ Photoshop มารีวิวครับมันชื่อ css3ps ครับ การทำงานคล้ายๆกับ csshat คือเราสามารถสร้าง button style ใน photoshop แล้วไอ้ตัว css3ps มันก็จะประมวลผลให้เราออกมาเป็น code css ถ้างงดูวีดีโอกัน ...ที่สำคัญ css3ps มันฟรี
[ขอแปะวีดีโอของเค้าหน่อยละกันเดี๋ยวบล๊อกมันจะสั้นไป 555+]
 

หลังจากนั้นผมก็ได้ลองทำขึ้นมาอันนึงโดย ภาพที่ผมใช้ในการทดลองคืออันนี้...
[กดที่นี่เพื่อไปยังแหล่งที่มา]
 
 
แล้วผมก็เอาไปแปะไว้ที่นี่ JsFiddle [firefox only] หลังจากที่ผมใช้ผมรู้สึกว่า
 
   - ไม่ซับซ้อนซ่อนเงื่อนใช่ง่ายพอทำเสร็จก็กดไอ้ปุ่มนั้นเลย..
   - layer เป็น layer botton โดดๆ ห้ามมี layer อื่นมาแจม คือ effect เดียวจบ กระทัดลัดไปไหม ใส่ effect อันเดียวมันยุ่งยากอยู่... ถ้ามีอันอื่นมาปนมันจะแยกให้เป็นอีกอันไปเลย -*-
   - หลังจากประมวลผล มันไม่ได้แยกว่าเป็น -moz หรือ -webkit ให้ต้องใส่กันอีกที ซึ่งไม่ช่วยให้มันง่ายกว่าเดิมเลย..และที่สำคัญมันไม่มี Border radius ให้ ซึ่งผมต้องมานั่งใส่เอง 36 อัน
 
สรุปเลย ส่วนตัวผม ผมแนะนำ ไม่ต้องใช้ครับดีที่สุด 555+ ผมว่ามันยุ่งยากกว่าเราเขียน css ขึ้นมาเองซะอีก ..
 
หรือใครที่อยากลองก็เข้าไปโหลดกันนะครับ css3ps ฟรีครับ และแบบเสียตังค์ csshat อันนี้ 19.99$ ก็ 600฿ บ้านเราได้
 
 
ท้ายนี้: เปลี่ยนหน้ากากในหน้า #indexpage คาดว่าจะมีธีมหน้าตางามๆ พรีวิวสวยๆ ก่อนเข้าบล๊อกมาแจก ถ้าทาง exteen ไม่ลบออกนะครับ อิอิ 
 

Comment

Comment:

Tweet

ปล. กลับมาอัพเดทให้ค่า css3ps เขาแก้ให้ไม่ต้องเติม -moz -webkit เอง
แก้ให้มี Border radius ด้วย อิอิ

#8 By NAT on 2012-08-05 19:07

ลองโหลดมาใช้เหมือนกัน เมื่อเช้านี้ ซึ่งโค้ดมันงง เขียนเองเราว่าง่ายกว่านะ  Hot! Hot! Hot!

#7 By NAT on 2012-07-05 21:48

ขอบคุณครับ
ผมชอบฝึกฝนตัวเองมากกว่านะbig smile Hot!

#6 By プフ PRECURE on 2012-07-04 14:44

น่าลองเอามาเล่นดีครับ Hot! Hot! Hot! big smile open-mounthed smile confused smile

#5 By บุรุษนิรนาม on 2012-07-04 01:27

เข้ามาเจอบลอค วันนี้ แอบตกใจ sad smile
ว่าอะไรเต็มบลอค อัพเดท ตลอดเลยนะครับ Hot!

#4 By p.cobra on 2012-07-03 02:26

เครื่องมือสำหรับมืออาชีพ
หรือผู้มีใจรัก
สอง ฮ่าๆๆ
big smile open-mounthed smile confused smile Hot! Hot! Hot!

#3 By Nirankas on 2012-07-02 18:05

เข้ามาหน้าเว็บแล้วตะลึง - - จัดเต็มมาก
ไอเดียสร้างสรรค์มากเลยฮะ
ขอนำ footer ไปใช้หน่อยนะฮะ :D

#2 By iSadNop on 2012-07-02 11:26

ผมว่าเขียนเองสนุกกว่า  เสียอีกถ้าจะมาเพิ่ม border-radius เอง แถมไม่แยก -moz-border-radius / -webkit-border-radius ให้ ว้ายยย!!! ยากขึ้นกว่าเดิมอีก เพราะมัน gen ค่าพวก class ที่มีชื่อไม่เทห์เอาเสียเลย tongue tongue Hot! Hot! Hot!

#1 By ozinepank on 2012-07-02 10:48