12 berichten

Dijital çalışma: anla, tasarla ve tamamla

Tarayıcılar ve HTTP ile başlayın, CSS ve erişilebilir tasarımla ilerleyin. Odaklanma, metin, görsel ve belgeleri göndermeden önce son kontrol için araçlarla tamamlayın.

Samengesteld door moalier.picks Delen

1. 01#DevelopmentBaşlangıç noktanız tarayıcı olacak şekilde web için geliştirme yapınWebin temelleri, odaklanmış kurslar, tarayıcı uyumluluğu ve erişilebilir uygulamalardan oluşan pratik bir yol. Çerçeveler pek çok şeyi kolaylaştırır, ancak tarayıcı yine de bir sayfanın nasıl davranacağına karar verir. HTML, CSS, JavaScript ve erişilebilirlik temelleri, alışılmadık araçları daha az gizemli hale getirir. Bu referanslar, inceleyebileceğiniz, değiştirebileceğiniz ve güvenle bozabileceğiniz küçük bir projenin yanında iyi çalışır. İlk önce bunu dene Başlık, form ve liste içeren…4 links
2. 02#DevelopmentÇerçeveyi suçlamadan önce bir HTTP değişimini okuyunBir tarayıcının ne gönderdiğini ve bir sunucunun ne döndürdüğünü anlamak için bir açıklama, bir referans ve bir istek test hizmeti.3 links
3. 03#DevelopmentBir CSS düzeninin gerçek içerikten sağ çıkmasını sağlayınDüzen kısıtlamalarını, esnek boyutlandırmayı ve mükemmel bir modelin gizleyebileceği tuhaf durumları anlamak için dört CSS açıklaması koleksiyonu.4 links
4. 04#DevelopmentYavaş gibi görünen bir sayfa için hata ayıklama tezgahı"Bu yavaş hissettiriyor" ifadesini tekrarlanabilir bir gözleme ve odaklanmış bir sonraki adıma dönüştürmek için tarayıcı belgeleri ve performans referansları.4 links
5. 05#DesignSebep gerektiren kararlar için tasarım referanslarıKullanılabilirlik araştırması, erişilebilirlik kılavuzu, etkileşim ilkeleri ve tipografi derslerinden oluşan küçük bir rafla görsel ilhamın ötesine geçin. Güzel bir referans, neden çalıştığını açıklamadan bir ekranın neye benzediğini gösterebilir. Bir tasarım incelemesi tercihler yarışmasına dönüştüğünde, kararı tartışılabilir kılan kaynakların bulunması yardımcı olur. Bu koleksiyon, kullanıcı davranışından erişime, etkileşime ve okuma ayrıntılarına doğru ilerliyor. İlk önce bunu dene Bir…4 links
6. 06#DesignBir tasarım sistemi bileşeninin arkasındaki mantığı okuyunİlgi çekici kontrollerden oluşan bir galeri yerine içerik, davranış ve erişimle ilgili kararlar olarak bileşenleri incelemek için dört genel referans.4 links
7. 07#DesignTipografiyi yazı tipi adıyla değil, paragrafla değerlendirinPratik rehberlik, yazı ölçeğinde bir araç, ekran odaklı bir aile ve metnin gerçekte nasıl okunduğunu test etmek için gerçek dünya arşivi.4 links
8. 08#Designİnsanların gerçekten okuyacağı bir renk çiftini test edinMetin ve arayüz renklerini palet önizlemesinin ötesinde değerlendirmek için kontrast denetleyicileri ve görsel karşılaştırmalar.3 links
9. 09#Productivityİlgilenmeniz gereken işler için küçük bir araç setiBir zamanlayıcı, bir çizim tuvali, bir ofis takımı ve bir not defteri: Farklı görevleri olan dört araç ve bunları denemenin basit bir yolu. Yeni bir üretkenlik sistemi, desteklemesi amaçlanan işten daha fazla dikkat çekebilir. Bu koleksiyon, rolleri kasıtlı olarak ayrı tutuyor: bir göreve yer açın, fikrin taslağını çıkarın, belgeyi üretin ve bir dahaki sefere not bırakın. Dördünü de benimsemenize gerek yok. İlk önce bunu dene Şu anda işinizin durduğu noktayı seçin. Başlamak zorsa, kısa süreli…4 links
10. 10#ProductivityFarklı bir şekle ihtiyaç duyan metinler için küçük bir çalışma tezgahıYapılandırılmış metni incelemek, tekrarlanabilir bir dönüşüm uygulamak ve sonucu başka bir yerde kullanmadan önce kontrol etmek için üç araç.3 links
11. 11#ProductivityWeb'e gönderilen görüntüler için küçük bir çalışma tezgahıBir kaynağı düzenlemek, sıkıştırmayı karşılaştırmak, SVG'yi temizlemek ve küçük bir animasyonu kontrol etmek için odaklanmış bir görüntü araç seti.4 links
12. 12#ProductivityBir belgeyi göndermeden önceki son geçiş için küçük bir araç setiBaşka bir kişinin alacağı dosyayı kontrol etmek için PDF derleme, metin karşılaştırma ve yazma düzeltme araçları.4 links

Profiel bekijken