15.06.2023

3

Beğenme

74

Görüntülenme

Etkili Kod / Uygulama Ekran Görüntüleri Oluşturmak İçin Siteler

Güzel ekran görüntüleri ile dokümanlarınızı, blog yazılarınızı ve Tweetlerinizi renklendirin! Ekran görüntüsü almak için aşağıda verdiğimiz ücretsiz araçlar, kodun, cihaz modellerinin ve gömülü bilgilerin güzel bir şekilde biçimlendirilmiş ekran görüntülerini oluşturacaktır.


1. KODLAR İÇİN EKRAN GÖRÜNTÜSÜ ALMAK


A. Ray.so


Raycast’in arkasındaki ekip tarafından geliştirilen Ray.so, temiz ve minimum kodlu ekran görüntüleri oluşturur.

Seçenekleri GET URL parametreleri aracılığıyla da belirtebilirsiniz, böylece programlı olarak bir görüntü oluşturabilirsiniz.

Örneğin, bu shell komut dosyasını veya bu VS Code uzantısını kullanarak.


B. CARBON.now.sh


Carbon, daha gelişmiş stil seçeneklerine sahiptir.

Açık kaynaklıdır (GitHub’da görüntüleyin) ve @mfix22 tarafından geliştirilmiştir.

URL’de Gist kimliğini ileterek doğrudan bir GitHub Gist’ten bir görüntü de oluşturabilirsiniz.

Örneğin: https://carbon.now.sh/becee34e493439340869c9a6812fdbc5


c. chalk.ıst


Chalk.ist başka bir temiz ve basit seçenektir.

Bu da @Idered tarafından geliştirilen açık kaynaklıdır bir uygulamadır.

(GitHub’da görüntüleyin).


d. vs code eklentileri


Kod ekran görüntüleri konusuna gelmişken, doğrudan VS Code’dan harika ekran görüntüleri almanıza yardımcı olan birkaç harika IDE uzantısından bahsetmesek olmaz.


2. TARAYICININ / UYGULAMANIN EKRAN GÖRÜNTÜSÜNÜ ALMAK


A. BROWSER FRAME


@pqvst tarafından geliştirilen Browser Frame, hem açık hem de karanlık modda desteklenen bir dizi tarayıcı çerçevesiyle temiz ve minimal web tarayıcı maketleri oluşturur.


B. Screely


@JurnW tarafından geliştirilen Screely, isteğe bağlı bir arka plan dolgusu ile çok basit tarayıcı örnekleri oluşturur.


C. Mock up Phone


Authgear’dan Mock up Phone, içine görüntüleri kolayca yükleyebileceğiniz bir dizi farklı cep telefonu, tablet, dizüstü bilgisayar ve büyük ekran cihaz çerçevesine sahiptir. Ancak, uzamaması için ekran görüntüleri oranının doğru olması gerektiğini unutmayın.


D. Screenshot.Rocks


@daveearley tarafından çıkarılan Screenshot.Rocks, isteğe bağlı bir arka plan, gölge ve kontrollerle çok basit tarayıcı ve mobil örnekler oluşturur.


E. The App Launchpad


Bu listedeki diğer seçeneklerin aksine, The App Launcher kaydolmayı gerektirir, ancak kullanımı ücretsizdir. Uygulamanız için güzel ekran görüntüleri oluşturmayı kolaylaştıran, Google Play ve Apple Store’da yayınlamak için optimize edilmiş bir araçtır.


F. Magic Mockups


Kaspars Sprogis tarafından geliştirilen Magic Mockups, daha eski bir araçtır, ancak gerçek hayattaki durumlarda fiziksel bir cihazda görüntülenen örnekler oluşturmak istiyorsanız yine de çok kullanışlıdır. Uzatılmasını veya kırpılmasını önlemek için ekran görüntünüzün tam olarak doğru oranda olması gerektiğini unutmayın.


G. Device Shots


@diogocapela’nın Device Shots ,renkli, açıklamalı uygulama ekran görüntüleri oluşturmanıza olanak tanır.


3. SOSYAL MEDYA İÇERİKLERİNİN EKRAN GÖRÜNTÜSÜNÜ ALMAK


A. Poet.so


Callum Mckeefery tarafından oluşturulan Poet.so, gömülü güzel sosyal medya gönderileri oluşturur. Twitter, LinkedIn ve Shopify’dan alınan içeriği destekler ve çeşitli temalara ve özelleştirme seçeneklerine sahiptir.


B. Tweetlet


Basharath’ın Tweetlet’i Poet’e çok benzer, ancak aynı zamanda kod, resim, metin ve Tweet yerleştirmeyi de destekler.


4. GENEL


A. Mockoops


Mohit Yadav’dan Mockoops, herhangi bir ekran kaydını (veya görüntüsünü) güzel bir animasyonlu videoya dönüştürmenizi sağlar.


B. Fabric


Shadab Alam imzalı Fabpic, herhangi bir görüntüye güzel degrade arka planlar, alt gölge ve kenarlıklar ekler.


C. SuperShots


Son olarak, Superblog’dan SuperShots, bir resme degrade arka planlar eklemek için basit bir araçtır.


5. API


A. API Flash


Dışarıda pek çok ekran görüntüsü almak için API hizmeti var. API Flash, web sitenizin ekran görüntüsüne dönüşen bir URL oluşturabilir ve onu yapılandırmak için parametreler iletebilirsiniz (özel CSS, öğe seçici, cihaz + çözünürlük, zaman aşımı gecikmesi, reklam yok / çerez başlığı vb.).
Ücretsiz planda ayda yalnızca 100 ekran görüntüsü almanıza rağmen, önbellek süresini ayarlama seçeneği vardır, bu da bu sınır içinde kalmayı kolaylaştırır.

React Native
Herkes İçin Temel Dersler

Yorumlar

Kullanıcı yorumlarını görüntüleyebilmek için kayıt olmalısınız!

Ahmet Can

Rhecanyx.com & Teknokodi.com

Konum

Kayseri, TR

Eğitim

Web Programcılığı - Seyyid Burhaneddin Anadolu Teknik Lisesi

Bilgisayar Programcılığı - Gümüşhane Üniversitesi

Bilgisayar Mühendisliği - Erciyes Üniversitesi

İş Tecrübesi

Full Stack Developer - Lifos Yazılım

Full Stack Developer - Cortex Teknoloji

Software Developer - Lifos Yazılım

© 2021 Patika Dev

facebook
twitter
instagram
youtube
linkedin