Bir HTML uygulama veya sayfada herhangi bir HTML elemanını olduğu gibi başka bir eleman içerisine kopyalamak ve göstermek JavaScript ile çok kolayca yapılabilir, bunu jQuery ile yapma yöntemi de en hızlı çözüm.
Etiket: Web Tasarım
Dünyada internete bağlanan cihazların önemli bir kısmı (%56 – 2021)mobil ve artık web siteleri öncelikli olarak mobil cihazlara göre tasarlanıyor.
Farklı HTTP yanıt durum kodları vardır, bunlardan en bilineni ve karşılaşılanı 404’dür. 404 durum kodu kullanıcıya ve bağlanmaya çalışan cihazlara/botlara ilgili URL’de sayfanın var olmadığını bildirir ve aslında boş bir sayfa bile olabilir(belli bir Kb. boyutu olmak kaydıyla) ancak kullanıcılarınıza değer veren bir web sitesini yönetiyorsanız kullanıcıları yönlendirmek veya hiç olmazsa eğlendirmek istersiniz.
Statcounter’da 2021 Q1’deki cihaz pazar paylarına bakılınca mobilin masaüstü cihazları geçtiğini ve yükselmeye devam ettiğini görebiliyoruz. Şu an %54,25 mobil %42,9 masaüstü %2,85 tablet. Yine aynı sitede işletim sistemlerine bakıldığında mobil işletim sistemleri yükselişte.
Bu yazıda CSS’de üçgen çizmek için farklı yöntemleri göreceksiniz. Hem geleneksel ve basit hem de daha modern yöntemler üzerinde duracağız.
Akışkan tipografi nedir? Akıcı tipografi ile, yazı tipi boyutlarınız için görüntü alanı birimlerini(cihazın ekran boyutu) tek başına veya bir calc()değerin parçası olarak kullanırsınız. Bu, ikisini dengede tutarak yazı tipi boyutunuzun ekranın boyutuyla birlikte büyümesini sağlayacaktır. Be bu da responsive tasarımda yazı/font boyutlarının da akıcı olmasını yani responsive typography/duyarlı tipografi kullanmanız anlamında gelir.
Burada UI(kullanıcı arayüzü tasarımı) konusunda ilham alabileceğiniz harika 15 kaynak siteyi tanıtacağım, daha doğrusu sadece linklerini paylaşacağım gerisini keşfetmek size kalmış.
Websitelerine dark mode(kodu mod – karanlık modu) görünümü kaznadırmak ve dark mode hakkında birkaç yazı eklemiştim;
- Websitesine kolayca dark mode eklemek
- JavaScript ile dark mode sorgulamak
- HTML ile görsellerde dark mode seçeneği
- Chrome, Opera ve Firefox Dark modu
AMP sayfalarına da dark mode seçeneği eklemek mümkün, nasıl yapacağımızı ve örnek paylaşacağım.
Bazen bir html etiketi içerisinde yazıların(metin) uzunlukları tutarlı olmayabilir ve kaotik bir durum oluşur, belli ölçülerden taşar vs.
Bunu aşmak için ilgili etiket içerisindeki metnin uzunluğunu sınırlamak tasarımcıları rahatlatır, bunu genelde backend de yapmak gibi bir eğilim vardır ancak buna hiç gerek yok çünkü CSS ile de bu yapılabilir.
WEb geliştirme için ücretsiz ve kaliteli kaynakların bir listesini arıyorsanız doğru yere geldiniz, burada en iyi ve yüksek kaliteli web geliştirme için ücretsiz kullanabileceğiniz kaynak siteleri listeleyeceğim.
Web sitemize modern bir görünüm kazandırmak için illüstrasyonlar eklemeye karar verdik, ancak ne yazık ki illüstrasyonları nasıl yapacağınızı bilmiyorsunuz ve siz de illüstrasyonlar Google’da arama yapıyor ve buluyorsunuz, ancak bu şekilde sitenizde telif hakkı ihlali sorunu yaşayabilirsiniz.
Bu yazıda tasarımcılar için ücretsiz kullanabilecekleri 50 araç ve kaynak listesini paylaşacağım. Hepsi ücretsiz ve harika.
Yazı tipi bir web sitesinin konuştuğu dil ve tonudur, eğer çok süslü ise okuyucular okumakta zorlanabilir, eğer çok düz ise okuyucu ile sıcak iletişimde bulunamayabilir. Dijital veya basılı projeniz için doğru yazı tipini seçmek, bir renk veya düzen seçmek kadar son derece önemli ve etkilidir.
Deneyimli kişiler için WordPress tema geliştirme adına herhangi bir masaüstü yazılıma ihtiyaç yoktur ancak WordPress’de veya kodlamada deneyimsiz kişilerin kendine özel tema geliştirebilmeleri için bu paylaştığım yazılımları kullanabilirler.
Tasarım kaynakları internetin her yerindedir, bu liste en iyilerden bazılarını kolayca bulmanızı amaçlamaktadır.