Tasarımcılar ve Geliştiriciler için En İyi 15 Geliştirme Kılavuzu

Geliştiriciler ve tasarımcıların birkaç ortak noktası vardır, her ikisinin de en az arada bir, özellikle de yoğun olarak uygulama ve ön uç web geliştirmeye odaklananlar arasında çalışması gerekir. Uygulama tasarımlarınızda tipografiyi nasıl kullanacağınızı öğrenmek veya web sitemizi hangi tür cihazlar için oluşturmamız gerektiğini belirlemek olsun, her ikisi de birbirinden çeşitli şekillerde öğrenebilir.

Web tasarımcıları, tasarımlarını mükemmelleştirmek için genellikle HTML5 ve CSS3 gibi teknolojileri kullanmak zorunda kalırken, geliştiriciler, oluşturdukları yazılımın her iki standardın standart gereksinimlerine uygun olduğundan emin olmak için Kullanıcı Deneyimi ve Kullanıcı Arayüzü hakkında daha fazla araştırma yapmak isteyeceklerdir. Peki ya tarayıcı? Hem tasarımcılar hem de geliştiriciler, tarayıcıyla yoğun bir şekilde ilgileniyor ve bu alanda da biraz rehberlik ve bilgi edinmeye yardımcı oluyor.

Aşağıdaki geliştirme kılavuzu kaynakları, en popüler betik dillerinin temellerini kapsayacak ve bunları kullanmanın ne kadar uygun olduğu nedeniyle yeni favorileriniz haline gelebilecek araçlara biraz ışık tutacaktır.

Web Standartları Sherpa

Web geniş bir kavramdır, o kadar çok şey içerir ki, bazen bir geliştirici ve/veya tasarımcı açısından web ile nasıl çalışılacağı konusunda gerçekten iyi içerik bulmak zor olabilir. Web Standartları Sherpa kaynağı, CSS, Tasarım, İçerik, JavaScript, Web Performansı, Web için oluşturmanın işle ilgili yönleri ve diğer birçok konu ve kategori arasında iş akışınızı nasıl mükemmelleştireceğinize ilişkin ipuçlarından bahseden makalelerin ve kılavuzların bir listesidir. Bir ön uç kişi olarak en iyi uygulamalara ihtiyacınız varsa, bunları alacağınız yer burasıdır.

UX Mitleri

UX Mitleri, kullanıcı deneyimi hakkındaki yanlış inançları ortadan kaldırır ve okuyuculara uygulamalarınızda, web sitelerinizde ve yazılımlarınızda UX'e nasıl yaklaşmanız gerektiğine dair yeni ve anlayışlı bir bakış açısı kazanma fırsatı verir. Her nokta ayrıntılı olarak açıklanmış ve ters olasılıkları göstermek için bir dizi örnek verilmiştir.

Yazım Hatası Cep Kılavuzu

Tipografi için bu cep kılavuzu, tipografinin teknik özelliklerini öğrenmek isteyen tasarımcılar için mükemmel bir arkadaştır. Bu özel kılavuz kısa çizgi, kesme işareti, yazı tipi, yazı tipi ve daha fazlasının temellerini kapsar.

Web Türü Durumu

Tipografi her zaman gelişiyor, ancak tarayıcı değil. Bu, bazen her tarayıcıdaki her özelliğin yeteneklerini ayrı ayrı keşfetmemiz gerektiği anlamına gelir ve bu kaynak bunu özellikle kolaylaştırır. Sadece çalışmak istediğiniz özellik türünü seçin ve farklı tarayıcılarda özelliklerini keşfedin.

Alay modu

QuirksMode, İnternet'teki tarayıcı uyumluluğu bilgilerine yönelik harika bir kılavuzdur. Yazılı içerik şeklinde çok fazla bilgi alamasanız da, konu web için geliştirme olduğunda öğrenmeniz faydalı olabilecek birçok gerçek var. Uyumluluk tabloları, herkesin JavaScript, CSS ve HTML gibi teknolojilerin tarayıcı özelliklerini keşfetmesine olanak tanır.

Photoshop Görgü Kuralları

Photoshop, şüphesiz tasarımcılar arasında en popüler grafik tasarım aracıdır ve Photoshop'u son birkaç yıldır kullanıyor olsanız bile, her zaman öğrenecek ve keşfedecek yeni bir şeyler vardır. Photoshop Görgü Kuralları kılavuzu, katmanlar, efektler ve tasarım kalitesi gibi alanlar dahil olmak üzere Photoshop'un en iyi uygulamalarının çeşitli yönlerinden bahseden altı bölümlük bir kılavuzdur. Tüm bölümler makul boyuttadır, bu nedenle yeni bir şey öğrenmek için saatlerce mahsur kalmazsınız.

Cihazım

Cihazınızın ekran çözünürlüğü boyutunu bulmakta sorun mu yaşıyorsunuz? Bu küçük platform, cihazınızın boyutu ve tarayıcınızın çalıştırabileceği özellikler hakkında tam olarak bilmeniz gereken tüm ayrıntıları size söyleyecektir. Sürekli hareket halinde olan geliştiriciler için harika.

Ekran Boyutları

Ekran Boyutları farklı bir yaklaşım benimser ve bunun yerine farklı ekran boyutları, işletim sistemleri ve benzersiz en boy oranları hakkındaki sabit verileri verir. Aynı bilgileri tabletler ve bilgisayarlar için sağ köşedeki tek tek simgelere tıklayarak görüntüleyebilirsiniz. Hem web tasarımcıları hem de web geliştiricileri için harika çalışıyor.

Cihaz Metrikleri

Google Cihaz Metrikleri, yukarıdaki iki siteye benzer, ancak listeye biraz daha fazla cihaz ekler ve ayrıca her cihaz için bazı önemli geliştirme bilgilerinin ana hatlarını verir. Uygulamalarınızı ve web sitelerinizi ne tür cihazlar için oluşturduğunuzu biliyorsanız, bu bilgileri bilmek çok önemli olabilir.

Geliştirici Araçları Sırları

Bugün her tarayıcı, geliştirici araçları adı verilen bir şeyle önceden oluşturulmuş olarak gelir. Herkesin her bir web sitesini bir geliştirici perspektifinden keşfetmesine olanak tanıyan tarayıcı için ayrı bir konsol panelidir. Özel istemci tarafı kodunu yürütmek için JavaScript konsolunu kullanabilir, web sitesi yapısının öğelerini inceleyebilir ve ağ ve dosya etkinliğini izlemek gibi şeyler yapabilirsiniz. Her tarayıcının geliştirici araçları farklıdır ve bu kaynak, favori tarayıcınızın geliştirici araçlarından en iyi şekilde nasıl yararlanabileceğinize ilişkin belirli bir makale ve eğitim listesidir.

CSS Yönergeleri

CSS, web'in kaplamasıdır. CSS olmadan web çıplaktır, tıpkı biz insanların kıyafetsiz olacağı gibi. Ve etrafımızda çok fazla CSS olduğu için, web'de yayınladığımız CSS'nin optimize edilmesini ve en son standartlara göre olmasını sağlayan çok pratik temelleri ve standart düzenlemeleri anlamak önemlidir.

Bu özel stil kılavuzunun bir stil kılavuzu olması amaçlanmamıştır, bunun yerine standartlaştırılmış CSS'nin nasıl çalıştığına ve geliştiricilerin ve tasarımcıların ürettikleri CSS'nin mümkün olan en yüksek kalitede olmasını sağlamak için farklı olarak neler yapabileceğine dair bir fikir verir, bu da üzerinde üretmeyi çok daha kolay hale getirir. hem de büyük bir ölçekte korumak.

CSS Hile Sayfası

CSS çok büyük bir betik dilidir ve her yıl büyümeye devam etmektedir. Bazen, olayların akışı içinde, dilin çok temel sözdizimini unutabiliriz, bu noktada bu CSS hile sayfası gibi siteler gerçekten yararlı olabilir ve istediğiniz zaman geri dönebilmek için yalnızca bir kez yer imlerine eklemeniz yeterlidir. Yeni başlayanlar için şiddetle tavsiye edilir.

Tarayıcı Hack'leri

Ön uç web geliştiricileri, tarayıcıda deneyler yaparak, kod yürüterek, kurcalayarak ve çok daha fazlasını yaparak çok fazla zaman harcarlar ve her geliştirici yıllar içinde ilerledikçe, herkesin kolaylaştırmak için kullanabileceği bazı ilginç parçacıkları ve püf noktalarını geride bıraktılar. onların geliştirme iş akışı. Medya sorguları için hileler, seçici hileler ve hatta tüm favori tarayıcılarınız için harika JavaScript hileleri hakkında bilgi edinin. GitHub çekme isteği kullanarak kendi ipuçlarınızı ve püf noktalarınızı da paylaşabilirsiniz.

Tarayıcı Diyeti

Web geliştirmedeki mevcut eğilim, performansla ilgili; kaliteden ödün vermeden mümkün olan en iyi performans için nasıl optimize edilir. İşte Tarayıcı Diyeti kılavuzunun konusu budur - web için nasıl optimize edilir. Bu, herhangi bir ödün vermeden değiştirilebilen veya tamamen kaldırılabilen farklı JavaScript, HTML ve CSS özelliklerini belgeleyen, kapsamlı ipuçları ve deneyim raporlarının bir listesidir.

≠

amp-30.000'den fazla HTML karakter varlığı ve yaygın Unicode karakterlerinin, 8859-1 karakterlerinin, tırnak işaretlerinin, noktalama işaretlerinin, aksanlı karakterlerin, sembollerin, matematiksel sembollerin ve Yunan harflerinin, simgelerin ve işaretleme-anlamlısının hızlı, etkileşimli referansı nedir? uluslararasılaştırma karakterleri. Çalışma şekli, web sitesinin üst kısmındaki Yükle düğmesini tıklamanız ve ardından projeniz için veya kullanmayı planladığınız herhangi bir yerde kullanmak istediğiniz karakter türlerini bulmak için arama işlevini kullanmanızdır. O kadar kapsamlı bir kaynak ki, uygulamalarınızı ve tasarımlarınızı renklendirebilecek benzersiz simgeler ve karakterlerle saatlerce oynayarak geçirebilirsiniz.