Web design techniques come and go l

Web design techniques come and go like fads. Remember Asynchronous JavaScript and XML? For several months in 2006 and 2007, Ajax was all the rage. Now, not so much. A sea change in the way people use technologies has seen one Web development paradigm rise up over the past few months, this time with staying power: Responsive Web design.

The principle of responsive web design and development ensures a website can be viewed from any device, with any size screen, with an experience that gracefully moves from step-down to step-up. It's about respecting the fact that users want to consume website experiences on their 4-inch mobile smartphone screen, their 7-inch mini tablet screen, their full-size 10-inch tablet device, their laptop screen and even their big-screen 4H HDTV. The design is responsive because it constantly takes into account the properties of the device and the browser on which the user consumes the content.

Responsive Web design judiciously uses grids, which let developers define how an experience will scale, as well as flexible images, formats and containers. It also represents a change of mindset for the developer, since he or she now prescribes relative sizes, such as 2.5 units wide, instead of definitive, specific measurements, such as 202 pixels, when placing and sizing elements of a page.

By using relative and not definitive measurements for elements on a page and their containers, the basic design and usability of a page can be maintained while scaling up and down on different browser sizes - that is, the site can be responsive to these changes -. Pages can gracefully eliminate elements that don't fit in a smaller window, too, and gain them back when the browser is later enlarged or un-zoomed.

Even Google – arguably one of the gatekeepers of the Web industry, since designers build websites essentially to attract and retain the Google crawler and convince it to rank their sites highly in users' search engine queries– has embraced responsive Web design.

"Google recommends webmasters follow the industry best practice of using responsive web design, namely serving the same HTML for all devices and using only CSS media queries to decide the rendering on each device," the search giant says in its Google webmasters guide.

Here's what you need to know about responsive Web design and how it coalesces with our current environment.

ผลลัพธ์ (ไทย) 1:

เทคนิคการออกแบบเว็บมาและไปเช่นแฟชั่น จำไม่ตรงกัน JavaScript และ XML? เป็นเวลาหลายเดือนในปี 2006 และ 2007, อาแจ็กซ์เป็นทั้งหมดวิโรธ ตอนนี้ไม่มาก การเปลี่ยนแปลงของทะเลในวิธีที่ผู้คนใช้เทคโนโลยีได้เห็นหนึ่งในกระบวนทัศน์การพัฒนาเว็บขึ้นในช่วงไม่กี่เดือนที่ผ่านมาคราวนี้มีอำนาจอยู่:. การออกแบบเว็บที่ตอบสนองต่อ

หลักการของการออกแบบเว็บและตอบสนองการพัฒนาเพื่อให้แน่ใจว่าเว็บไซต์ของคุณสามารถดูได้จากอุปกรณ์ใด ๆ ที่มีหน้าจอขนาดใดที่มีประสบการณ์อย่างสง่างามที่ย้ายจากขั้นตอนลงเพื่อก้าวขึ้น มันเป็นเรื่องของการเคารพความจริงที่ว่าผู้ใช้ต้องการที่จะใช้ประสบการณ์ของเว็บไซต์บนหน้าจอมาร์ทโฟนของพวกเขาขนาด 4 นิ้วโทรศัพท์มือถือหน้าจอแท็บเล็ตของพวกเขาขนาด 7 นิ้วมินิขนาดเต็มของพวกเขาอุปกรณ์แท็บเล็ตขนาด 10 นิ้ว,หน้าจอแล็ปท็อปของพวกเขาและแม้กระทั่งจอใหญ่ของพวกเขา 4h HDTV การออกแบบที่มีการตอบสนองอย่างต่อเนื่องเพราะต้องคำนึงถึงคุณสมบัติของอุปกรณ์และเบราว์เซอร์ที่ผู้ใช้สิ้นเปลืองเนื้อหา.

ออกแบบเว็บที่ตอบสนองอย่างรอบคอบใช้กริดที่ช่วยให้นักพัฒนากำหนดวิธีประสบการณ์ที่จะวัดเช่นเดียวกับภาพที่มีความยืดหยุ่น รูปแบบและภาชนะบรรจุก็ยังแสดงให้เห็นถึงการเปลี่ยนแปลงของความคิดสำหรับนักพัฒนาเพราะเขาหรือเธอในขณะนี้กำหนดขนาดญาติเช่น 2.5 หน่วยกว้างแทนแตกหักวัดที่เฉพาะเจาะจงเช่น 202 พิกเซล, เมื่อวางและขนาดขององค์ประกอบของหน้า.

โดย โดยใช้การวัดที่ชัดเจนและญาติไม่ได้สำหรับองค์ประกอบบนหน้าเว็บและภาชนะบรรจุของพวกเขา,พื้นฐานการออกแบบและการใช้งานของหน้าสามารถรักษาในขณะที่การปรับขึ้นและลงบนเบราว์เซอร์ที่แตกต่างกันขนาด - นั่นคือเว็บไซต์ที่สามารถตอบสนองต่อการเปลี่ยนแปลงเหล่านี้ - หน้าอย่างสง่างามสามารถกำจัดองค์ประกอบที่ไม่พอดีกับหน้าต่างที่มีขนาดเล็กเกินไปและได้รับพวกเขากลับมาเมื่อเบราว์เซอร์เป็นวันหลังจากขยายหรือยกเลิกการซูม

แม้แต่ Google -. เนื้อหาที่เป็นหนึ่งในคนเฝ้าประตูของอุตสาหกรรมเว็บ,ตั้งแต่การออกแบบการสร้างเว็บไซต์เป็นหลักในการดึงดูดและรักษาซอฟต์แวร์รวบรวมข้อมูล Google และโน้มน้าวให้มันในการจัดอันดับเว็บไซต์ของตนสูงในเครื่องมือค้นหาของผู้ใช้แบบสอบถามได้นำเอาการออกแบบเว็บที่ตอบสนอง.

"Google แนะนำเว็บมาสเตอร์ตามอุตสาหกรรมปฏิบัติที่ดีที่สุดของการใช้การออกแบบเว็บตอบสนองคือการให้บริการ html นี้เหมือนกันสำหรับอุปกรณ์ทั้งหมดและใช้เพียงคำสั่ง css ของสื่อในการตัดสินใจการแสดงผลบนอุปกรณ์แต่ละ, "ยักษ์ค้นหาพูดว่าในคู่มือเว็บมาสเตอร์ของ google.

นี่คือสิ่งที่คุณจำเป็นต้องรู้เกี่ยวกับการออกแบบเว็บที่ตอบสนองและวิธีการที่เรียบด้วย สภาพแวดล้อมในปัจจุบันของเรา

ผลลัพธ์ (ไทย) 2:

เทคนิคการออกแบบเว็บมา และไปเช่น fads จำแบบอะซิงโครนัส JavaScript และ XML หรือไม่ เวลาหลายเดือนในปี 2006 และ 2007 อาแจ็กซ์เป็นความโกรธทั้งหมด ตอนนี้ ไม่มาก ทะเลเปลี่ยนแปลงในทางคนใช้เทคโนโลยีได้เห็นกระบวนทัศน์พัฒนาเว็บหนึ่งลุกฮือไม่กี่เดือนที่ผ่านมา ด้วย staying power ในครั้งนี้: ออกแบบเว็บตอบ

หลักการออกแบบเว็บตอบสนองและพัฒนาเราช่วยให้เว็บไซต์สามารถดูได้จากอุปกรณ์ใด ๆ มีขนาดหน้าจอ มีประสบการณ์การอย่างสิ้นเชิงไปจาก step-down step-up เกี่ยวกับข้อเท็จจริงที่ผู้ใช้ต้องการใช้เว็บไซต์ประสบการณ์บนหน้าจอสมาร์ทโฟนมือถือ 4 นิ้ว หน้าจอ 7 นิ้วของแท็บเล็ตขนาดเล็ก อุปกรณ์ของแท็บเล็ต 10 นิ้วขนาดเต็ม เคารพ หน้าจอแล็ปท็อปของพวกเขาและแม้กระทั่งความใหญ่หน้าจอ 4H HDTV แบบไม่ตอบสนองเนื่องจากมันอย่างต่อเนื่องจะพิจารณาคุณสมบัติของอุปกรณ์และเบราว์เซอร์ที่ผู้ใช้เนื้อหา

ออกแบบตอบสนองเว็บ judiciously ใช้กริด ซึ่งช่วยให้นักพัฒนากำหนดว่าจะปรับประสบการณ์ ภาพยืดหยุ่น รูปแบบ และบรรจุภัณฑ์ ยังแสดงการเปลี่ยนแปลง mindset นักพัฒนา เนื่องจากเขาหรือเธอตอนนี้ได้กำหนดขนาดที่เปรียบเทียบ เช่นกว้าง ทั่วไป การวัด เช่นพิกเซล 202 แทนเมื่อวาง และขนาดองค์ประกอบของการหน้า 2.5 หน่วย

โดยญาติ และไม่ทั่วไปวัดสำหรับองค์ประกอบบนเพจและการบรรจุภัณฑ์ การออกแบบพื้นฐานและใช้งานหน้าสามารถรักษาขณะปรับขึ้นและลงในเบราว์เซอร์อื่นขนาด - นั่นคือ เว็บไซต์สามารถตอบสนองต่อการเปลี่ยนแปลงเหล่านี้ - หน้าสง่างามสามารถกำจัดองค์ประกอบที่ไม่พอดีกับหน้าต่างที่มีขนาดเล็กกว่า เกินไป และได้รับพวกเขากลับมาเมื่อภายหลังมีขยายเบราว์เซอร์ หรือ ขยายสหประชาชาติ ได้

แม้ Google – ว่าหนึ่งของ gatekeepers เว็บอุตสาหกรรม เนื่องจากนักออกแบบสร้างเว็บไซต์เพื่อดึงดูด และรักษา Google crawler มั่นใจการจัดอันดับสูงในไซต์ของตนเป็น ผู้ค้นหาเครื่องยนต์ queries– กอดตอบสนองการออกแบบเว็บแนะนำ

"Google ให้เว็บมาสเตอร์ทำตามดีที่สุดของอุตสาหกรรมของใช้ออกแบบตอบสนองเว็บ ได้แก่บริการ HTML เดียวกันสำหรับอุปกรณ์ทั้งหมด และใช้เท่านั้น CSS สื่อแบบสอบถามเพื่อแสดงผลบนอุปกรณ์แต่ละการตัดสินใจ ค้นหายักษ์กล่าวว่า ในของ Google เว็บมาสเตอร์แนะนำ

นี่คือสิ่งที่คุณต้องรู้เกี่ยวกับการตอบสนองการออกแบบเว็บและวิธีมัน coalesces กับสภาพแวดล้อมของเรา

ผลลัพธ์ (ไทย) 3:

เทคนิคการออกแบบเว็บมาและเข้าไปเหมือนกับ ภูมิอากาศ โปรดจำไว้ว่าแบบอะซิงโครนัส JavaScript และ XML สำหรับหลายเดือนในปี 2006 และ 2007 AJAX เป็นความโกรธเกรี้ยวทั้งหมด ในตอนนี้ไม่มีอะไรมากมายนัก. เปลี่ยนทะเลในแบบที่คนใช้เทคโนโลยีได้เห็นหนึ่งกระบวนทัศน์การพัฒนาเว็บลุกขึ้นไปไม่กี่เดือนที่ผ่านมาเวลานี้กำลังเข้าพักอยู่ได้อย่างฉับไวด้วยออกแบบเว็บ.

หลักการของการพัฒนาและการออกแบบเว็บและตอบสนองอย่างรวดเร็วช่วยให้เว็บไซต์ที่สามารถดูได้จากอุปกรณ์ทุกชนิดที่มีหน้าจอขนาดใดก็ได้พร้อมด้วยประสบการณ์ที่ได้ไปจากขั้นตอนที่ - ลงมาถึงขั้นตอนที่ได้รับ จะเป็นเรื่องการเคารพความจริงที่ผู้ใช้ต้องการ บริโภค ประสบการณ์เว็บไซต์ในหน้าจอสมาร์ทโฟนเคลื่อนที่ 4 - นิ้วของเขาบนหน้าจอแท็บเล็ตขนาดมินิ 7 นิ้วที่อุปกรณ์ Tablet 10 นิ้วขนาดใหญ่ของพวกเขาหน้าจอแลปทอปและแม้แต่ผลบนอุปกรณ์หลาย ประเภท เช่น HDTV หน้าจอขนาดใหญ่ 4 ชั่วโมงของพวกเขา มีการออกแบบที่ตอบสนองได้ดีขึ้นอย่างต่อเนื่องเพราะมันจะเป็นบัญชีทรัพย์สินของอุปกรณ์และเบราเซอร์ที่ผู้ใช้นี้จะใช้เนื้อหา.

การออกแบบเว็บและตอบสนองได้อย่างดีสุขุมรอบคอบใช้ระบบซึ่งทำให้นักพัฒนาสามารถกำหนดวิธีการรับประสบการณ์ที่จะขยายเป็นอย่างดีเป็นรูปแบบ ภาพ ที่มีความยืดหยุ่นและตู้คอนเทนเนอร์นอกจากนี้ยังเป็นการเปลี่ยนวิธีคิดของสำหรับนักพัฒนามาตั้งแต่เขาหรือเธอเลิกขนาดญาติเช่น 2.5 หน่วยกว้างแทนการวัดเฉพาะแน่นอนเช่น 202 พิกเซลในการออกและองค์ประกอบการปรับขนาดของหน้าที่.

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

แม้แต่ Google - ถกเถียงกันว่าเป็นหนึ่งในคนเก็บค่าผ่านประตูของอุตสาหกรรมบนเว็บได้นับตั้งแต่ผู้ออกแบบสร้างเว็บไซต์การดึงดูดความสนใจและรักษาอัตราทด Google แล้วและเชื่อว่าจะสามารถจัดอันดับเว็บไซต์ของตนเป็นอย่างสูงในการค้นหาโปรแกรมค้นหาของผู้ใช้ - มีการออกแบบเว็บและตอบสนองได้ดีกอด.

" Google ขอแนะนำให้ What ' s New ทำตามอุตสาหกรรมการปฏิบัติที่ดีที่สุดในการใช้การออกแบบเว็บและตอบสนองได้อย่างดีคือจัดให้บริการ HTML เดียวกันสำหรับอุปกรณ์ทั้งหมดและใช้การค้นหาข้อมูลมีเดีย CSS เท่านั้นในการตัดสินใจการสร้าง ภาพ บนอุปกรณ์แต่ละตัว"ขนาดใหญ่การค้นหาที่อยู่ในคู่มือของ What ' s New google .

นี่คือสิ่งที่คุณต้องรู้เกี่ยวกับการออกแบบเว็บและตอบสนองได้ดีและวิธีการ coalesces พร้อมด้วย สภาพแวดล้อม ในปัจจุบันของเรา