Home-theater-designers
Programlama ile çevrimiçi yaratıcılık sınır tanımıyor. Her gün İnternet'teki programcılar becerilerini halk için küçük projeler oluşturmak için kullanırlar. Google için eski tasarımcı ve Dropbox Nocholas Jitkoff'un şu anki Başkan Yardımcısı tarafından oluşturulan bir web sitesi olan Itty Bitty, böyle küçük bir projedir.
Itty Bitty sitesini kullanarak, herhangi bir web barındırma hizmetiniz olmasa bile ücretsiz olarak küçük bir HTML web sitesi oluşturabilirsiniz.
Küçük Bir Açıklama
İşte nasıl çalıştığı: itty.bitty.site URL'leri aracılığıyla yükleyerek küçük siteler oluşturur. Başka bir deyişle, siteniz bağlantısı içinde saklanır ve sunulur.
Bu nedenle, Itty Bitty kullanılarak oluşturulan web siteleri kesinlikle web barındırma gerektirmez. URL'nin kendisi sitenin tüm verilerini tutar: neye benzediği, ne yazdığı vb.
Itty Bitty bağlantınızı aldığınızda, normalden biraz daha büyük olacağını fark edeceksiniz. Tüm web siteniz bu.
Bağlantı için Bağlantı
Itty Bitty tarafından oluşturulan gerçek site çok minimal bir arayüze sahiptir. Unutmayın, sitedeki her ek sayfa sitenin kendisi kullanılarak oluşturulur.
bu sayfadan , basit bir sayfa oluşturmak için hemen temel HTML'yi kullanmaya başlayabilirsiniz.
Daha sağlam bir Itty Bitty sitesi oluşturmak istiyorsanız, bir HTML belgesini doğrudan web sitesine sürükleyip bırakabilir veya mevcut bir projeyi doğrudan komut istemine bağlayabilirsiniz.
Belgeniz veya bağlantınız CSS veya JS gibi diğer programlama dillerini kullanıyor olsa da, bunlar yine de Itty Bitty sitenizle yüklenecektir. Bununla birlikte, Itty Bitty kullanmanın (ve bir adresten yüklenebilmesinin temel nedeni) ana yararı, sayfanızın belirli, küçük bir boyutun altında tutulması gerektiğidir.
Bir Itty Bitty Sitesi Ne Kadar Küçük?
Itty Bitty ücretsizse ve web barındırma gerektirmiyorsa, siteniz gerçekten ne kadar büyük olabilir? Cevap: çok değil .
wifi kullanarak ücretsiz metin ve arama uygulaması
Site, web sitenizin boyutunu pencerenin sağ üst kısmında size sunar. Sitelerin boyutu dalgalanabilse de, bu aynı zamanda bağlantınızın boyutunda da dalgalanacağı anlamına gelir. Bazı siteler, birkaç bayttan büyük bağlantıları paylaşmanıza izin vermez, bu da daha büyük siteleri paylaşma yeteneğinizi sınırlayabilir.
Neyse ki, yaratıcısı var maksimum bayt boyutlarını yayınladı birçok popüler platformun farklı platformların hangi boyutları barındıracağını açıklaması mümkündür:
Örneğin, Bitly kullanarak bir web sitesini kısaltmak istiyorsanız, çok küçük bir web sitesi oluşturmanız gerekecek. Bu Microsoft Edge için de geçerli. Ancak, yalnızca tarayıcılar arasında paylaşmak istiyorsanız, çok daha büyük bir site oluşturabilirsiniz.
Linkten Itty Bitty Sitesine
HTML dosyalarını doğrudan içine bırakarak veya site içeriğini doğrudan yazarak da Itty Bitty siteleri oluşturabilirsiniz, ancak daha önce tarafından yapılmış bir Codepen projesini göstereceğim. Dudley Katlı .
Codepen, Itty Bitty kullanarak sitenizi oluşturmanın en kolay yoludur. Codepen, kullanıcılara hem kullanımı kolay bir geliştirici ortamı hem de uygun bir bağlantı süreci sağlar.
Yukarıdakiler, güçlü bir HTML omurgasının --- ve diğer ince programlama eklemelerinin --- nasıl basit bir web sitesi oluşturabileceğinin harika bir örneğidir. Neyse ki, yukarıda listelenen platformların çoğunda paylaşılacak kadar da küçüktür.
Bir Codepen projesini Itty Bitty sitesine dönüştürmek için Pen'in bağlantısını Itty Bitty sitesine yapıştırın. Ardından, fareyi grinin üzerine getirin isimsiz bölümü ve metni sitenizi yansıtacak şekilde düzenleyin.
Ardından, üzerine tıklayın Menü pencerenin sağ üst köşesinde.
paypal.me bağlantınızı nasıl değiştirirsiniz
Burası Itty Bitty'nizin bağlantısını oluşturduğunuz yerdir. Yeni bir web sitesi oluşturmuş gibi görünmeseniz de, yaptınız!
Bir kez tıkladığınızda Bağlantıyı kopyala seçeneği, siteyi görüntülemek için bağlantıyı tarayıcınıza yapıştırabilirsiniz. Ayrıca şunu da not etmek önemlidir: Varsayılan olarak, Itty Bitty siteleri QR kodu ile gönderilebilir.
Bu, kayıp cihazlar için fiziksel bir referans eklemek gibi bir dizi seçeneğe izin verir.
Tebrikler, artık sunucusuz ve ücretsiz, bağlantıya hazır bir web siteniz var!
Itty Bitty Linkinizi Daha da Kısaltın
Ayrıca bir bağlantı kısaltma aracını kullanarak düzenli bir bağlantı oluşturabilirsiniz. Sadece bağlantıları kısaltmanıza değil, aynı zamanda ücretsiz bir hesaba kaydolursanız bağlantıyı kendi metninizle özelleştirmenize de izin veren Bitly'yi kullanacağım.
Orijinal Codepen örneğimiz Bitly'yi kullanarak yoğunlaştırmak için çok büyük, işte başka bir harika proje JT dümenleri . Bu Kalemi bir Itty Bitty sitesine dönüştürmek için yukarıdaki süreci takip ettim.
Bağlantınızı aldıktan sonra, şuraya gidin: biraz . Bağlantınızı Bitly'nin açılış sayfasına yapıştırın veya hesabınızda oturum açın ve Oluşturmak buton. Bağlantınızı aşağıdaki istemde girin.
Bağlantınızı yapıştırdıktan sonra, otomatik olarak dönüştürülecektir. Ardından, oturum açtıysanız Bitly'nin düzenleyicisini kullanarak bağlantınızı uygun gördüğünüz şekilde ayarlayın.
İlk bağlantıyı ITTYBITTYEXAMPLE olarak değiştiriyorum. şimdi başlayabilirsiniz bit.ly/ITTYBITTYEXAMPLE diğer sitelerde yaptığınız gibi --- tabii ki ücretsiz olması ve web barındırma veya sunucu bakımı gerektirmemesi dışında.
Itty Bitty Siteleri için Güvenlik
Bu, küçük HTML siteleri oluşturmanın harika ve ustaca bir yolu olsa da, kusurları da yok değil. Bir Itty Bitty sitesini başka herhangi bir sitede olduğu kadar kolayca kötüye kullanabilirsiniz. Bu, sitelerin uyarılar gibi özelliklerle sizi rahatsız edebileceği anlamına gelir.
Site hala deneysel bir aşamada olduğundan, güvenli bir web varlığı oluşturmanın ana yöntemi olarak siteye güvenmeyin.
Küçük Küçük Olasılıklar Sonsuz
Çevrimiçi bulunan yaratıcılık genellikle etkileyicidir. Ancak nadiren, Itty Bitty kadar basit, erişilebilir ve kullanımı kolaydır. Küçük bir uygulama sergilemek ister misiniz? Div öğeleriyle uğraşmak mı? Hepsi Itty Bitty sitesini kullanarak kolayca yapılabilir.
Üstelik belirli bir sayı veya site ile sınırlı değilsiniz. Sitenin yaratıcısı Nocholas Jitkoff'tan bir not alın ve kapsamlı, çok sayfalı açıklayıcı bir web sitesi için site içindeki bir siteyi bağlayın. Veya bir ASCII bulldog . Olasılıklar küçük ama kapsam olarak sonsuz, bu yüzden bugün bu küçük çevrimiçi deneyi deneyin!
Bir Itty Bitty sitesi oluşturmadan önce HTML ve CSS bilginizi geliştirerek daha da ileri gidin ve daha da iyi siteler yapın! Veya kontrol et InMotion Hosting incelememiz sitenizi barındırmanın başka bir yolu için.
Paylaş Paylaş Cıvıldamak E-posta Komut İstemini Kullanarak Windows Bilgisayarınızı Nasıl TemizlersinizWindows PC'nizin depolama alanı azalıyorsa, bu hızlı Komut İstemi yardımcı programlarını kullanarak gereksiz dosyaları temizleyin.
Sonrakini Oku İlgili konular- internet
- Programlama
- HTML
- Web Geliştirme
Christian, MakeUseOf topluluğuna yeni katılan ve yoğun edebiyattan Calvin ve Hobbes çizgi romanlarına kadar her şeyin hevesli bir okuyucusu. Teknolojiye olan tutkusu, yalnızca yardım etme isteği ve istekliliğiyle eşleşiyor; (çoğunlukla) herhangi bir şeyle ilgili herhangi bir sorunuz varsa, e-posta göndermekten çekinmeyin!
Christian Bonilla'dan Daha FazlaHaber bültenimize abone ol
Teknik ipuçları, incelemeler, ücretsiz e-kitaplar ve özel fırsatlar için bültenimize katılın!
Abone olmak için buraya tıklayın