En İyi 9 Web Tasarım Aracı
Web siteleri ve uygulamalar oluşturmak için sizin için seçtiğimiz 9 araç çok işinize yarayacak.
Yepyeni web tasarım araçları ve kaynakları daha akıllı ve hızlı çalışmamıza yardımcı olabilir, bu nedenle en yeni sürümlerin ve güncellemelerin en son sürümünü kullanmnız hayati öenm taşır. Bu ay, iş akışınızı iyileştirmek veya yeni bir şeyler öğrenmeniz için size güzel bir liste hazırladık.
Vurgulu görünen açılır bir kutuya sahip öğeleri inceleyin, kodlamayı öğrenmeden CSS Izgara özelliklerini kullanın, Windows’ta Eskiz dosyalarını düzenleyin, kaydolmadan yüzlerce web uygulamasına göz atın … tüm bunları ve daha fazlasını yapmanın yolu bu yazımızda…
1. Lunacy 4.0
Lunacy 4.0 çevrimdışı çalışan ve .sketch dosyalarını destekleyen ücretsiz, yerel bir Windows grafik tasarım uygulamasıdır. İçerik oluşturucular tarafından “Windows için tasarım varlıklarıyla birlikte eskiz” olarak faturalandırılır.
Varlıklar, 22 farklı tarzdaki binlerce ikonu, en iyi Dribbble sanatçılarının resimlerini ve büyük bir fotoğraf kütüphanesini içerir. Sketch dosyaları üzerinde çalışmanız gerekiyor ancak bir Mac kullanmıyorsanız, bu sizin için faydalı bir uygulamadır.
2. SVG Colorizer
SVG Colorizer , simge setlerini arabiriminizle eşleşmeleri için başka bir paletle yeniden renklendirmenizi sağlayan gerçekten kullanışlı bir araçtır. Kendi simgelerinizi yükleyebilir ve kendi paletlerinizi oluşturabilir veya zaten aracın içine yerleştirilmiş simgeleri ve paletleri kullanabilirsiniz. Simgelerin içindeki bir rengin kalması gerekiyorsa, alt kısımda çalışan paleti kullanarak onu kilitleyebilirsiniz. Araç, orijinal renklendirmedeki açıklığı ve karanlığı eşleştirerek simgelerinizi renklendirir, böylece yeni renk düzeniniz mantıklı olur.
3. CSS Scan 2.0
Bir öğeyi incelemek için Dev Tools’u açmak yerine, üzerine getirdiğiniz herhangi bir öğenin CSS’sini görüntülemek için CSS Scan’ ı kullanabilirsiniz. Açılır bir görünümde görünür ve tüm kurallarını tek bir tıklamayla kopyalayabilirsiniz. CSS Taraması, Chrome veya Firefox’ta ziyaret ettiğiniz herhangi bir web sitesinde çalışan bir tarayıcı uzantısıdır (Safari desteği yakında geliyor) ve en sevdiğiniz sitelerin nasıl stillendiğini bulmak için harikadır. Belirli öğeleri temalardan veya şablonlardan kendi kullanımınıza uyarlamak için kopyalamak için kullanabilirsiniz ve kendi kodunuzu hata ayıklamak için mükemmeldir.
Sizzy , duyarlı tasarımlarda çalışan web tasarımcılar ve geliştiricileri için bir tarayıcıdır. Birçok farklı cihazı simüle eder, böylece kod düzenlemeleriniz birçok ekranda anında görünecektir. Arayüz son derece özelleştirilebilir. Böylece hangi cihazların görüntüleneceğini seçebilir ve istediğiniz gibi yeniden düzenleyebilirsiniz. Belirli bir seçiciyi arayabilir ve tüm ekranlar hemen buna kayar ve tüm cihazlardan veya yalnızca belirli ekranlardan tam site ekran görüntüleri yapabilirsiniz. Bir başka kullanışlı özellik de, tüm cihazları bir kerede kaydırmanıza izin veren senkronizasyon ayarıdır.
5. CSS Grid Generator
CSS Izgarası kullanmıyorsanız, öğrenmenin karmaşık olduğunu düşündüğünüz için, CSS Izgara Oluşturucu ayak parmağınızı suya batırmak için harika bir yoldur. Tüm bunların nasıl çalıştığını öğrenmek zorunda kalmadan Izgara özelliklerini kullanmanızı sağlar.
Sütun ve satırlarınızın sayılarını ve birimlerini ayarlayın, divs’inizi eklemek için kutulara sürükleyin; bu araç sizin için kodu oluşturur. Temel ağınız hızla çalışmaya başlayacak ve CSS Izgarasının daha gelişmiş özelliklerini keşfetmeyi seçerseniz bunu kendi hızınızda yapabilirsiniz. ‘What does this project do ?’ Düğmesini tıklayın.
Pek çok insan için, bir web uygulaması oluşturmanın ilk aşaması, işlerin nasıl yapıldığını görmek için benzer araçlara göz atmaktır; bu, araştırmaya başlamadan önce kaydolmak için sık sık ihtiyaç duyduğunuzda zaman alıcı olabilir.
Webframe size bunun için daha hızlı bir yol sunar. Landing, Pricing, Onboarding, Dashboard’lar ve benzeri kategoriler halinde düzenlenmiş 800’den fazla web uygulamasının ekran görüntüleri deposudur. Böylece diğer uygulamaların bu ortak özellikleri nasıl kullandıklarını bir bakışta görebilirsiniz. Malzemenin çoğuna yalnızca kayıt olduktan sonra erişilebilir ve büyük bir zaman tasarrufu sağlar.
7. FYI product management resources
Eğer bir ürün üreticisiyseniz, bir noktada izleyicilerin önünde yaptıklarınızı elde etmek için bir çeşit pazarlama yapmak zorunda kalacaksınız. FYI product management resources yaratıcısı, Trello, Coda ve Miro gibi belge uygulamalarını araştırdı ve pazarlama stratejinizi mükemmelleştirmek için en iyi şablonları ve diğer kaynakları seçti. Hangi yazılımı kullanıyorsanız kullanın, sizin için bir şeyler olacak ve üzerinde çalışmanız gereken süreç için doğru olanı bulabilmeniz için kategoriler halinde düzenlenmişlerdir.
Radyo düğmeleri, onay kutuları, aralık kaydırıcıları vb. Gibi stil oluşturma kontrolleri zor olabilir ve yardımcı teknolojilerin kullanıcıları için erişilebilir kılmak istiyorsanız, iş daha da zorlaştırılır. Tarz form kontrollerinin bu deposu, sitenizin ekran okuyucular tarafından nasıl duyurulduğunu veya herhangi bir kullanıcı için fazladan sorun yaratmadan, işleri daha şık hale getirmek için bir üs olarak kullanılabilir. Her kod parçası, bir tanıtım sayfası ve kullanımını açıklayan belgelerle birlikte gelir.
By admin| 2019-08-08T13:30:01+00:00 Temmuz 16th, 2019|Web Blog|0 Comments