Web Profesyonelleri için 30 Handy Hile Sayfaları ve Referans Kılavuzları
Hile sayfaları ve referans kılavuzları hem yeni başlayanlar hem de ileri düzey web uzmanları için faydalıdır.
Sözdizimini veya ezbere yardımcı olacak bir araç olarak hatırlamanıza yardımcı olmak için kullanılabilirler.
Bu gönderide, en yaygın kullanılan platformların, yazılımların ve kodlama dillerinin tümü için referans kılavuzlarını kapsamayı hedefliyoruz.
Aşağıda, en yararlı ve iyi organize edilmiş 30 hile sayfası, kontrol listesi ve referans kılavuzunun bir derlemesini bulacaksınız .
Burada ele almadığımız yararlı bir hile sayfası biliyorsanız, lütfen bağlantıyı makalenin sonundaki yorumlar bölümünde paylaşın.
1. 25 Noktalı Web Sitesi Kullanılabilirlik Kontrol Listesi
Kullanılabilirlik herhangi bir web geliştiricisi için temel bir sorundur. 25 Noktalı Web Sitesi Kullanılabilirlik Kontrol Listesi, web sitenizin maksimum kullanılabilirlik elde etmesine yardımcı olabilecek basit bir adım adım listedir.
Bu kontrol listesinde dört ana bileşen ele alınmıştır: erişilebilirlik, kimlik, gezinme ve içerik . Liste yazdırılabilir bir PDF'dir ve yorum için bir derecelendirme sistemi ve alanı içerir.
25 Noktalı Web Sitesi Kullanılabilirlik Kontrol Listesini İndirin
2. Tarayıcı Uyumluluk Tablosu
Bu, tarayıcı uyumluluğunu sağlamak için mükemmel bir referans kılavuzdur.
Aşağıda çeşitli CSS kurallarının bir listesini ve bunların yaygın tarayıcılarla ve işletim sistemleriyle uyumluluğunu içeren bir tablodan elde edilen bir ekstrakt bulunmaktadır. Hızlı bir bakışla, tasarımcı veya geliştirici hangi CSS özelliklerinin kullanılmasının gerektiğini veya önleneceğini not edebilir.
Tablo ayrıca, imlecinizin bulunduğu satırı vurgulayan etkileşimli bir özellik sunar. Bu, belirli bir CSS özelliğinin uyumluluğunu daha kolay belirlemektedir.
Tarayıcı Uyumluluk Tablosuna Git
3. Web Standartları Kontrol Listesi
W3C standartlarına uygun bir web sitesi, kullanılmayanlardan daha kullanışlı ve arama motoru dostu olacaktır.
Bir web sitesinin standartlara uygun olmasını sağlamak için çeşitli yollar vardır; bir yol kontrol listesi kullanmaktır.
Bu kontrol listesi, bir web sitesi oluştururken göz önünde bulundurulması gereken faktörlerin kronolojik bir listesini içerir.
Web Standartları Kontrol Listesini İndirin
4. Arama Motoru Optimizasyonu Hile Sayfası
Bir web sitesinin başarılı olması için Arama Motoru Optimizasyonu (SEO) çok önemlidir. Bu hile sayfası yeni başlayanlar için görünebilir, ancak referans ve eğitim için değerli bilgiler içerir. On kategori kodlama düzeyinde SEO kurallarıdır.
İyi optimizasyon için on temel kategori şunlardır: önemli HTML etiketleri, arama motoru indeksleme sınırları, başlık etiketi sözdizimi, yaygın kanonik sorunlar, Apache'de 301 yönlendirmesi, arama motoru robot kullanıcı aracıları, kaçınılması gereken yaygın robot tuzakları, robot meta etiketleri söz dizimi, robotlar. txt sözdizimi ve site haritası sözdizimi.
Her kategoride daha fazla açıklama ve bir örnek bulunmaktadır.
Hile sayfası, iki sayfalık yazıcı dostu bir PDF olarak indirilebilir.
Web Geliştiricisinin SEO Hilesi Sayfasını İndirin
5. Tweet Sayfası 2
Twitter hızlı bir şekilde yaygın bir haber kaynağı haline geldiğinden, web sitenizin avantajını kullanmak önemlidir.
Tweet Sheet, Twitter kullanımı ve sözdizimi hakkında oluşturulan oldukça basit bir hile sayfasıdır. Jason Theodor . Tweet Sayfasında Twitter'ın mobil URL ve metin numaraları, kişisel komutlar, mobil komutlar, kullanıcı adı komutları, izleme komutları ve Twitter uygulamaları ve araçları hakkında bilgiler yer almaktadır.
Sürüm 2, PDF biçiminde sunulmaktadır. Sürüm 1'deki basit görüntüden bir değişiklik. İkinci sürüm, daha kolay kopyalanabilen bir satırın olduğu ve arkadaşlarla kolayca paylaşılabileceği ya da başka yerlerde gönderilebildiği küçük bir hile sayfası ızgarasıdır.
6. XHTML Hile Sayfası v1.03
Bu XHTML hile sayfası XHTML kodlayıcıları için mükemmeldir. Birçok temel özellik ile birlikte, bu iki sayfalı ızgara deneyimli web profesyonellerinin bile yararlı bulabileceği referansları içerir.
Bu hile sayfasında üç tip eleman tanımlanmıştır: blok, satır içi ve tablo öğeleri . Çeşitli bölüm 22 ek unsur içerir. Her satır, kullanım için mevcut öğelerin her birinin adını, açıklamasını ve niteliklerini içerir.
% Attrs,% focus, input tipleri, link tipleri, kullanımdan kaldırılmış öğeler, HTML ASCII varlıkları ve daha fazlası dahil olmak üzere daha fazla referans taraftadır. Bu kadar detaylı olması, XHTML'yi sıklıkla kullanan herkes için harika bir araçtır.
XHTML Cheat Sheet'i indirin v1.03
7. CSS Hile Sayfası
CSS Hile Sayfası iki sayfalık bir PDF'dir ve mevcut olan en ayrıntılı CSS referans kılavuzudur . Çok fazla bilgi içeriyor ve basılı bir referans olarak harika.
Yararlı bulabileceğiniz bölümler, CSS kutusu modeli, seçiciler, sözde öğeler ve sözde sınıflar, renkler, metin özellikleri ve mizanpaj özellikleridir.
8. Blueprint Çerçeve ve Blueprint CSS Hile Sayfası
Blueprint CSS çerçevesi , tasarımcılar için harika bir kısayoldur. Bu aracın geliştiricileri açıklıyor:
“Blueprint, geliştirme sürenizi kısaltmayı amaçlayan bir CSS çerçevesidir. Kullanımı kolay bir ızgara, hassas tipografi, kullanışlı eklentiler ve hatta baskı için bir stil sayfası ile projenizi en üst düzeye çıkarmak için sağlam bir temel sağlar. ”
Blueprint çerçevesini indirmek için BlueprintCSS.org
Çerçeve ile eşleştirilmiş, geliştirme süresini kısaltmak için Blueprint CSS hile sayfasıdır. Hile sayfası iyi düzenlenmiş, güzel renk kodlu ve ayrıntılı. Çerçeve ile uyumlu olarak çalışmakta ve 950 piksel genişliğinde bir ızgara sisteminin görsel bir sunumunu, Blueprint özelliklerinin ayrıntılı bir listesini ve çağrı ve sözdizimi örneklerini içeren tasarımcılar düşünülerek yapılmıştır.
Blueprint CSS Cheat Sheet'i indirin.
9. Karıştırma Fontları
Bu PDF, iki veya daha fazla yazı tipinin birlikte iyi çalışıp çalışmadığını anlamak için çok fazla zaman harcamak istemeyen tasarımcılar için mükemmel bir referanstır. Bu araç tasarımcıların mükemmel tipografi kombinasyonunu seçmelerini sağlar.
Hile sayfası, 1992'de oluşturulmasına rağmen, yaygın olarak kullanılan web yazı tiplerinin çoğu mevcut. Yukarıdaki görüntüde gösterildiği gibi, üst ve sol taraftaki yazı tipleri listesi tekrarlanır.
Her bir çiftin kesiştiği yerde 1'den 3'e kadar bir sayı görüntülenir. 1, iki yazı tipinin uyumlu olduğu anlamına gelir; 2, düzgün uygulama ile iki yazı tipinin birlikte iyi çalışabileceği ve 3'ün de çakışacakları anlamına gelir.
Karıştırma Yazı Tiplerini PDF olarak indirin
Tüm Windows Sürümleri ve Mac Eşdeğerleri için Ortak Yazı Tipleri
Bu kılavuz eksiksiz olmasa da, yeni bir web sitesi için tipografiyi seçmek için mükemmel bir hızlı başvuru aracıdır. Listelenen tüm 18 yazı tipi grubu web güvenli ve çapraz tarayıcı uyumludur .
Tüm yazı tipleri sözdizimi ile birlikte gruplandırılmıştır: Windows sürümü, Mac sürümü, yazı tipi ailesi. Sayfanın alt kısmında, farklı işletim sistemlerinde ve tarayıcılarda yazı tiplerinin kullanımı hakkında çok özel bilgiler bulunur ve hatta her bir senaryonun ekran görüntüsü vardır.
Bu web sayfası zaten web tasarımcısı topluluğunda iyi bilinmesine rağmen, bu listeye eklenmesi önemliydi.
Tüm Windows Sürümleri ve Mac Equivalents için Ortak Fontları İndirin
11. Resmi Adobe Photoshop CS4 Referansı
Resmi Adobe Başvuru kılavuzuna çevrimiçi ve PDF biçiminde erişilebilir. Tam olarak “hızlı” bir referans kılavuzu olmasa da, profesyonelce Photoshop kullanan herkes için önemlidir.
Adobe Photoshop CS4 Yardım Kılavuzunu Çevrimiçi İndirin
Adobe Photoshop CS4 Yardım Kılavuzu'nu indirin PDF
12. Adobe Photoshop CS4 Klavye Kısayolları
Bu, Photoshop'un en yeni sürümü için klavye kısayolları hile sayfasıdır . Bu dört sayfalık kılavuz, tasarımcıların üretim sürelerini yarıya kadar azaltmalarına yardımcı olabilir.
Kolay gezinme için PDF, Photoshop'taki ana menüye göre düzenlenir ve her menü öğesinin altında kısayolların alfabetik sırayla listelenir. PC ve Mac'in farklı kısayolları olduğundan, iki farklı referans kılavuzu vardır.
PC sürümünü indir | Mac sürümünü indirin
13. Adobe Flash CS4 Klavye Kısayolları
Bu, Adobe Flash CS4 için bir klavye kısayolları kılavuzudur . Bu PDF ayrıca Flash CS4 menüsünü yansıtacak şekilde düzenlenmiştir, ancak alfabetik sırada olmak yerine kısayolların listesi uygulamanın menü listesine göre düzenlenmiştir. Bu hile sayfası, Flash'ta sunulan menü sırasına göre en üstte samimi bir grafik bile sunuyor.
Çoğu Adobe klavye kısayolu hile sayfasında olduğu gibi, hem PC hem de Mac sürümleri mevcuttur.
PC sürümünü indir | Mac sürümünü indirin
14. ActionScript 2.0 - 3.0 Geçiş Hile Sayfası
Bu hile sayfası hem ActionScript 2.0 hem de ActionScript 3.0'ı kapsar ve 3.0'a geçiş yapması gerekenlere yardımcı olacak şekilde düzenlenmiştir. Aşağıda altı sayfalı PDF'den kısa bir özüt bulunmaktadır.
ActionScript 2.0'ın işlevleri ve sınıfları, her bölümün solunda ve ardından ActionScript 3.0'daki eşdeğerleridir. Bu hile sayfası, 3.0'a geçiş yapan veya ActionScript öğrenen herkes için harikadır.
ActionScript 2.0'ı 3.0 Migration Cheat Sheet'e indirin
15. Adobe Dreamweaver CS4 Klavye Kısayolları
Bu, Adobe için hile sayfaları ailesindeki başka bir kılavuzdur, bu da Dreamweaver CS4 klavye kısayolları içindir . Flash CS4 sayfasının yaratıcısı tarafından yapıldı ve aynı özelliklerin çoğuna sahip.
Hile sayfası ayrıca Dreamweaver CS4'ün tam menü yapısını takip eder ve menü sırasını gösteren en üstte aynı grafiğe sahiptir.
Ne yazık ki, bu hile sayfasının bir Mac sürümü hala eserlerde; Sadece PC versiyonu şu anda kullanılabilir.
Her iki durumda da harika bir hile sayfasıdır ve Mac sürümüne kolayca uyarlanabilir. Çoğu kısayol için, Control'ü Command tuşuyla değiştirmeniz gerekir. Kontrol etmeye devam et hile sayfası Mac sürümü yayınlanması için.
Dreamweaver CS4 Klavye Kısayolları PDF'sini indirin
16. WordPress Yardım Formu
Bir WordPress tema geliştiricisiyseniz, WordPress Yardım Sayfası en kullanışlı hile sayfasıdır. En çok kullanılan WordPress snippet'leri için hızlı bir başvuru kaynağıdır.
Bu kılavuzda yalnızca dört kategori ele alınmıştır, ancak bu sayfanın sadeliği onu çok çekici kılmaktadır.
Yalnızca en çok ihtiyaç duyulan ve yaygın olarak kullanılan snippet'lar dahil edilerek bunların bulunması kolay olur. Dört bölüm şunları içerir: temel WordPress temasının dosya adları, başlık snippet'leri, diğer tüm şablon parçacıkları ve yaygın olarak kullanılan ekstralar.
WordPress Yardım Sayfasını İndirin
17. Gelişmiş WordPress Yardım Sayfası
WordPress temalarını düzenli olarak yaratanlar için, WPCandy gelişmiş bir yardım sayfası oluşturdu. Ek işlevsellik gerektiren temalar için yaygın olarak kullanılan snippet'leri içerir.
Üç sayfalı PDF, yalnızca ön sayfada yer alan içerikler, belirli kategoriler için stil oluşturma, her kategori için benzersiz resimler, dinamik sayfa başlıkları, sorgu yayınları ve daha fazlası gibi çok çeşitli snippet'leri kapsar.
Profesyonel WordPress temalarını oluşturan herhangi bir tasarımcı, bu yardım sayfasına sahip olmalıdır. Parçacıkların çoğu profesyonel temalarda gereklidir.
Gelişmiş WordPress Yardım Sayfasını İndirin
18. WordPress Tema Geliştirme Kontrol Listesi
WordPress Tema Geliştirme Kontrol Listesi, dokuz bölümden oluşan kapsamlı bir kontrol listesidir. Kontrol listesi genel temaları (tema bilgileri ve ekran görüntüleri gibi), blog bileşenlerini (RSS beslemeleri gibi), zaman damgalarını, kategori ve sayfa gezinmeyi kapsar. Aşağıda ilk yarının bir örneğidir.
Bu kontrol listesi, bir WordPress teması oluştururken veya bir tanesini sonlandırmaya yardımcı olmak için kullanılabilir. Bu kadar geniş, sadece bir sayfa ve yeni bir tema geliştirmek için zaman geldiğinde kolayca basılabilir.
WordPress Tema Geliştirme Kontrol Listesini indirin
19. JavaScript Hile Sayfası
Burada bulunan hile sayfalarının bir kısmı AddedBytes.com Buradaki kaynakların detaylı ve istisnai yüksek kalitesi nedeniyle. AddedBytes listesindeki ilk, JavaScript hile sayfasıdır.
Bu hile sayfası, mantıksal olarak DOM yöntemleri, işlevleri, normal ifadeler vb. Olarak düzenlenmiştir. Bu, tüm yaygın JavaScript kullanımları için kullanımı kolay ve harika bir referanstır.
Kılavuz sadece JavaScript yeni başlayanlar için mükemmel değildir (JavaScript'i HTML'ye eklemek için sözdizimi gibi temel öğeleri kapsar), aynı zamanda programcılara ileri düzeyde (daha gelişmiş JavaScript işlevselliğine atıfta bulunarak) uygundur.
JavaScript Hile Sayfasını indir
20. Düzenli İfadeler Hile Sayfası (v2)
Normal İfadeler'e yapılan bazı referanslar yukarıdaki JavaScript hile sayfasında yer alsa da, bu daha ayrıntılıdır. Şimdi, 2. versiyonda, bu hile sayfası, Normal İfadelere aşina olmayanlar için bilgiler de dahil olmak üzere ek bir materyale sahiptir.
Her ne kadar bu girişi JavaScript hilesi sayfasının hemen altında konumlandırmış olsak da, bu PDF belirli bir dil için bir rehber değildir ve herhangi bir dilde kodlamayan (veya birden fazla dilde kod yazan) geliştiriciler için harikadır. .
Normal İfadeler Hile Sayfasını İndirin
21. jQuery Görsel Haritası
JQuery Görsel Haritası , bu listedeki diğer hile sayfalarının çoğu gibi yazdırılabilir bir başvuru olmamasına rağmen, jQuery'yi öğrenme ve snippet'leri öğrenme için hala harika bir araçtır.
Aracın etkileşimli doğası, tam olarak neye ihtiyacınız olduğunu bulmayı kolaylaştırır ve kolay kopyalama ve yapıştırma için tüm örneklerde kod bulunur. Bu kılavuz nihayetinde interaktif bir jQuery el kitabıdır.
JQuery Görsel Haritasını İndirin
22. MooTools Hile Sayfası
MooTools JavaScript çerçevesini jQuery'ye tercih edenler bu kopya sayfasını yararlı bulabilir. Bu renkli ve ayrıntılı başvuru kılavuzu, MooTools 1.2'nin yaygın olarak kullanılan her özelliğini içerir.
Referanslar kompakt, ancak “sözde kod” illüstrasyon olarak mükemmel bir şekilde hizmet veriyor. Tek sayfalık PDF'de 22 referans materyali bölümü vardır.
Eski sürüme ek olarak, güncellenmiş hile sayfası artık Çekirdek, Yerel, Sınıf, Öğe, Yardımcı Programlar ve İstek için belgelere sahiptir.
MooTools 1.2 Hile Sayfasını İndirin
23. Prototip 1.6.0.2 Hile Sayfası
Bu tek sayfalık bilgilendirici PDF, Prototype.js kullananlar için mükemmel bir kaynaktır ve ofsetler ve boyutlar için görsel bir referans içerir.
Modüller, en solda en sık kullanılanları ve sağ altta daha az yaygın olanları olan mantıksal bir düzende. Sayfa yazdırılabilir bir masa üstü başvuru kılavuzu olarak yazdırılabilir ve kolaydır.
Prototip 1.6.0.2 Hile Sayfasını İndirin
24. Python
Bu tek sayfalık hile sayfası, özellikle Python'da kodlarsanız harika bir referans aracıdır.
Hile formunu oluşturan 11 bölüm, sistem değişkenleri, string metotları, datetime yöntemleri, zaman metotları, tarih formatlama, sys.argv, OS değişkenleri, liste metotları, dosya metotları, sınıf özel metotları, indeksler ve dilimlerdir .
Bu Python kodlayan veya Python öğrenmeye çalışan herkes için uygun bir all-in-one genel referanstır. Bazı yan notlar ve genel sözde kod da vardır.
25. mod_rewrite Hile Sayfası (v2)
URL yeniden yazma, web sitenizin kullanılabilirliğini, arama işlevselliğini ve gezinme temizliğini geliştirebilir.
Mod_rewrite hile sayfası , RewriteRule ve RewriteCond yönergeleri için temel normal ifade sözdiziminden liste işaretlerine kadar her şeye sahiptir. Ayrıca, örnekleri ve genel sözdizimini de sağlar, böylece PDF'yi kullanmak için bir mod_rewrite uzmanı olmanız gerekmez.
Mod_rewrite hile sayfasını indir
26. PHP Hile Sayfası (V2)
Bu tek sayfalık hile sayfası, PHP programlama dili için tam bir referanstır . PHP'de nasıl kod yazılacağını bilen ve belirli bir sözdiziminin ve işlev ve değişken adlarının bir hatırlatıcısı olarak hizmet edenlere daha uygundur.
Şimdi ikinci baskısında, bu hile sayfası daha iyi organize ve yeni bileşenleri, toplam dokuz bölüm vererek: dizi fonksiyonları, düzenli ifade fonksiyonları, tarih biçimlendirme, düzenli ifade sözdizimi, dize fonksiyonları, dosya sistemi fonksiyonları, PCRE düzenleyicileri, tarih ve zaman fonksiyonları ve fopen () modları.
27. SQL Server Hile Sayfası
Bu kullanışlı, tek sayfalık bir hile sayfası, SQL sunucusu için hızlı başvuru sağlar.
14 bölüme şunlar dahildir: işlevler, bir işlev oluşturmak için sözdizimi, tarih bölümleri, bir tetikleyici oluşturmak için sözdizimi ve saklı yordam oluşturmak için sözdizimi.
PDF veya PNG dosyası olarak indirilebilir.
SQL Server Cheat Sheet'i indirin
28. MySQL Hile Sayfası
Bu hile sayfası, MySQL veya MySQL ile PHP'yi sıkça kullanan herkes için harika bir referanstır. PHP'de en sık kullanılan MySQL fonksiyonlarını, veri tiplerini ve aralıkları ve örnek seçim sorgularını içerir.
Ana hile sayfasının yanı sıra MySQL'te kullanılan çeşitli anahtar kelimeler ve fonksiyonlar: matematiksel anahtar kelimeler, tarih ve zaman anahtar kelimeleri, grup kelimeleri, kontrol akışı, dizi, karşılaştırma, döküm ve daha fazlası.
MySQL işlevlerinin tam adlarını veya her veri türünün tam aralığını ezberlemeye gerek yok; Sadece elinizde olması için MySQL hile sayfasının PDF veya PNG sürümünü indirin.
29. Ruby on Rails Hile Sayfası
Bu Ruby on Rails tek sayfalık yazdırılabilir referansı , Ruby on Rails'i yoğun bir şekilde kullanan herkes için yararlı bir kılavuzdur.
Hile sayfasına dahil beş ana bölüm ve yöntemleri içeren birkaç yan bölümleri vardır. Ana bölümde bir dizin yapısı, Ruby'de önceden tanımlanmış değişkenler, ayrılmış anahtar kelimeler, düzenli ifade sözdizimi ve yöntemlerin bir yan notu hatırlatması bulunur.
Merkez bloklarına ek olarak, aşağıdaki kategorilerde düzenlenmiş yandaki yöntemlerin bir listesi vardır: dizeler, normal ifadeler, zaman, diziler, doğrulama ve numaralandırılabilir karıĢım .
Ruby on Rails indirme sayfasını indirin
30. ASP / VBScript Hile Sayfası
Listemizdeki son kaynak ASP geliştiricisi olan herkes için ASP / VBScript hile sayfasıdır .
AddBytes'teki diğer hile sayfalarının çoğuna düzende benzer şekilde, bu da iyi organize edilmiş ve ASP geliştiricisi için çok önemli, unutulmuş bilgiler içeriyor.
Hile sayfası, normal ifadeler, tarih işlevi argümanları, 301 üstbilgisiyle yeniden yönlendirme, dosya eklenmesi, işlev bağımsız değişkenleri, dosya modları, ortak LCID modları, sabitler, yöntemler, özellikler, işlevler ve koleksiyonlar içerir.
ASP / VBScript hile sayfasını indir
Sadece WDD için derlenmiş Kayla Knight .
En çok hangi hile sayfalarını kullanıyorsunuz? Lütfen aşağıdaki 'yorumlar alanında kaçırmış olabileceğimiz diğer favori hile sayfalarını paylaşın…