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.

Peki neden? Neden şu ki projenizin boyutuna bağlı olarak; büyüklüğü, performansı ve karmaşıklığı en aza indirmek.

Bu makale, yalnızca vanillia HTML ve biraz CSS ile çok güzel görünen ve ihtiyacınızı karşılayacak bir çok şey yapabileceğiniz konusunda bir ipucudur.

En kullanışlı HTML etiketlerinden ve niteliklerinden bazıları toparlandı, böylece bunları inceleyebilir ve bir sonraki projenizde kullanabilirsiniz.

Ayrıca 12 ayrı Codepens var, böylece canlı ön izleme yapabilir ve örneklerle istediğiniz gibi oynayabilirsiniz.

🎨 Color Picker – Renk seçici

https://codepen.io/madarsbiss/pen/vYJBqeX

📚 Blockquote – Blok alıntı

https://codepen.io/madarsbiss/pen/JjyPQBd

🎵 Audio player – Ses oynatıcı

https://codepen.io/madarsbiss/pen/oNevrEb

📺 Video player – Video oynatıcı

https://codepen.io/madarsbiss/pen/BadBgxJ

🔷 Accordion – Akordeon

https://codepen.io/madarsbiss/pen/zYdOVPV

📅 Date picker – Tarih seçici

https://codepen.io/madarsbiss/pen/qBXWzXE

⚪ Slider – Kaydırıcı

https://codepen.io/madarsbiss/pen/GRvKbXv

✍ Content editor – İçerik düzenleyici

https://codepen.io/madarsbiss/pen/ExvYBwB

📷 Picture Tag – Resim etiketi

https://codepen.io/madarsbiss/pen/abybomY

⌛ Progress bar – İlerleme çubuğu

https://codepen.io/madarsbiss/pen/oNevKdp

🔻 Dropdown – Açılır menü

https://codepen.io/madarsbiss/pen/eYEOwdQ

💭 Tooltip – İpucu

https://codepen.io/madarsbiss/pen/VwzwZvE

Yazmak her zaman benim tutkum oldu, insanlara yardım etmek ve ilham vermek bana zevk veriyor. Herhangi bir sorunuz varsa, bana ulaşmaktan çekinmeyin!

Beni Twitter ve LinkedIn‘de takip edebilir ve iletişime geçebilirsiniz.

Blogumu takibe almak için en iyi seçenek Twitter ve Revue.

Yazının kaynağı: @madzadev

Hoşunuza gidebilir:

Bilmediğiniz 12 HTML etiketi: Muhtemelen varlığından bile haberdar olmadığınız 12 HTML etiketini inceliyoruz.
HTML meter etiketi: HTML meter etiketi kullanımı, örnekler.
HTML ile görsellerde dark mode seçeneği: Resimleri kullanıcının tercih ettiği renk düzenine göre değiştirebileceğinizi biliyor muydunuz?
HTML yazım denetimi özelliği: HTML de elemanlara -yazım denetimi özelliği- spellcheck eklemek veya iptal etmek.
HTML Anlamsal/Semantic etiketler: HTML Anlamsal/Semantic etiketleri – neden kullanmalısınız? SEO performansı sağlar mı?
Front End ultimate Cheat sheets: Frontend developerlar için cheatsheet derlemesi. HTML, CSS ve JavaScript.
WOLKANCA

Volkan Yılmaz

Digital Marketing & WordPress & SEO volkan@volkanyilmaz.com.tr