Başlangıçta, herkes tarayıcıda tasarlandı. Çünkü tam anlamıyla başka bir seçeneğimiz olmadı. Sahip olduğumuz tek araç bir metin editörü ve tarayıcıydı.
HTML kendisi oldukça basit. İlk tarayıcıyı aldıktan sonra birkaç yıl öncesine kadar masa bile yapamadık. Sonunda yaptığımızda, insanların kendileriyle plan yapmaya başlaması uzun sürmedi. Tabi ki, bunlar seküler veriler için tasarlanmışlardı, fakat kurallar ve standartlar korkunç bir şekilde kırıldı, değil mi?
Birkaç yıl sonra, şeffaf .gif dosyaları ve PSD'ler daha sonra, her zamanki web tasarımı kurulumu şöyle görünüyordu:
Bir tasarımcı, Photoshop'ta güzel görünen bir arayüz oluşturur. Kullanılabilir olabilir. Öte yandan, arka planla biraz karışan gezinti metni de olabilir. Önemli olan, çok sayıda degradeye ve alt gölgeye sahip 3D'ye benzemesiydi.
Sonra birileri (belki tasarımcı, belki de onların kod arkadaşları) bu temel arayüzü dilimleyecek, tabloları özenle yeniden inşa edecek ve en azından IE6'da çalıştığından emin olmalıdır.
Bir müşteri bir ana navigasyon linki değiştirmek istediğinde ne olduğunu hatırlayabilir ve navigasyon tamamen görüntülerden oluşuyor mu?
Zamanla, tablolardan CSS'ye geçtik. Sonra birçoğumuz, tarayıcıda yeniden tasarlanmak için Photoshop'taki her şeyden alay etmemiz gerekti. Daire kapalıydı. Eski yine yeniydi. IE6, Doom Dağı'nın yangınlarına atıldı.
İyi zamanlar.
Web sitelerini, insanların Photoshop’a geçtikleri yerlerin ortasında bir yere tasarlamaya başladım, ama biz de Dreamweaver, Frontpage ve günahkarları cezalandırmak için tasarlanan diğer salgınları da aldık.
Ben bir çocuktum. Daha iyisini bilmiyordum. HTML ve CSS'nin nasıl çalıştığını bilmiyordum. Ben de bilmiyordum:
Basitçe söylemek gerekirse, hiçbir görsel web tasarım uygulaması hiç bir zaman HTML ve CSS'yi yazmaktan gelen esnekliği sunmaz. Kendi HTML ve CSS'nizi yazmak, yeni teknikleri denemenize, en küçük kodu en büyük etkiye yazmanıza ve genellikle daha iyi web siteleri oluşturmanıza olanak tanır.
Sadece HTML ve CSS yazmayı öğrenerek daha iyi web siteleri oluşturabilirsiniz. Bu eski programlar, FrontPage, Dreamweaver, hepsi, özellikle korkunç kod yazmak için biliniyordu. Bir metin editörüne geçtiğinizde, şişirilmiş, yavaş, neredeyse imkansızdı.
Altta yatan işaretleme ve stilin indirgenmesi bile, özellikle de HTML ve CSS'nin ilk etapta nasıl çalıştığını bilmiyorsanız, yazılım kullanışsızdı. Word'ün eski sürümlerinde, belgenize kötü bir görüntü yerleştirmenin, diğer tüm öğelerin yerleşimini nasıl bozabileceğini biliyor musunuz?
Bunu düşünün, ancak nasıl düzeltileceğini bilmeden, görüntüyü silmek daha önce olduğu yere geri dönmüş gibi görünmüyordu. Arayüzde tüm bunlara kaybolduklarını ekleyin ve bu sadece kötü bir deneyimdi.
Ne zaman uygulamalar gibi Amerika papağanı , WebFlow , Webydo ve diğerleri ilk ortaya çıktı, ben çok, çok şüpheci oldu. Ve neden olmasın? Daha önce yakılmıştım. Ayrıca, Photoshop'u her şeyden uzak tutmuştum ve tarayıcıda tasarlayarak çok şey öğrendim.
Ancak son zamanlarda, bu yeni uygulamalara daha yakından bakmak için nedenlerim vardı ve onlarla yapılan siteleri inceledim. Tüm rezervasyonlarıma karşı, fikrimi değiştiriyorum.
Birkaç paragraf yazdığımda beklerken, kod gerçekten gelişti. Yılların deneyimi ve standartlara dayalı geliştirme bu uygulamalara girdi. Kimse eski yollara geri dönmek istemiyor.
Mükemmel bir şekilde optimize edilmiş kod değil. Ama sonra, olması gerekmiyor. Hiç kimse yeni Wikipedia'yı Macaw veya Webydo ile inşa etmeyecek. Bu uygulamaların pazarı, iyi bir tanıtım sitesine ihtiyaç duyan, küçük ve orta ölçekli işletmelerden oluşuyor.
Her gün binlerce ziyaretçinin ilgisini çekmedikçe, mükemmel olmayan kod çok önemli değil.
Çeşitli yerlerden ilham alıyorum ama temiz, boş bir tuval en iyilerinden biri. Potansiyel çözümlerle sadece olasılıklarla dolu. Oturuyorum, ben bakıyorum ve sonra tıklamaya başlıyorum.
Ya da en azından, her şeyi Photoshop'ta alay ettiğimde böyle yaptım. Kodu olan bir siteyi tasarlamak, bunun gibi hızlı bir şekilde yinelemeyi biraz daha zorlaştırır. Bazen CSS’ye yarım saatten fazla bir şey vermem için zor zamanlar geçiriyorum.
Sürükle 'n' damla yinelemesi daha hızlıdır.
Başsayfa kariyerimi başlattı. Başlamak için bir (karşılaştırmalı) kolay GUI olmasaydı, web tasarımında asla başlamadım. Demek istediğim, Webflow gibi bir şeyden en iyi şekilde yararlanmak için, hala HTML ve CSS'nin temellerini bilmeniz gerekir, ancak bu şeyleri öğrenmeye başlamak için harika bir yer yaparlar.
Ve bu endüstri yeni nesil yeni başlayanlar için böyle bir şeye ihtiyaç duyuyor.
Birçok açıdan görsel site oluşturucunun yaşıdır. Newbies oldukça açıkçası Git, Gulp, NodeJS'yi öğrenmek istemiyor, hatta bir terminali bile açıyor. Web sayfalarına bir mesaj koymak ve bununla birlikte yapmak istiyorlar. Bunun da ötesinde, daha az sayıda müşteri basit bir tanıtım sitesi için bin dolar veya daha fazla ödeme yapma noktasını görüyor.
Özelleşmiş web tasarımı ve geliştirmesi için parayı veya zamanı karşılayamayanlar için bu araçlardan yararlanmanın zamanı geldi. Araçlar hazır ve pazar da öyle.
Ve bu benim için tamam.
Özellikli resim, web tasarım araçları resmi Shutterstock üzerinden.