Taze Siteler için Büyük JQuery Eklentileri
Netscape Navigator ve Microsoft FrontPage günlerinde her şey çok yeni gözüktüğü zaman web tasarımını pratik yapmak için ne kadar zor olduğunu hayal edebilirsiniz. Geriye baktığımızda, web tasarım tarihinde bu kadar arkaik bir zaman gibi görünüyor. Yüce ve zeki yaratıcılığın bir şeyini tasarlamak neredeyse imkansızdı. O zaman, korkunç bir yanıp sönen arkaplan ya da renkli kaydırma çubukları olsaydınız, yaratıcı olarak görülmüştünüz.
Tasarımın nitty cesurluğuna geldiğinde gerçekten bir ton esneklik yoktu. Düzenlerin çoğu aynıydı ve dergilerde ve gazetelerde görülenleri taklit etti. Demek istediğim sadece bir düşünün: Çok geçmeden, dekoratif yazı tiplerini online olarak kullanmanın bir yolunu bulabildik. Her şeyden önce, hepsi Arial, tüm Verdana ve tüm Times New Roman - 2012'de, bu hayatı yaşayı hayal edebiliyor musunuz?
Tablolar normdu ve bunlar çok esnek değildi. Esneklikten bahsetmişken, nasıl tepki vermeden yaşadık? Bir web sitesini bir süre önce tasarlamak istediyseniz, sahip olduklarınızla çalışmak için kutuluydunuz. Kimse şikayet etmedi, ama ilerici teknolojiye şükür.
Şimdi ...
Şu ana kadar hızlıca, istediğimiz gibi, istediğimiz gibi bir şey tasarlayabiliriz. Bu tür şeyler kabul edilmemelidir, ancak yeni nesil tasarımcılar ve geliştiriciler bu alana girdikçe, oldukça fazladır. Yani, sadece birkaç ay önce, yuvarlak köşeler oluşturmak için stil sayfalarını kullanabildik - ne kadar çabuk unutuyoruz?
Web tasarımındaki gelişmeler, farklı kodlama dillerinin devam eden gelişimine katkıda bulunabilir. Harika bir web tasarımı olmadan harika bir web tasarımına sahip olamazsınız (ve tersi). Ve düşünün, gelişmeler ilerledikçe işler daha karmaşık hale gelmiş olabilir, ama oldukça açık olan şeyler daha kolay hale geldi. Örneğin, HTML4 ile HTML5’te bir göz atın.
İyi gelişme ve tasarımdaki en büyük gelişmelerden biri jQuery'nin kullanımı olmuştur. Muhtemelen öğrenmek ve kodu ile birlikte bazı güzel temiz şeyler yapmak için en kolay JavaScript kitaplıklarından biri. Tasarımınızı ve izleyicileriniz arasında serbestçe ve / veya gerçekten harika etkileşimler tasarlıyorsanız, muhtemelen jQuery'yi kullanacaksınız.
Eklentileri
jQuery, gerçek tasarımınızın ön yüzünü oluşturmaz, ancak daha akıcı kullanıcı deneyimleri sağlar. Web siteniz dinleyicilerinize hoş gelmek ve onların hareket etmesini kolaylaştırmak için yapılmalıdır, bu önemlidir. Tasarım, tasarımınızla büyük miktarda yaratıcılık kullanıyorsanız da önemlidir. Temel olarak, web siteleri oluştururken hiçbir sınırlama olmamalıdır ve jQuery, kutulara hapsolmadığınızdan emin olmak için son derece yararlıdır. JQuery sizin için ne yapabilir? Aşağıda, web geliştirmede olabildiğince yaratıcı ve taze olmanızı sağlayan bazı harika eklentiler bulunmaktadır.
jQuery ızgarası mobil
Bazı tasarımcılar tercih ettikleri programı açmayı ve istedikleri her şeyi istedikleri gibi tasarlamayı severler. Çılgınlıklarına bir metodu olan başkaları da var. Web tasarım standartları, özellikle bir blog veya haber sitesi tasarlıyorsanız, harika ve etkili web siteleri tasarlamamıza yardımcı olmak için ızgaraları kullanmamız gerektiğini önermektedir. Bu fikrin ikinci kısmı, şebekenin esnek ve duyarlı olması gerektiğidir. Bu eklenti, (ve olmadan) yanıt veren çok sayıda sütun oluşturmanıza izin verir.
ArcText.js
Sadece birkaç yıl önce, web sitenizde gerçekten harika fontlar ve tipografik efektler olmasını istiyorsanız, istediğiniz tasarım programını açıp, üzerinde istediklerinizi içeren bir grafik oluşturmalısınız. İnsanların en esnek olmadığını anlayana kadar arama motoru optimizasyonu ile iyi bir şey yapamayacağı bir teknikti. Bununla birlikte, ilerlemeler ve teknoloji sayesinde, dekoratif yazı tiplerini çevrimiçi olarak kullanabiliyoruz. Sadece bu değil, ancak bu eklentiyle, Photoshop'un dışında başka türlü kullanılamayacak bazı stiller ekleyebiliyoruz.
Fantezi Hareketler
Modern web tasarımında yaygın bir eğilim, şeyleri hareket ettirme yeteneğidir. Bir web sitesini ziyaret etmek ve statik görüntülere tanık olmak neredeyse imkansızdır - hemen hemen herkes bir görüntü kaymasını bir şekilde veya biçimde kullanır. Bu sürgülerin birçoğu otomatiktir ve belirli bir zaman aralığı verilen resimleri değiştirir. Bununla ilgili yanlış bir şey yok, ama böyle bir konsepti nasıl alıp kullanıcı deneyimi için daha büyük hale getirebilirsiniz? Bu Fantezi Filmler eklentisi, görüntüleyenlerin yalnızca bir sonraki oku tıklamasına değil, klavyelerindeki ok tuşlarına rahatça basarak slaytları kontrol etmelerine olanak tanıyan bir özellik.
FitText
Tasarımda tipografi çok önemlidir. Web tasarımcıları istedikleri yazı tipini kullanma ve sonra istedikleri şekilde bir araya getirme yeteneğine ihtiyaç duyarlar. Cufon ve CSS gibi şeyler aracılığıyla bu mümkün, ancak son zamanlarda büyük önem taşıyan bir web sitesinin yanıt vermesidir. Tasarımınız esnek olamazsa, neredeyse işe yaramaz ve duyarlı olması gereken sitelerin ana bölümlerinden biri tipografi. FitText, web sitenizi kontrol etmek için pencere boyutu veya cihazı kullanılsa bile, üstbilgi ve dolgu metninizin mükemmel olmasını sağlar.
Hover Yakınlaştırma
Belirli unsurların bir alandaki etkileşimlere nasıl tepki vereceği, izleyicilerin ona tepki verme şeklini (olumsuz ve olumlu) etkileyebilir. Her zaman oynanmakta olan basit bir etkileşim, vurgulu özelliktir. Farenizi bir görüntünün veya bağlantının üzerine koyduğunuzda, bu öğenin bir şey yapması neredeyse yaygındır; ve tepki ne kadar iyi olursa, daha iyi insanlar bunu yapacaktır. Bu eklenti, üzerine gelindiğinde, yakınlaştırıldığında veya uzaklaştırıldığında ve ayrıca ek bilgi sağlayan resimler içindir. Doğru kullanıldığında bu son derece etkili olabilir. Bahsetmemek gerekirse, tasarım iyi ücret alacaktır.
jRumble
Tasarımcıların fark etmesi gereken, web siteleri hazırlarken, çok fazla güce sahibiz. İnsanları görmek istediklerini görmelerini ve görmelerini istemediğimiz şeyleri görmemelerini sağlayabiliriz. Denge ve hiyerarşi gibi temel tasarım ilkeleri, izleyicilerin odaklanmasını ve ilgisini artırmaya yardımcı olabilir. Bunu yapmanın ince yolları vardır. jRumble, bir şeyleri daha kuvvetli ve bariz bir şekilde görmeyi ve fark etmeyi öğrenmek konusunda daha tutkulu. Bu eğlenceli bir eklenti ve idareli olarak kullanıldığında ne amaçla olursa olsun etkili olabilir. Sadece yapmamaya dikkat et.
jQSlickWrap
Metniniz için düzenler oluşturmak zor olabilir. Bu sadece seçtiğiniz yazı tipleriyle değil, aynı zamanda bunu etkili bir şekilde sunmanızı sağlar. Büyük metin bloklarına sahip olmayı planlayan bir site tasarlıyorsanız, yanlış bir şekilde ayarlanması, okuyucularınızın söylediklerinizle tamamen ilgisiz olmasına neden olabilir. Birçok tasarımcı, görüntü ve metinleri birbirleriyle iyi etkileşimde bulunmaya çalışırken sorun yaşıyor. Metin bloklarına aşırı derecede girmiyorsanız veya metin ve resimlerinizin daha fazla etkileşime girmesini istediğinizi düşünüyorsanız, bu sizin için eklenti olabilir. Artık gazete-gazete okumaları değil, daha yaratıcı özgürlükler.
jQuery Ofset Animasyon
Daha önce belirtildiği gibi, statik web siteleri, önceki yıllarda olduğu gibi bugün de yaygın değildir. Görüntüleyenlerle iyi bir şekilde hareket eden ve etkileşimde bulunan dinamik web siteleri oluşturmaya yardımcı olma konusunda birçok şey katkıda bulunmuştur. JQuery'nin bu konuşmaya kattığı bir şey, öğeden öğeye harika animasyonlar ve geçişler oluşturma yeteneğidir. Bu eklenti, bir elemandan diğerine geçmek için yumuşak bir kayma veya süpürme geçişi yaratır. Bu çok keyifli bir web sitesi için yapar.
Gelin-O-Rama
'Scroll-O-Rama' gibi bir isimle, bu eklentiyi geçebilirsin, ama yapmamanı tavsiye ederim. Bu eklenti kadar eğlenceli ve harika olduğu için, tek sayfalık web sitelerinin moda nişlerinde popüler hale getirilebileceğine inanıyorum. Tek sayfalık web sitelerinde gezinirken, bir şeyler olmasını beklersiniz. Bu eklenti, başlıklar ve metinlerin onun tarafından geçerken dans etmesine izin verir. Esas olarak dekoratif amaçlar için kullanılan bir başka eklentidir, ancak sitenize onu serpmek ve doğru yerlerde kullanmak isterseniz, bu eklentiyi bir güç için kullanabilirsiniz.
jQuery Gölge Eklentisi
Bazen görüntülere veya öğelere biraz derinlik katmak için tasarımcılar alt gölgeleri kullanmayı sever. Tasarımcıların gölgeler oluşturduğu ve CSS aracılığıyla ya da tasarım programında gölge oluşturduğu ve genellikle bir çeşit şeffaf dosya olarak kaydettiği iki popüler yol vardır. Çoğu zaman bu işler ve bazen de bazı sorunlar olabilir ama bu eklenti hakkında harika olan şey, onları tasarlamaya gerek kalmadan istediğiniz öğelere farklı gölge türleri eklemenize olanak tanıması ve tarayıcılar arası çalışmasıdır.
Slitslide
Web sitelerinde iyi geçişler, eğlenceli ve cesaret verici bir deneyim yaşatır. Öğe geçişleri için size büyük bir eklenti verdik, ancak bu eklenti sayfa geçişleri için harika. Bu Slitslide eklentisi ile sayfa, hemen arkasından yeni sayfalar ayırır, kaydırır ve sunar. Bu, ekstra seviyeye ihtiyaç duyan sitelere biraz heyecan ve lezzet katan son derece dinamik bir araçtır.
Uçlu
Araç ipuçları birçok nedenden ötürü kullanılan bir unsurdur; dikkat çekmek, bilgi eklemek veya ona sığabilecek her neyse. Düzgün kullanıldığı takdirde aşırı derecede etkili olabileceği gibi, bir vurgulu efekti gibi davranır. Araç ipuçlarının geliştirilmesi ve kullanımına hitap eden bir jQuery eklentisi vardır. Tipped, çoğu HTML5 ve CSS ile özelleştirilebilen, kolay ve sorunsuz bir yapıya sahip olan ve birçok özelliği olan bir eklentidir.
boru şeklinde
Hepimizin, yanıp sönen bir arka planın yaratıcılığın olmadığı yerde olmadığı konusunda hemfikir olabiliriz. Ancak, web sitenize biraz kıvılcım vermek için arka planınıza eklenebilecek başka şeyler de vardır. Sadece tasarım konusunda titiz olabilir ve iyi bir araya getirilmiş bir desen isteyebilirsiniz, ancak biraz daha dinamik bir şey isteyebilirsiniz. Tübüler, arka plan olarak hizmet vermek için YouTube videolarını kullanmanıza izin veren bir eklentidir. Bunun ile puan kazanabileceğiniz eğlenceli ve yaratıcı olasılıkları düşünün.
jmpress
jQuery Topuzu
3d Thumbnail Hover
Görüntü üzerinde gezinme etkisi ve web siteleri için nasıl etkili olabileceğini konuştuk. Peki ya resimleriniz için biraz daha fazla pizzazz istersiniz? Bu eklenti, size bir 3D döndürme ile bilgi veren bir görüntü vurgusu efekti verir.
blur.js
İyi tasarım gerçekten iyi ve kötü bir web sitesi arasındaki fark olabilir. Çoğu zaman, karar tasarımın bütünü değil, küçük detaylar hakkındadır; Bu yüzden araç ipuçlarını ve harika başlık metinlerini kullanıyoruz. Bu eklenti, isterseniz sitenize biraz daha ayrıntı ekler. Bu eklenti, diğer unsurlara göre psuedo-saydam bulanık elemanlar üretir. Bu dekoratif bir eklentidir, ancak faydalanmak için kullanılabilir.
Sonuç
Web tasarımınızı, ziyaretçilerinize taze ve çekici hale getirmek için geliştirmenin birçok yolu vardır. Sadece yaratıcı değil, yaratıcı ve etkili bir şey yapmak istediğinizi unutmayın. Şu anda sahip olduğumuz araçlar harika ve hatta daha da iyisi teknoloji hala artıyor ve web sitesi oluşturma için daha iyi şeyler bizi bekliyor.