20 Fantastic Pseudo-Flash Siteleri
Sahte Flash web sitesi, bir Flash web sitesi gibi görünen, hissettiren ve davranan ancak aslında eski moda HTML ve CSS'de oluşturulmuş bir web sitesidir.
Ayrıca, bir şeyleri hayata döndürmek ve ara yüzleri tamamlamak için bir JavaScript çizgisi de vardır.
Sonuç genellikle HTML ve CSS'den beklediğimizin ötesindedir, bu yüzden web sitesinin Flash tabanlı olduğunu varsayabiliriz. Yine de sağ tıkla, hoş bir sürpriz olacaksın.
Sahte Flash web siteleriyle yakından ilgileniyorum ve konu hakkında sık sık konuşuyorum. Flash açık bir şekilde kendi kenarının bir kısmını kaybetti (ancak hiçbir şekilde yok olmadı) ve odak web'in çekirdek teknolojilerine (HTML, CSS, JavaScript) kaydırıldı.
Bunun iki sebebi var. İlk tekniktir. Daha kolay ve iyileştirilmiş SEO, WordPress ve geniş cihaz desteği gibi CMS araçları, insanları standartlaştırılmış araçları maks.
İkincisi, çok daha fazla kişi bu temel dillerle nasıl geliştirileceğini biliyor ve büyük bir topluluk bu tanıdık araçlar için Flash'ın faydalarından vazgeçmeye istekli.
Zarfı itmek ve Flash'tan uzaklaşmak için pek çok sebepten dolayı, web geliştirmede büyük bir değişimin ortasındayız. HTML web siteleri statik varlıklar olarak başladı. AJAX'ın ortaya çıkışıyla, dinamik bir belgenin beklentilerimizi nasıl değiştirebileceğine tanık olduk. Animasyonları, geçişleri ve etkileşimleri atın ve radikal olarak farklı bir ortamınız var.
Bazı mutlu kayıplar
Bu değişim, bir çok insanın (benim dahil) hoş karşıladığı birkaç zayiatı beraberinde getirir. Bunlardan ilki arka plan müziğidir. Standart bir web sitesinde varsayılan olarak oynatılması, geliştiricinin çekilmesi için giderek zorlaşıyor. Artık bir web sitesini kapatmak için duraklatma veya ses kapatma düğmesi için avlamaya ihtiyacım yok.
İkincisi, web sitelerinin şimdi tarayıcınızı ele geçirme olasılığı daha düşük. Bazı Flash tabanlı web siteleri, görünümünüzü yeniden boyutlandırarak ve tam ekran arayüzleri yükleyerek hala çalışır. Ancak, sahte Flash web siteleri yerinde mutlu kalır.
Dikkatli kelimeler
Her trendde olduğu gibi, bu yaklaşıma dikkatle yaklaşmalıyız. En başta, kendi kendini kontrol etmeliyiz. Sadece sayfa içi kaydırma, animasyonlar ve geçişler ile radikal şeyler yapabileceğimiz için yapmamız gerektiği anlamına gelmez.
En iyi bahsiniz, izleyiciyi, ürünü ve belki de en önemlisi kullanıcı deneyimini dikkatlice değerlendirmektir. Bunları düşünerek, web sitenizi geliştirmek için bu yaklaşımları stratejik olarak uygulayabilirsiniz.
Bu tarzın örnekleri
1. Emilie Crssrd
Üzerinde birçok şey olsa da Emilie Crssrd Web sitesi Flash'a benziyor, bir tanesine odaklanacağım. Buradaki yükleme göstergesi, genellikle bir Flash web sitesinde bulacağımız bir şeye benziyor (buna AJAX işlevselliğiyle de çok şey görüyor olsak da). Mekanizma, görüntülerin ve eğilmemiş içeriğin tamamen yüklenmeden önce içeri girmesini engelleyerek kullanıcıların içeriği doğru görmesini sağlar. Buradaki yükleyici, sayfa içi geçişlerle birleştirildiğinde, sorunsuz bir arayüz oluşturuyor.
2. Stefan Kanchev
Üzerinde birçok şey Stefan Kanchev Web sitesinin ayrıca Flash tabanlı yaklaşımlar yankılanıyor ve üzerinde fareniz olduğu gibi ikonların ince soluğu ve solması güzel bir etkileşim yaratıyor. Görsel işaret, kullanıcıların her seferinde bir öğeye odaklanmasına yardımcı olur ve bu minimalist sayfayı hayata geçirmek için bir miktar cızırtı ekler. Harika bir etki için basit bir şeyden yararlanmanın harika bir örneği.
3. Marka Cumhuriyeti
Takdir etmek Marka cumhuriyeti 'In web sitesi, onunla etkileşimde bulunmalıdır. Logonun etrafındaki konteynerde parlak bir küçük etkileşim var. Bu CSS tabanlı eleman, standart sınırları dinamik olarak değiştirmek, 3 boyutlu bir etki yaratmak ve logonun yoğun arka plana karşı durmasını sağlamak için farenin konumunu kullanır. Bu tür bir şey, yolun içine girmeden web sitesinin arayüzünü ve genel hissini geliştirir. Tam olarak istediğin şey bu: ekstralar kullanılabilirliğe müdahale etmemeli.
4. Cooper
şarapçı tek sayfalık web sitelerine popüler bir yaklaşım izler. Navigasyondaki öğeleri seçtiğinizde, alakalı içerik görünüm alanına geçer. Düzgün geçişlerle, web sitesi Flash'a çok benziyor, ancak standart web dilleriyle gerçekleştiriliyor. Web sitesi işlevleri kadar güzel olsa da, her şey mobil cihazlarda patlar. Bu teknolojilerden yararlanırken, standart olmayan cihazlar ve belirli kitlemiz üzerindeki etkilerini değerlendirmeliyiz.
5. Flipboard
Flipboard Tamamen basit bir web sitesi oldukça standart bir içerik döndürücüsü vardır. Bu siteyi çok Flash gibi hissettiren şey, nasıl ölçeklendiğidir. Sayfa, tarayıcınıza (bazı sınırlamalarla), Flash dünyasında standart bir etkiye uyacak şekilde dinamik olarak uyum sağlar.
6. Kurnaz 2010
Kurnaz 2010 Cooper'in web sitesi gibi sayfa içi kaydırma sağlar. Bu durumda, görünüm kullanıcının seçtiği içerikle sınırlıdır. “Doğru” çözüm de değildir; sadece yaklaşımın sınırsız imkanlarını gösterirler. Bu web sitesinin ne kadar hoş olduğunu takdir ediyorum: animasyonlar harika, ancak içeriğin içine asla giremezler. Stil ve kullanılabilirlik arasında güzel bir denge.
7. Tarayıcılar ve Web Hakkında Öğrendiğim 20 Şey
Etkileşimli sayfa dönüşümü, Flash web sitelerindeki popüler bir etkidir, öyle ki, tüm ürünler bu işlevsellikten yararlanmak için oluşturulmuştur. Onun parçası için, Tarayıcılar ve Web Hakkında Öğrendiğim 20 Şey mümkün olanı gösterir, sadece bir kez Flash ile mümkün olan efektleri gösterir. Bu web sitesi ciddi bir iş parçası ve standartlara dayalı bir web sitesinin mükemmel bir örneğidir.
8. NL Engenharia
NL Engenharia bir mimarlık firması için tipik bir web sitesidir. Bu mutlaka kötü bir şey değil; sadece nişe iyi uyuyor. Flash'tan HTML'ye tam anlamıyla nakledilmiş gibi görünüyor: kaydırmalı gezinme, tam ekran görüntüleri, dinamik boyutlandırma, Flash'ın tüm özellikleri. Yine de çalışıyor. Sonuç güzel ve şirketi iyi temsil ediyor.
9. Ryan C. Jones
Ryan C. Jones güzel bir fotoğraf portföyüne sahip. İlgi noktası (fotoğraflar) ezici bir öneme sahiptir. Teknolojinin önüne geçmesine izin vermenin mükemmel bir örneği. Bunu yapmak için kullanılan araçlardan bağımsız olarak, sonuç, bu kişinin çalışmasını sergilemek için basit ve etkili bir yoldur.
10. Stüdyo Çetesi Mimarları
İlk bakışta, yaratıcı arayüz ve animasyon Stüdyo Çete Mimarları harika görünüyorsun Flash-like. Ancak arayüz benzersiz ve unutulmaz olsa da, yardımcı olamıyorum ama uygun olup olmadığını merak ediyorum. Yine de, eski moda HTML ile yapılabilecekleri gösterir.
11. DIST Yaratıcı
DIST Yaratıcı HTML’yi şaşırtıcı bir şey olmayan bir şekilde kullandı. Animasyonları, yükleme göstergeleri ve akışkan arayüzü ile bu web sitesi, en iyi Flash düzenlerinin yaratıcılığını çok kullanışlı HTML tabanlı çözümlerle birleştiriyor. Sıra dışı yaklaşıma rağmen, yaratıcı ajansın benzersizliğini kullanmak ve haberleşmek kolaydır.
12. Japonya için mesajlar
Japonya için mesajlar mutlaka "Flash" görünmek anlamına gelmez. Ancak animasyon ve özel dokunuşlar arayüzü düzgün ve kullanımı kolay ölü yapar. Ve etkileşimli unsurlar öne çıkıyor, ama hiç de yoldan çıkmıyorlar. Bu tarz bir estetiğin standart bir web sitesini nasıl geliştirebileceğinin en güzel örneği.
13. Atlason
Bir geliştirici olarak, neredeyse hiç bakamazsınız Atlason Hayranlık duymadan web sitesi. Bunu yapmaya giden işi hayal edemiyorum. Özellikle tasarımın ekranı dolduruyor ve mevcut gayrimenkulleri büyük ölçüde kullanmasını seviyorum. Ayrıca çok az sayıda sözleşmenin nasıl yapıldığını ve hala kullanılmasının çok kolay olduğunu da çok seviyorum.
14. Bit Bayt Bit
Bit Bayt Bit sahibin blogu, Twitter yayını ve Forrst hesabı dahil olmak üzere birden fazla kaynaktan içerik toplar. Bu tür canlı akış beslemeleri oldukça yaygındır, ancak bu web sitesi hiç statik hissetmeye gerek olmadığını göstermektedir.
15. FORMU
FORM Bit Byte Bit'e benzer bir yaklaşım benimsiyor, ancak daha çok imaj odaklı, işinin doğası gereği mantıklı. Bunu çok seviyorum, sadece ajansın çalışmasını görmüyorsunuz, aynı zamanda sizin için alakalı içerikleri filtrelemeye başlayabilirsiniz. Portföy, ana sayfada yer almakta olup, web sitesinin kullanımı kolay olsa da, tamamen işlevseldir.
16. EEHarbor
Burada sunulan web sitelerinin birçoğu, sayfayı yenilemeden içeriği değiştirmek için sayfa içi geçişleri kullanırken, yol EEHarbor bu oldukça dikkate değer bir şey. Web sitesinin hızı, başarısının büyük bir sebebi. Fantezi animasyonların içeriğin yolunda olduğunu asla hissetmezsiniz. Sadece şirketin yüksek kaliteli imajına katkıda bulunurlar.
17. Wells Riley
HTML'nin en büyük sınırlamalarından biri, düz dikey ve yatay çizgiler dışındaki herhangi bir şeye direncidir. Bunun etrafında yollar var, ancak bazı tarayıcılar arası sorunlar sunuyorlar. Wells Riley tamamen farklı bir arayüzü hafif bir açı ile birleştirir. Sonuç çekilmesi zor ama buna değer.
18. Manchester Tasarım Sempozyumu
Manchester Tasarım Sempozyumu süper temiz ve basit bir arayüze sahiptir. Tek sayfalık web sitesi, sabit bir başlık ile dikey olarak kaydırılır. Etki özellikle sıra dışı olmasa da, bununla ilgili bir şey sadece Flash gibi görünüyor. Çılgın animasyonların ve geçişlerin basit yaklaşımı ve yokluğu, burada sergilenen aşırı web sitelerinin birçoğu ile ilginç bir tezat oluşturuyor.
19. Sophie Hardach
Sophie Hardach İnternet sitesinin bazı ilginç animasyonları var. Üzerinizde dolaşırken çeşitli öğeler hareket eder veya büyür. Ve dipteki dalgalar, başka bir statik sayfaya biraz hayat katıyor. Pürüzsüz JavaScript animasyonları ile iyi çalışan başka bir atipik tasarım.
20. Renato Sıfır
Renato Sıfır Tek sayfalık bir web sitesi, içerik yükleme işlemini güzel bir etkinliğe dönüştürüyor. Önceden yüklenmiş ve gitmek için hazır olan içerik yerine, her bir bölüm aşağıya doğru kayarken hoş bir animasyonla yüklenir. Animasyonlar hızlıdır; asla onları beklediğini hissetmiyorsun. Etkisi kesinlikle Flash'a benziyor.
Flash gibi görünen şaşırtıcı HTML web sitelerini kaçırdık mı?