Etiket: image

Web Geliştiriciler için kullanışlı gereçler

Çok sıklıkla yazamasam da arada kendimi hatırlatmalıyım sanırım. Bir dizin şeklinde üzerine ekleyerek devam etmek istediğim Web Development Tools listesi oluşturmak istiyorum. Zamanla eskiler gider, yeniler gelir. Sizlerde kullanılmasını tavsiye edecekleriniz olursa hep birlikte listeyi genişletiriz.

 

http://tr.lipsum.com/ – Paragraf ve metin gereken noktalarda çok yardımcı oluyor
http://lorempixel.com/ – Tasarım aşamasında istenen ölçüde Random image sağlayıcım
Chrome Eklenti : WhatFont – Beğendiğiniz Fontun adını/tipini öğrenebilirsiniz
https://www.iconfinder.com – İkon ihtiyacımı büyük ölçüde görür
https://coolors.co/ – Sıcak / Soğuk renk secici
http://fontpair.co/ – Fontlarla ilgili çift çıktı(Cursive/Sans-Serif) alma
https://fonts.google.com/ – Açıklama yapmama gerek var mı?
http://thepatternlibrary.com/ – Desen kütüphanesi
Chrome Eklenti : Page Ruler – Sayfada seçim yaptığınız alanların piksel olarak genişliğini verir
https://pixabay.com/ – Çözünürlüğü yüksek resim kütüphanesi Devamı …

PHP ile Dizin içindeki resimleri gösterelim

Eski dostum PHP! Sektörün acımasız yanlarından biri olan hiç kod yazmadan yazılım şirketi (aslında website yapan-satan) yöneten bir arkadaşıma ihtiyaç duyduğu için ufak bir destekte bulundum. En son kaç yıl önce PHP ile uğraştığımı bile hatırlamıyorum halbuki. Sadede gelirsek image gallery’si bozulduğu için temel bir listeleme uygulamasına ihtiyacı vardı. Basitçe gösterdiği dizin içinde bulunan resimleri alacak, kalanı da JQuery halledecekti zaten.

Devamı …

C# ile Web kamerasından görüntü almak

Birkaç seferdir oğlumla yapacağımız yaz projesinden bahsediyor ve ufak ufak kendimizi hazırladığımızdan bahsediyordum. Konuları birbiri ile ilişkilendirerek bugün de devam ediyoruz. Artık bu hızla devam edersek yaz bir yana, haftaya proje bitecek ve yeni bir proje aramak durumunda kalacağız diye korkmuyor değilim. Neyse, projemizin iş sırasında C# ile Web kamerasından görüntü almak vardı. Hatırlarsanız önceki bir yazımda da android tabanlı cep telefonumuzu web kamerası haline getirmiştik (Link). Şimdi telefonumuzdan  yaptığımız çok fonksiyonlu web kameramızın görüntüsünü, C# ile yaptığımız uygulamamız  üzerine nasıl aldığımızı paylaşacağız. Gözünüzde canlanabilmesi için uygulamanın web kamerası entegre edilmiş son halinin görüntüsü şöyle olacak;

Devamı …

Docker nedir?

Ian Murdock’ın ölümü üzerine denk gelmesi üzücü tabi ama bir kaç zamandır kendime not olarak yazmak istediğim bir konuydu Docker. Docker’la ilgili bakınırken, seyahat takip listemde bulunan Emre Aladağ’ın Docker konusunda tam olarak derlemek istediğim özeti yapmış olduğunu gördüm. Kendisinin de izniyle yazıyı buraya aldım.

Docker, yazılım geliştiriciler ve sistemciler için geliştirilen açık kaynaklı bir sanallaştırma platformudur. Docker ile Linux, Windows ve MacOSX üzerinde Linux ve Windows sanal containerler(makineler) çalıştırabilirsiniz. Bu platform sayesinde web sistemlerinin kurulumunu, testini ve dağıtımını kolaylıkla gerçekleştirebilirsiniz. En önemli özelliği belki de “Benim bilgisayarımda çalışıyordu, sunucuda neden çalışmadı acaba?” sorununu ortadan kaldırıyor olması. Devamı …

WordPress üzerinde Image Lazy Load Eklentisi

Birkaç sene önce hem görsel hemde performans açısından çok beğendiğim bir metod olan Image Lazy Load’u eklenti sayfasında dolaşırken gördüm. Önce biraz kurcaladım, sonra da kurdum. En çok ilgimi çeken tarafı ise ismi  “Image Lazy Load”

Şahsen her yazımda en az 1 tane öne çıkartılmış görsel öğe  kullanıyorum. Özellikle anasayfada 15 konu civarı özet gösterdiğimi düşünürsek, bu da sayfanın istediğimden yavaş yüklenmesine neden oluyor.

Bu eklentinin yaptığı sayfanızdaki resimleri tek seferde değil, sadece ekranda görünen/görünmesi gereken resimleri yüklüyor. Kalanını kaydırma çubuğunuzu aşağı indirdikçe yüklüyor. Böylece hem hız hem performans kazanmış oluyorsunuz (belkide biraz bandwidth).

Devamı …

Top