bildirgec.org

internette, ücret gerektiren tasarım öğelerine alternatif, ücretsiz ve kaliteli içerik sunan birçok blog var bildiğiniz gibi. bu sitelerde dokular, imajlar, photoshop fırçaları, wordpress temaları gibi kaynaklara rastlamak mümkün. işte bu konuda yararlanabileceğiniz 12 blog:

• Bittbox
  
• Patternhead
  

Javascript Image Cropping Scripts

Web sitelerinde kullanılan görselleri, kullanılacak alana göre boyutlandırmak ve kırpmak program bilgisi olanlar için kolay bir uygulamadır. Ancak, bazen gereğinden fazla zaman harcamayı gerektirir veya program kullanmak için ne zaman, ne de bilgi vardır.

Bu durumda ya çevrimiçi bir araç aramak gerekir (program öğrenmek daha iyi olur) veya aşağıda göreceğiniz, hotscript tarafından listelenen en fazla tercih edilen 8 javascript gibi sorunumuzu çözecek kolay scriptlere ulaşmamız gerekir.

Görselleri boyutlandırma ve kırpma işlerini kolaylaştıracak 8 javascript;

UvumiTools Crop
UvumiTools Crop, görüntü boyutlandırma ve kırpma işlemi için geliştirilen bir mootool eklentisi.

Javascript Image Cropping Scripts

Javascript Image Cropper UI
Prototype JavaScript framework ve script.aculo.us

Javascript Image Cropping Scripts

Image crop – DHTML
Görüntü kırpmak/boyutlandırmak için DHTML kullanıcı arayüzü sunar. İstenen bölgenin üzerine bir dikdörtgen sürüklenir ve kesilir.PHP sunucu üzerinde imagemagick kullanır.

Javascript Image Cropping Scripts

google’ın görsel aramaları için geliştirdiği “Gelişmiş Görsel Arama” seçeneği ile arama sorgunuzu özelleştirebilir ve istediğiniz sonuçlara kısa zamanda ulaşabilirsiniz. aşağıdaki örnek anlatımda masaüstünüz için duvar kağıdı araması anlatılmakta.

1-Google Görsel Aramaya gidin ve Gelişmiş Görsel Arama’yı tıklayın.
2-ilk kutuya duyar kağıdınız için bir sorgu kelimesi girin; örneğin “çiçek”.
3-İçerik türleri bölümünden fotoğraf içeriği seçeneğini seçin.
4-boyut bölümünde herhangi bir boyut seçili kalsın ve hemen altındaki tam boyut bölümündeki genişlik ve yükseklik değerleri için masaüstü ölçünüzü girin.
5-dosya türleri ve renklendirme bölümlerinde, tercihinize göre seçim yaptıktan sonra aramanızı gerçekleştirebilirsiniz.

web tabanlı ve ücretsiz olan cometdocs ile dosyalarınızı 50’den fazla farklı dosyaya (pdf’ten excel dosyasına, tiff’ten pdf’e … ) dönüştürebilirsiniz. bilgisayarınıza hiçbir şey indirmeye gerek kalmadan, yapmanız gereken sadece e-posta adresiniz ve yeni bir şifre ile kayıt olmak.

kaynak: lifehacker

[mb:mikro-bildiri]
takip edin: bildirgeç friendfeed twitter rss

Zamanında bir arkadaşım için yazdığım resim çevirme nesnesi. Resmin formatını çevirmekle kalmayıp kalitesini de değiştirebilirsiniz.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65

public class Converter
{
    public enum enumImageTypes
    {
        Bitmap,
        Jpeg,
        Gif,
        Tiff,
        Png
    }
    
    public string ImagePath;
    public enumImageTypes ImageType;
    public int Quality;

    public Converter()
    {
        this.Quality = 100;
    }
    public Converter(string inImagePath, enumImageTypes inImageType) : this(inImagePath, inImageType, 100)
    {
    }
    public Converter(string inImagePath, enumImageTypes inImageType, int inQuality)
    {
        this.ImagePath = inImagePath;
        this.ImageType = inImageType;
        this.Quality = inQuality;
    }

    public void Convert()
    {
        Bitmap bitmap = new Bitmap(ImagePath);
        ImageCodecInfo[] imgCodecs = ImageCodecInfo.GetImageEncoders();

        EncoderParameters imgParams = new EncoderParameters(1);
        EncoderParameter imgQuality = new EncoderParameter(System.Drawing.Imaging.Encoder.Quality, Quality);
        string imgExt;

        imgParams.Param[0] = imgQuality;

        imgExt = imgCodecs[(int)ImageType].FilenameExtension;
        imgExt = imgExt.Substring(1, imgExt.Length - 1);

        string fullpath = ImagePath.Substring(0, ImagePath.Length - 4) + imgExt.Split(';')[0].ToLower().Replace('ı', 'i');

        bitmap.Save(fullpath, imgCodecs[(int)ImageType], imgParams);
        bitmap.Dispose();
    }

    public string imagePath
    {
        get { return this.ImagePath; }
        set { this.ImagePath = value; }
    }
    public enumImageTypes imageType
    {
        get { return this.ImageType; }
        set { this.ImageType = value; }
    }
    public int quality
    {
        get { return this.Quality; }
        set { this.Quality = value; }
    }
}

Eğer Logo tasarımcısı iseniz bazen farklı tasarımlar yapmakta zorlanabilirsiniz. İşte burada yeni tasarımlar oluşturabilmeniz için aşağıda size ilham verebilecek kaynaklar işinize yarayabilir.

1. LogoPond

LogoPond

En sevilen logo tasarım kaynakları arasında yer alan LogoPond‘da şu anda toplam 2,273 logo bulunuyor.

Tasarımlarımızı XHTML ve CSS’e geçirirken bazen çok basit şekilleri bile kimi zaman resim olarak kaydederek tasarımlarımıza ekliyoruz. Oysa bu davranış bize ekstra bir “http isteği” olarak dönmüş oluyor. Daha önce CSS Sprite’ların kullanım alanları yazımda bu istekleri azaltarak performansı nasıl yükselttiğimiz konusuna az da olsa değinmiştim. Bu yazıda ise minik ve basit resim dosyalarından kurtularak http isteklerini minimum düzeye çekecek ve sitelerimizin performansını arttıracak. Pingdom ile performansınızı ölçmeniz mümkün.

Dertlere derman css border
Başlıktan da anlayabileceğiniz gibi bu şekilleri çizmek için elimizdeki en önemli özellik border olacak. İstediğiniz şekli çizmek için border’ları solid yapmalı ve genişliklerini ayarlamalıyız.
Şimdi ufak bir örnekle border’ları nasıl ayarlamamız gerektiğini görelim.

.cisim{width:0;height:0;line-height:0;border-top: 50px solid magenta;border-right: 100px solid green;border-bottom: 100px solid red;border-left: 50px solid yellow;}<span class="cisim"></span>

farklı renkteki border’lar

Burada rahatlıkla görebilmeniz için border değerlerini çeşitli renklerde tanımladım. Boyutsuz olan span elemanının etrafında üçgensel olarak 4 farklı bölge oluşuyor. İşte bu bölgeleri kullanarak çeşitli dörtgenler, içbükey çokgenler ve üçgenler çizerek tasarımlarımızı tamamlayacağız.

fotoğraf düzenleme ve arşiv için gereken ücretsiz programları önceki yazılarımızda vermiştik.
fotoğraflarınızı program indirmeye ihtiyaç duymadan düzenlemek, kolayca istediğiniz formu vermek için çevrimiçi sitelerin katkısı tartışılmaz.
lunapic.com
ister internetten ister bilgisayarınızdan resim yükleyin. eğlenceli çalışmalar çıkartın. resimlere slayt, hareketli animasyonlar da eklemek dahil ücretsiz.

lunapic.com (rotating cube)

alilg.com
ücretsiz online foto editörü. photoshop görünümüne çok benziyor. birçok araç ve efekt mevcut.

Daha önce burada yazdığım TinEye arama benzeri arama özelliğini Yahoo’da kendine benimsemiş ve üzerinde çalışmalara başlamış bile.via:Yahoo Blog ve şurası

Dijital fotoğraflar hayatımıza girdikten sonra bilgisayarımızdaki fotoğrafları düzenlemek, arşivlemek bir sorun haline geldi. Bu sorunu ortadan kaldırmak ve fotoğraflarınızla güzel işler çıkarabilmeniz için çok kullanılan ücretsiz programları öneriyorum :

google picasa
Fotoğraflarını yönet, düzenle, sahip olduğunu unuttuğun fotoğrafları bul. film, kolaj, slayt yap ve paylaş..

google picasa 5.8 mb

cam2pc
resim yükleme, medya organizasyonu, resim düzenleme ve yakalama özelliği, görüntü tarayıcı eklentisi ile birkaç tıkla resimlerinizi istediğiniz şekle getirin.

cam2pc (4618kb)

digibookshelf
sanal kitaplık arayüzünü kullanarak sanal albümler oluşturabilir, görüntülerinize ses ve metin ekleyebilirsiniz.

digibookself (13.9 mb)