Kategoriler
Kodlama

HTML ve CSS ile ilerleme çubuğu How to create a progress bar with HTML and CSS by Alvaro Montoro

Daha önce bu bloga eklediğimiz –100 adet CSS loading– başlıklı sayfaya ek olarak HTML ve CSS ile loading/ilerleme çubuğu örneğini arşivime eklemek istedim.

Kategoriler
Kodlama

HTML Image Maps kullanımı <map> ve <area> HTML elementleri kullanım örneği.

Gerçekten bir HTML ustası iseniz birçok ioucu/hile biliyorsunuzdur, bunlardan biri de <map> ve <area> kullanmak, görseller için oldukça kullanışlı bu yöntem bazen hayat kurtarıcı olabilir.

Kategoriler
Kodlama

Terminal tarzı bir web sitesi Linux terminal görünümünde bir web sitesi şablonu.

Casablanca’dan arkadaşımız Yassine Fathi(@m4tt72) arkadaşımız bir Linux sever ve bu sevgisini bir web sitesi tasarımına yansıtmış. Linux terminal tarzında bir web sitesi teması oluşturmuş bunu kullanırken aynı zamanda diğer insanlar da kullanabilsin düşüncesiyle paylaşmış.

Kategoriler
Kodlama

Landing pages için ücretsiz HTML temalar Web siteleri ve açılış sayfaları için tamamen ücretsiz 24 HTML şablonu.

Çoğu ücretsiz denerek paylaşılan tema aslında tamamen ücretsiz olamayabiliyor, bu 24 modern ve güzel HTML tema tamamen ücretsiz ve kişisel/ticari farketmeksizin projeler için tamamen özgür şekilde kullanılabilir.

Kategoriler
Kodlama

12 basit HTML kodu Karmaşık kitaplıklardan kurtulmak için 12 basit HTML kod parçacığı ⚡✨

vanilla HTML olarak tanımlayabileceğim bir yöntem, burada karmaşık JavaScript ve CSS frameworkleri kullanmak gerekmeksizin aslında sadece HTML ve ihtiyaca göre bir miktar CSS ile işinizi halletmenize yarayan 12 basit örnek göreceksiniz.

Kategoriler
Kodlama

İskelet ekranı yükleme animasyonu HTML/CSS HTML ve CSS kullanarak iskelet ekranı yükleme animasyonu - Skeleton Screen Loading Animation using HTML & CSS

Bu makalede, HTML CSS ve JavaScript kullanarak İskelet Ekranı Yükleme Animasyonunun nasıl oluşturulacağını öğreneceksiniz. Herhangi bir şeyi yüklemek için kullanılan modern bir tasarımdır. Temel olarak, farklı türdeki web sitelerinin herhangi bir öğesini yüklerken, İskelet Yükleme veya açılış ekranları olarak bilinen bir tür animasyon göreceksiniz.

Kategoriler
Kodlama

HTML Typewriter text – daktilo efekti yapmak HTML ile Typewriter(daktilo efekti) metin yapmak yönetimleri üzerine.

Günümüzde internete bağlanan cihazların, tarayıcıların, HTML ve CSS’in yetenekleri daha da geliştiği göze alındığında, eskiden birçok şeyi zor veya birçok ek kodlama ile yaparken şimdi çok daha basit ve temiz yapabiliyoruz. Typewriter text(daktilo efekti) da bunlardan biri.

Kategoriler
WordPress

WordPress body_class eklemek WordPress'de sayfa tipine, sayfaya özel veya ilgili girdinin kategorisine özel body classs ekleme örnekler.

WordPress’in body_class() işlevi standart tüm temalarda vardır ve varsayılan olarak <body class="pageid-1 page-parent page-template-default logged-in"> şeklinde class ekler.

Kategoriler
Kodlama

HTML, CSS ve JavaScript ile dairesel progress bar HTML, CSS ve JavaScript kullanarak yapılmış basit bir dairesel progress bar.

Burada HTML, CSS ve JavaScript(jQuery tercih edildi) ile yapılmış bir basit progress bar/ilerleme çubuğu göreceksiniz.

Kategoriler
Kodlama

HTML, CSS ve JavaScript ile analog saat HTML, CSS ve JavaScript kullanarak basit bir analog saatin nasıl yapıldığını gösterdim.

Bu yazıda HTML, CSS ve JavaScript kullanarak yapılmış bir analog saat örneği göreceksiniz.

Kategoriler
Kodlama

Skip to main content – İçeriğe atla bağlantısı Web siteleri/uygulamalara içeriğe atla butonu eklemek hakkında.

Web’de ve son kullanıcıya yönelik tüm web’e bağlı web siteleri veya uygulamalarda standartlar koyulurken “Accessibility” yani erişilebilirlik de göz önünde bulundurulmaktadır, hatta bu Google SEO noktasında bir etken de olduğu için web yöneticileri rekabet/optimizasyon için web sitelerini accessibility konusunda da geliştirmektedir.

Kategoriler
Kodlama

Front-End Checklist HTML sayfanızı yayına almadan önce test etmeniz gereken tüm öğelerin kapsamlı bir listesi.

Front-End Checklist, HTML sayfanızı yayına almadan önce test etmeniz gereken tüm öğelerin kapsamlı bir listesidir. Modern web siteleri ve titiz geliştiriciler için mükemmel Ön Uç Kontrol Listesi.

Kategoriler
Kodlama

JavaScript, CSS ve (X) HTML varlıkları numeric order CSS, JavaScript ve xHTML içerisinde kullanabileceğiniz sayısal sırayla adlandırılmış HTML varlıkları.

Sayısal sırayla adlandırılmış HTML varlıkları. Umarım işinize yarar, benim yaradı.
Aşağıda, tanım ve ISO sayısal koduyla sayısal sırayla listelenen varlıklar bulunmaktadır. CSS ‘content’, adlandırılmış varlıkları veya & # 64; gibi normal sayısal varlıkları kabul etmez, ancak ASCII metnini ve unicode’u işler.

Kategoriler
Kodlama

HTML ve CSS ile Özel Onay Kutuları Merhaba, bugün CSS ve HTML kullanarak basit bir özel onay kutusu oluşturdum. Mükemmel değil ama umarım beğenirsiniz.

Merhaba, bugün CSS ve HTML kullanarak basit bir özel onay kutusu oluşturdum. Mükemmel değil ama umarım beğenirsiniz.

Kategoriler
Kodlama

Yalnızca HTML ve CSS ile basit F&Q Yalnızca CSS kullanarak yapılan şeyleri sevdiğimi birçok defa söylemiştim, sadece HTML ile yapılan şeyleri de seviyorum. Aslında ek JavaScript gerekmeksizin uygulama veya web sitesinde birçok şey yapılabiliyor ancak çoğu developer çok daha kolay yazabildiği ve CSS’in karmaşasına girmemek için JavaScript tercih ederler, fakat bu elbette sitenin çalışma hızından ödün vermek anlamına gelmektedir.

Yalnızca CSS kullanarak yapılan şeyleri sevdiğimi birçok defa söylemiştim, sadece HTML ile yapılan şeyleri de seviyorum. Aslında ek JavaScript gerekmeksizin uygulama veya web sitesinde birçok şey yapılabiliyor ancak çoğu developer çok daha kolay yazabildiği ve CSS’in karmaşasına girmemek için JavaScript tercih ederler, fakat bu elbette sitenin çalışma hızından ödün vermek anlamına gelmektedir.