Duyarlı Tasarım Neden Gereklidir?

Duyarlı tasarım, esnek düzenler, esnek görüntüler ve basamaklı stil sayfası ortam sorgularından yararlanan bir web sayfası oluşturma yaklaşımıdır. Duyarlı tasarımın amacı, ziyaretçinin ekran boyutunu ve yönünü algılayan ve düzeni buna göre değiştiren web sayfaları oluşturmaktır.

Duyarlı tasarım, yeni mobil cihaz türlerinin çoğalmasının neden olduğu birçok tasarım sorununu çözen web sitesi tasarımına biraz retro bir yaklaşımdır . Duyarlı tasarım sayfaları, düzen için bir ızgara üzerinde X ve Y koordinatlarını ve sabit genişlikli parametreler yerine görüntüler için matematiksel yüzdeleri kullanır. Sabit genişlikli parametreler ve ızgara düzeni yerine yüzdelerin kullanılması, kendisini ekranın boyutuna uyacak şekilde yeniden boyutlandıracak daha akıcı bir düzen oluşturur.

Basamaklı stil sayfalarının ( CSS ) bir özelliği olan medya sorguları, geliştiricinin belirli bir stilin ne zaman yürürlüğe gireceğini belirlemesine olanak tanır. Örneğin, CSS2 ile bir medya sorgusu, istenirse yazıcı dostu stil sayfaları sunacaktır. CSS3, stil sayfalarının bir cihazın ekranına hedeflenmesine izin veren ve sorgu yanıtına bağlı olarak bir masaüstü , tablet veya akıllı telefon stil sayfası sunan genişletilmiş sorgu yeteneklerine sahiptir .

Bu kapasite, geliştiricilerin, genellikle sıfırdan yeni kod yazmayı gerektiren bir web sitesinin özel bir mobil sürümünü oluşturmak yerine , aynı web sayfası için birden çok stil sayfası oluşturabilecekleri ve hatta belki de farklı görüntüleri her biriyle ilişkilendirebilecekleri anlamına gelir. stil sayfaları. Sonuç olarak, HTML kodunun yeniden yazılması yerine başka bir amaca uygun hale getirilebilir, bu da önemli ölçüde geliştirme süresinden tasarruf sağlar.