İçerik
Arada bir, web evrime aşırı hız giriyor ve hızla çalışmanın tamamen yeni yolları, mevcut tekniklerin arkaik görünmesini sağlıyor. Uzun yükseltme döngülerine sahip uygulamalar için bu zor olabilir, ancak Creative Bloq’un Dreamweaver CS6 incelemesinde belirtildiği gibi Adobe, popüler web geliştirme aracının en son revizyonuyla modern tasarım tekniklerini benimseme konusunda iyi bir deneyime sahiptir.
Dreamweaver CS6'daki temel değişiklik, tasarımcıların görsel bir şekilde duyarlı web siteleri oluşturmasına ve siteyi üç farklı görünüm alanında (masaüstü, tablet, mobil) önizlemesine olanak tanıyan değişken bir ızgara mizanpaj şablonudur. Geçiş efektleri oluşturmanın hızlı bir yolunu sağlayan yeni bir CSS Geçişleri paneli var ve PhoneGap ve jQuery Mobile ile çalışmaya yönelik araçlar aracılığıyla mobil geliştirmede iyileştirmeler var.
Web tasarımcısı Stuart Long .net'e yaptığı açıklamada, güncellemenin site oluşturan kişilere birlikte çalıştıkları kodla ilgili daha iyi ve daha hızlı yanıt vereceğini ve önceden ayarlanmış boyutlara sahip değişken şablonun "size daha doğru bir hız sağlamanın yanı sıra hız katacağını" söyledi. bunları kendiniz manuel olarak ayarlamak yerine tüm cihaz boyutlarına ulaşmak anlamına gelir ”. CSS Geçişleri panelinin memnuniyetle karşılandığını ekledi: “Bu seviyede kodlama için iyi bir çalışma aracı gibi görünüyor. Geçişli birkaç sayfa yazdıktan sonra, tarayıcı ve önizleme arasında sık sık geçiş yapmak zordu ve bu yüzden onu tek bir yerde tutmak çok daha kolay. "
Duyarlı düzenler oluşturma
Bir dizi Dreamweaver kitabının yazarı olan yazar David Powers, yeni akışkan ızgara düzenlerinden de etkilenmiştir: "Ethan Marcotte'nin 'Duyarlı Web Tasarımı'ndan esinlenmiştir, ancak Ethan, yüzde genişliği ve kenar boşluklarını hesaplamak için sürekli olarak hesap makinesini çıkarmaktadır. Sayfa öğeleri için Dreamweaver bunu sizin için otomatik olarak yapar. Yapmanız gereken tek şey, sayfaya bir değişken ızgara düzeni bölmesi eklemek ve yeniden boyutlandırmak ve ızgaraya yapıştırmak için sürükleyebilirsiniz. "
Powers, Dreamweaver'ın kötüleyenlerinin "spagetti veya özel kod kullanımından şüpheleneceğinden" emin olduğunu söyledi, ancak yanılıyorlar: "Sıradan bir div ile değişken ızgara düzeni div arasındaki tek fark, Dreamweaver'ın otomatik olarak iki ekstra stil kuralı oluşturmasıdır. ayrı medya sorgularında düzen div. Div'leri yeniden boyutlandırıp ızgaraya tutturabilmeniz, basit ve duyarlı bir düzen oluşturmayı çocuk oyuncağı haline getiriyor. "
Bununla birlikte, yeni özelliğin bazı dezavantajları var, dedi Powers, özellikle de hepsi tek bir stil sayfasında bulunan medya sorgularını ele alması. Bize bunun Dreamweaver’ın kendi CSS Stilleri panelinde belirli bir mizanpaj için hangi kuralların düzenleneceğini belirlemeyi zorlaştırdığını söyledi. Stil kurallarının da ayrıntılı olduğunu ekledi - "Değer miras alınmış olsa bile her birinin display, float, clear, width ve margin-left özellikleri için bir beyanı vardır." - herhangi bir HTML öğesini ızgara çubuğuna bir div yapıştıramazsınız ve masaüstü için daha karmaşık mizanpajlar oluşturmak için öğeleri iç içe yerleştirmenin zor olduğunu.
Powers, bu sorunlara rağmen Adobe'nin harika bir başlangıç yaptığını savundu: "Kullanımı basit ve sezgiseldir ve yalnızca standartlara uygun kod kullanarak duyarlı mizanpajlar oluşturur." Ve Adobe'deki kişileri, yeni Creative Cloud abonelik modelinin, yıl sonundan önce değişken ızgara düzeni geliştirmelerini görebilecek daha sık güncellemeleri sağlaması gerektiğini söyledi.
