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.

Users demand a first-class mobile browsing experiences
PCs are becoming passé. An increasing portion of your target audience uses devices that don't support the traditional width resolutions in the browser. They demand a first-class experience on their phones first and their desktops a distant second.

An informal moniker for responsive Web design and its attendant development is "mobile first," which recognises that a significant portion of website traffic these days comes from portable devices of all sizes and form factors.

From smartphones to mini-tablets to regular-size tablets, a significant and growing portion of Web consumption is happening on devices on the go. You and your developers can no longer assume that your sites are being used on a full-screen desktop PC and develop mobile sites as an afterthought.

Frankly, the state of the mobile website market today is pretty dismal. Have you ever visited an airline website on your phone, for example? That was most likely a frustrating experience. Picture a dumbed-down site that lets you do one or two things - check flight statuses and maybe, just maybe check in for your flight - but kicks you back to the full site for tasks such as booking tickets or checking your frequent flyer mileage balance. The full site takes 45 seconds or more to load, mind you.

That's certainly not a mobile first experience. Indeed, wouldn't an airline website be the perfect site for a mobile first design? You have a phone in your pocket or bag most of the time at an airport; you're not carrying your powered-on, logged-on laptop everywhere. Why shouldn't you grab a boarding pass, rebook a flight, view yourself on standby or upgrade lists by default on mobile sites? A customer at an airport is a valuable asset, but airline websites are often designed for the person at home. Under a responsive Web design paradigm, that would change.

Users want content right this second
More websites are being accessed on the go, over cellular connections, so it's important to design pages that respond well and are usable over slower and/or higher latency connections as soon as possible, even before the page is finished loading. This often involves creating server-side components that detect what sort of device a user is consuming content on, then accessing a comprehensive database of device differences to serve the right content and client-side controls (such as JavaScript) so pages load faster than they otherwise would on any given device.

With responsive Web design, media queries are used to send the properties of the device a user is using - in particular, the width of the browser - and the server serves up different CSS style rules that end up letting the user have the best version of the site experience possible.

However, this can quickly balloon into an expensive approach. For one, that device database will always be changing, and it will essentially be a big list of quirks - for this phone, load this version of the code and send this version of the CSS, but for this tablet, send this particular version of the code, and so on. Creating and maintaining this database will be-time consuming and require many man-hours of expertise.

This part of the overall responsive Web design concept may be out of the reach for small and medium-sized businesses, who may prefer to optimize on a standards-based approach and, in essence, hope for the best. Alternatively, those businesses may be able to take advantage of frameworks such as jQuery Mobile that can query devices and make intelligent features about what HTML and CSS features will work. This is, perhaps, the most active area of innovation in the responsive Web design paradigm.

Web ad tech hasn't kept up with responsive web design
The most common challenge user-facing website creators have - well, at least user-facing websites funded by advertising dollars - is how to scale the advertising. Banner ads typically have a fixed width and don't scale down or degrade well; they simply work at a certain width and stop functioning when that width decreases.

This obviously affects site operators' revenue. How can they justify monkeying with design and creating mobile-first experiences when those valuable views and clicks aren't monetized? This is an area where pressure from site operators will be the big lever by which advertising companies will be induced to create and provide the technology for advertising to become compatible with responsive Web design techniques.

Whether you lead a team of designers responsible for an internal or external site, or you are a Web developer yourself, you need to know that responsive Web design is here to stay. Become familiar with it, study the techniques and insist that your partners make technology that makes responsive Web design both possible and attractive.

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

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

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

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

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

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

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

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

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

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

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

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

ที่ไม่แน่นอนประสบการณ์ครั้งแรกของโทรศัพท์มือถือ อันที่จริงเว็บไซต์สายการบินไม่ได้ที่จะเป็นเว็บไซต์ที่สมบูรณ์แบบสำหรับการออกแบบครั้งแรกของโทรศัพท์มือถือ คุณมีโทรศัพท์มือถือในกระเป๋าหรือถุงมากที่สุดของเวลาที่สนามบินของคุณ; คุณไม่ได้ดำเนินการขับเคลื่อนบนแล็ปท็อปของคุณเข้าสู่ระบบบนทุกที่ ทำไมคุณไม่ควรคว้าบอร์ดดิ้งพาส, จองใหม่เที่ยวบิน, ดูตัวเองในรายการสแตนด์บายหรืออัปเกรดโดยเริ่มต้นบนเว็บไซต์มือถือ ลูกค้าที่สนามบินเป็นสินทรัพย์ที่มีค่าแต่เว็บไซต์สายการบินได้รับการออกแบบสำหรับคนทั่วไปมักจะอยู่ที่บ้าน ภายใต้กระบวนทัศน์การออกแบบเว็บตอบสนองที่จะเปลี่ยน.
ผู้ใช้
ต้องการเนื้อหาที่สองจากขวานี้
เว็บไซต์ขึ้นมีการเข้าถึงได้ในระหว่างการเดินทางผ่านการเชื่อมต่อโทรศัพท์มือถือจึงเป็นสิ่งสำคัญในการออกแบบหน้าเว็บที่ตอบสนองดีและมีความสามารถใช้งานได้กว่าช้าลงและ / หรือ สูงกว่าการเชื่อมต่อความล่าช้าโดยเร็วที่สุดเท่าที่เป็นไปได้แม้ก่อนหน้านี้มีการเสร็จสิ้นการโหลด นี้มักจะเกี่ยวข้องกับการสร้างส่วนประกอบฝั่งเซิร์ฟเวอร์ที่ตรวจสอบสิ่งที่จัดเรียงของอุปกรณ์ของผู้ใช้เป็นเนื้อหาบริโภคแล้วการเข้าถึงฐานข้อมูลที่ครอบคลุมของความแตกต่างอุปกรณ์ที่จะให้บริการเนื้อหาที่เหมาะสมและการควบคุมฝั่งไคลเอ็นต์ (เช่นจาวาสคริปต์) เพื่อให้หน้าเว็บโหลดได้เร็วขึ้นกว่าที่พวกเขา จะเป็นอย่างอื่นบนอุปกรณ์ใดก็ตาม.

กับการออกแบบเว็บที่ตอบสนองต่อคำสั่งสื่อที่ใช้ในการส่งคุณสมบัติของอุปกรณ์ที่ผู้ใช้จะใช้ - โดยเฉพาะอย่างยิ่งความกว้างของเบราว์เซอร์ - และเซิร์ฟเวอร์ที่ทำหน้าที่แตกต่างกันขึ้นกฎ CSS สไตล์ที่จบลงด้วยการปล่อยให้ผู้ใช้มีรุ่นที่ดีที่สุดของประสบการณ์เว็บไซต์ที่เป็นไปได้

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

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

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

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

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

ผลลัพธ์ (ไทย) 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 กับเราปัจจุบันสภาพแวดล้อม

ผู้ใช้ต้องการเรียกดูโมบายชั้นประสบการณ์
ชิ้นกลายเป็น passé ส่วนการเพิ่มขึ้นของกลุ่มเป้าหมายของคุณใช้อุปกรณ์ที่ไม่สนับสนุนความละเอียดกว้างดั้งเดิมในเบราว์เซอร์ ต้องการประสบการณ์แปลกบนโทรศัพท์ของพวกเขาครั้งแรกและเดสก์ท็อปของตนไกลวินาที

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

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

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

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

ผู้ต้องเนื้อหาด้านขวาสองนี้
เว็บไซต์เพิ่มเติมกำลังถูกเข้าถึงไป ผ่านการเชื่อมต่อโทรศัพท์มือถือ ดังนั้นจึงเป็นสิ่งสำคัญในการออกแบบหน้าที่ตอบสนองดี และได้ผ่านการเชื่อมต่อเวลาแฝงที่สูงขึ้น หรือช้าลงโดยเร็วที่สุด หน้าเสร็จก่อนโหลด นี้มักจะเกี่ยวข้องกับการสร้างคอมโพเนนต์ฝั่งเซิร์ฟเวอร์ที่พบเรียงของอุปกรณ์ที่ผู้ใช้จะใช้เนื้อหาใน แล้วเข้าถึงฐานข้อมูลที่ครอบคลุมของความแตกต่างของอุปกรณ์เพื่อให้บริการเนื้อหาด้านขวา และฝั่งไคลเอ็นต์ควบคุม (เช่น JavaScript) เพื่อโหลดหน้าเร็วกว่าที่อื่นทำบนใด ๆ กำหนดอุปกรณ์

ออกแบบตอบสนองเว็บ ใช้แบบสอบถามสื่อส่งคุณสมบัติของอุปกรณ์ที่ผู้ใช้ - โดยเฉพาะอย่างยิ่ง ความกว้างของเบราว์เซอร์ - และเซิร์ฟเวอร์บริการกฎสไตล์ CSS ต่าง ๆ ที่ให้ผู้ใช้ที่มีรุ่นดีที่สุดของเว็บไซต์ประสบการณ์สุดท้าย

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Moniker ' s ในแบบซึ่งไม่เป็นทางการสำหรับการออกแบบเว็บและตอบสนองได้ดีและการพัฒนาพนักงานของโรงแรมคือ"เป็นครั้งแรก"ซึ่งพบว่าส่วนที่สำคัญของการจราจรเว็บไซต์วันนี้มาจากอุปกรณ์แบบพกพาของรูปแบบและทุกขนาด.

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

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

ที่แน่นอนว่าไม่ได้ประสบการณ์ครั้งแรกแบบพกพา จริงๆแล้วเว็บไซต์ของสายการบินบางกอกแอร์เวย์สจะไม่ให้เป็นสถานที่ที่สมบรูณ์แบบสำหรับการออกแบบครั้งแรกแบบพกพา คุณมีโทรศัพท์ที่อยู่ในกระเป๋าหรือถุงของคุณมากที่สุดในเวลาที่สนามบินที่คุณไม่ได้พกพาแลปทอปคุณล็อกอินเข้าสู่ที่ทำงาน - ในของคุณในทุกที่ เหตุใดจึงไม่ควรจับบัตรผ่านเพื่อการเดินทางที่ rebook เที่ยวบินที่ดูตัวของท่านเองในโหมดสแตนด์บายหรืออัพเกรดรายการตามค่าดีฟอลต์บนไซต์แบบพกพา ลูกค้าที่สนามบินที่มีสินทรัพย์ที่มีค่าแต่เว็บไซต์สายการบินบางกอกแอร์เวย์สได้รับการออกแบบมาสำหรับบุคคลที่อยู่บ้านบ่อยครั้ง การออกแบบเว็บตามกระบวนทัศน์และตอบสนองได้อย่างดีที่จะเปลี่ยนแปลง.

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

ตอบสนองกับออกแบบเว็บ,การค้นหาสื่อมีการใช้ในการส่งที่คุณสมบัติของอุปกรณ์ที่ผู้ใช้มีการใช้ - อยู่ในความกว้างของเบราเซอร์ - และเซิร์ฟเวอร์จัดให้บริการได้จาก Distribution Supplier สไตล์แตกต่างกันตามกฎที่ได้ปล่อยให้ผู้ใช้ได้ดีที่สุดรุ่นของไซต์ได้รับประสบการณ์.

อย่างไรก็ตาม,นี้บอลลูนได้อย่างรวดเร็วในราคาแพงวิธีการ. สำหรับหนึ่งฐานข้อมูลอุปกรณ์ที่จะมีการเปลี่ยนแปลงอยู่ตลอดเวลาและมันจะเป็นรายการใหญ่ที่มี quirks - สำหรับโทรศัพท์นี้โหลดเวอร์ชันนี้ของรหัสดังกล่าวและส่งเวอร์ชันนี้ของ CSS แต่สำหรับ Tablet PC นี้ส่งเฉพาะรุ่นนี้ของรหัสที่จำเป็นและ การสร้างและรักษาฐานข้อมูลนี้จะใช้เวลานานและต้องใช้คนจำนวนมากเวลามีความเชี่ยวชาญ.

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

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

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

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