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