Arayüz sorunlarını çözmenin tek bir yolu yoktur. Bu seride, arayüzle ilgili zorlukların üstesinden gelmenin ve beceri çeşitliliğimizi artırmanın birden fazla yolunu bulma konusunda kendimize ve birbirimize meydan okuyacağız.
Bugünkü GUI Yarışmasında @AdamArgyleInk, okLCH ile geniş bir renk paleti oluşturuyor ve yol boyunca erişilebilir renk çiftlerini kontrol ediyor...
Bugünkü GUI Yarışmasında @AdamArgyleInk, klasik bir bilim kurgu filmindeki 3D metin efektini, kaydırmayı etkileşimli hale getirerek #CSS efektine sokuyor. Po...
Bugünkü GUI Yarışmasında @AdamArgyleInk, bir radyo grubunu metin hizalamasını değiştiren anahtar grubuna dönüştürüyor. Erişimi nasıl test edeceğinizi öğrenin...
Bugünkü GUI Yarışmasında @AdamArgyleInk, CSS klip yolları ve dönüşümleriyle bir siber arıza efekti oluşturuyor.
Bugünkü GUI Yarışmasında @AdamArgyleInk, CSS özel özellikleri, istek animasyon karesi ve ...
Bugünkü GUI Yarışmasında @AdamArgyleInk, dönüştürme kaynağı, ızgara ve :has() kullanarak animasyonlu bir kart yığını oluşturuyor.
Bugünün perili GUI yarışmasında, @AdamArgyleInk canlı kodları CSS klip yolu geçişlerini, bazı rad efektlerini tanıttı ve elde ettiğiniz başarıları ele alıyor. Ben...
Bugünkü GUI yarışmasında @AdamArgyleInk, özel öğe (web bileşeni yok!) ile bir ipucu oluşturuyor. :has(), dönüştürmeler ve mantıksal öneri...
Bugünkü GUI Yarışmasında @AdamArgyleInk, CSS ile klasik bir illüzyon yarattı.
Bugünkü GUI Yarışmasında @AdamArgyleInk bir bant bileşeninin özelliklerini ve yönlerini paylaşıyor: uyarlanabilir tema, çeşitli u...
Bugünkü GUI meydan okumasında @AdamArgyleInk birkaç kayan işlem düğmesi (FAB) derleyerek kullanıcı deneyimi ve CSS ile ilgili dikkat edilmesi gereken noktaları anlatıyor ...
Bugünkü GUI yarışmasında @AdamArgyleInk, web'in tüm farklı düğme türlerini özel özelliklerle ve açık/koyu için :where() kullanarak...
Bugünkü GUI Yarışması'nda @AdamArgyleInk, erişilebilirliği ve internaktif deneyimi sürdürürken diyalog öğesinin nasıl görsel olarak iyileştirileceğini gösteriyor...
Bugünkü GUI Yarışması'nda @AdamArgyleInk, dahili ilerleme öğesinin nasıl biçimlendirileceğini ve harika bir ekran okuyucu kullanıcı deneyiminin nasıl uygulanacağını gösteriyor.
Bugünkü GUI yarışmasında @AdamArgyleInk, SVG ile uyarlanabilir site simgesi oluşturmanın yolu üzerine düşüncelerini paylaşıyor. SVG sadece sonsuzluk sunmakla kalmıyor...
Bugünkü GUI Yarışmasında @AdamArgyleInk, bir tema değiştirme bileşeni oluşturmanın yolunu bulmayla ilgili düşüncelerini paylaşıyor. Bir web sitesi genellikle geçişe olanak tanır...
Bugünkü GUI yarışmasında @AdamArgyleInk, kullanıcı arayüzünün etkileşimsiz ve pasif bir bileşeni olan toast oluşturmanın bir yolunun nasıl olacağını anlatıyor...
Bugünkü GUI yarışmasında @AdamArgyleInk, OS renk tercihlerine uyum sağlayan bir 3D video oyunu menüsü oluşturma konusundaki düşüncelerini paylaşıyor.
Bugünkü GUI yarışmasında, kullanıcıların çoklu seçim yapmalarını sağlamanın bir yolu üzerindeki düşüncelerimi paylaşıyorum. Çoklu seçimi göstermek için bir filtre hazırladım...
Bugünkü GUI yarışmasında, bölünmüş düğmelerin nasıl çözüleceğine ilişkin düşüncelerimi paylaşıyorum. Sıkıştırılmış arayüzler için temel bir bileşen olan...
Bugünkü GUI yarışmasında bir geçişi nasıl çözebileceğinize dair düşüncelerimi paylaşıyorum. Kullanıcı deneyimiyle dolu küçük bir bileşen, son ...
Bugünkü GUI yarışmasında, küçük bir değişiklik yaparak bir içerik haritası bileşeni oluşturuyoruz! Bu içerik haritalarında doğrusal bir bağlantı listesi yerine...
Bugünkü GUI yarışmasında HSL ile koyu, açık ve loş renk şemaları oluşturuyoruz. CSS modern tarayıcılarda çalışır, şunları sağlar:
Bugünkü GUI yarışmasında @Adam Argyle web için minimal, duyarlı ve duyarlı satır içi kaydırma deneyimleri oluşturmanın yolları üzerine düşüncelerini paylaşıyor.
Bugünkü GUI yarışmasında @AdamArgyleInk, bölüm yayınlandıktan sonraki ilk 30 dakika boyunca yorumlarınızı yanıtlayacak. Bağlan...
Bugünkü GUI yarışmasında, kaydırma çubukları ve onay kutuları içeren bir dinamik ayarlar sayfası oluşturup demosu yaptık. Ayarlar sayfamız duyarlı, destek...
Bugünkü GUI yarışmasında, aklınıza gelmemiş olabilecek bazı gerçekten harika özelliklere sahip bir sekmeler bileşeni oluşturuyoruz. Sekmelerimiz şunları içerir:
Topluluktan sizin istediğiniz şekilde bir yan gezinme bileşeni oluşturmasını istedik ve hepiniz teslim ettiniz! Gönderimlere göz atın:
Bugünkü GUI yarışmasında, CSS ve JS kullanarak duyarlı, erişilebilir ve kayan bir yan gezinme kullanıcı deneyimi oluşturuyoruz. Yan gezinme çubuğu çalışıyor...
5 farklı CSS ortalama tekniğini stres testinden geçirdik ve sizden kendi aracınızı göndermenizi istedim. CSS Püf Noktaları'ndan Chris Coyier'a selamlar ...
Benim tarzımla hikayeler oluşturduğumu gördüm. Ben de hepinize kendi tarzınızı inşa etmeye davet ettim. Twitter'daki gönderisi için @Geoffrich_'e teşekkürler. Şunları yapın:
Bugünkü zorlukta 5 farklı CSS ortalama tekniğine stres testi uygulayıyoruz. Hangi tekniklerin aracınızda yer alacağını öğrenin...
Kendi kullandığım arayüzleri oluşturduğum ve bunu kendiniz için teşvik ettiğim GUI Yarışmaları'na hoş geldiniz. Yaratıcı zekamızı bir araya getirerek...