Category: สัพเพเหระ

  • Smashing Magazine ฉลองครบรอบ 5 ปี แจก eBook ฟรี

    Smashing Magazine ฉลองครบรอบ 5 ปี แจก eBook ฟรี

    smashing-magazine

    เนื่องด้วย Smashing Magazine ครบรอบ 5 ปี ทางเว็บ Smashing Magazine ได้รวบรวมสุดยอดบทความใน 5 ปีที่ผ่านมาไว้ใน eBook ที่มีชื่อว่า “Best of Smashing Magazine” Anniversary eBook.

    Best of Smashing Magazine Anniversary eBook.

    หัวข้อของเนื้อหาในเล่ม

    • “Thirty Usability Issues to Be Aware Of”  —  Vitaly Friedman
    • “Ten Principles of Effective Web Design”  —  Vitaly Friedman
    • “Clever JPEG Optimization Techniques”  —  Sergey Chikuyonok
    • “Typographic Design Patterns and Best Practices”  —  Smashing Editorial team
    • “Ten Useful Usability Findings and Guidelines”  —  Dmitry Fadeyev
    • “Setting Up Photoshop for Web and iPhone Development”  —  Marc Edwards
    • “The Ails of Typographic Anti-Aliasing”  —  Tom Giannattasio
    • “Mastering Photoshop: Noise, Textures and Gradients”  —  Marc Edwards
    • “Better User Experience With Storytelling”  —  Francisco Inchauste
    • “The Beauty of Typography, Writing Systems and Calligraphy”  —  Jessica Bordeau
    • “Web Designers, Don’t Do It Alone”  —  Paul Boag
    • “Making Your Mark on the Web Is Easier Than You Think”  —  Christian Heilmann
    • “Responsive Web Design: What It Is and How to Use It”  —  Kayla Knight
    • “I Want to Be a Web Designer When I Grow Up”  —  Michael Aleo
    • “Persuasion Triggers in Web Design”  —  David Travis
    • “What Font Should I Use?”  —  Dan Mayer
    • “The Design Matrix: A Powerful Tool for Guiding Client Input”  —  Bridget Fahrland
    • “Why User Experience Cannot Be Designed”  —  Helge Fredheim
    • “Dear Web Design Community, Where Have You Gone?”  —  Vitaly Friedman
    • “Make Your Content Make a Difference”  —  Colleen Jones
    • “Two Cats in a Sack: Designer-Developer Discord”  —  Cassie McDaniel
    • “Print Loves Web”  —  Mark Cossey

    ซึ่งสามารถ Download ได้จาก

    ที่มา : To Five Smashing Years… And A Free Anniversary eBook Treat!

  • หัดเขียนโปรแกรมไปกับ Codecademy.com

    หัดเขียนโปรแกรมไปกับ Codecademy.com

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

    codecademy [1]
    หน้าตาของเว็บ Codecademy

    คลิ๊กที่ Sign Up เพื่อสมัครเข้าใช้งานเลยครับ

    codecademy [2]
    กรอกข้อมูลต่าง ๆ เพื่อสมัครเข้าใช้งาน

    เมื่อกด Sign Up ไปแล้ว ก็เข้าสู่หน้านี้

    codecademy [4]
    หน้า Profile หลังจากสมัครแล้ว

    ระหว่างนั้นก็จะมีอีเมลส่งมาให้ตามอีเมลที่เราสมัครไป

    codecademy [4]
    เนื้อหาของอีเมลที่ส่งมาให้เรา

    แต่ก่อนจะทำอะไรต่อไป แนะนำให้ไปที่ Edit Account ก่อนนะครับ จะได้ตั้งค่าต่าง ๆ ที่จำเป็นในการเข้าใช้ครั้งหน้าของเรา

    codecademy [5]
    ตั้งค่า Account ของเราให้เรียบร้อยก่อนเรียน

    เมื่อกรอกข้อมูลต่าง ๆ จนเสร็จแล้ว มาที่หน้า Profile จะพบว่าข้อมูลของเราเปลี่ยนไปตามที่เรากรอกข้อมูลแล้ว เรามาเริ่มเรียนเขียนโปรแกรมกันดีกว่า

    codecademy [6]
    หน้าของ Profile ที่เปลี่ยนตามที่เราตั้งค่าไว้

    พอเราคลิ๊กที่หัวข้อ Getting Started with Programming ก็จะเป็นรายละเอียดเกี่ยวกับหัวข้อนี้สำหรับเรา ว่าเราเรียนไปถึงไหนแล้ว แต่ตอนนี้เรายังไม่ได้เริ่ม เลยยังเป็น 0% อยู่ งั้นก็มาเริ่มเรียนโดยกดที่ Start your first lesson ทางด้านขวา

    codecademy [7]
    คลิ๊ก Start your first lesson เพื่อเริ่มเรียน

    ในหน้าบทเรียนนั้น จะมีลักษณะเป็นแบบนี้

    codecademy [8]
    หน้าบทเรียน

    โดยแต่ละส่วนก็ทำหน้าที่ของมันดังนี้

    codecademy [13]
    บอกว่าเราอยู่หัวข้อไหน บทที่เท่าไหร่แล้ว
    codecademy [14]
    บอกจุดประสงค์ของหัวข้อนี้ ว่าต้องการให้เราทำอะไร
    codecademy [15]
    ส่วนที่ไว้ให้เราเขียนโปรแกรม ตามจุดประสงค์ของแต่ละข้อจากด้านซ้าย

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

    codecademy [10]
    ได้ Badges หลังจากที่ทำบทแรกเสร็จ

    คราวนี้ลองกลับมาที่หน้า Profile จะพบว่า เราเรียนหัวข้อ Getting Started with Programming ไปแล้ว 12% มีแต้มสะสมเท่าไหร่ ได้ Badges อะไรบ้างแล้ว

    codecademy [11]
    หน้า Profile ของเราที่เปลี่ยนไป หลังจากที่เรียนบทแรกเสร็จแล้ว

    ซึ่งตอนนี้ ถ้าเข้าไปที่หัวข้อ Courses จะพบว่ามีให้เรียนอยู่สองหัวข้อตามนี้

    codecademy [12]
    หน้า Courses

    ถ้าใครอยากลองเข้าไปเรียนบ้าง ก็ตามไปที่ Codecademy เลยครับ