Border (Dibine Kadar)
  • 25.12.2014 12:46:00
  • Admin
  • Css
Merhaba uzun zamandır teknik makaleler yazmıyordum. Artık bir makale yazmanın zamanı geldiğini düşündüm. Geçenlerde internete gezerken sekizgen div gördüm. Bu divi incelemek için vaktim yoktu ve es geçtim. Bu günlerde boşa çıkınca bu divi hatırladım. Nasıl yapıldıgını inceleyim derken divi bir türlü bulamadım. Mantıgıma göre border özelliğini inceledim fakat incelemelerde epey ilerledikten sonra sekizgen divin background: linear-gradient özelliği ile yapıldığını gördüm. Neyse artık border ile ilgili bir makele yazmalıydım ve yazıyorum başlayalım. Border özelliği bildiğiniz üzere kenar özelliklerinin değerlerini yazdıgım yerdir. Genelde arkadaşlarımız kenar çizgileri oluşturup kenarları yuvarlıyorlar. Biz bu kullanımın dışına çıkacağız

Border Özelliklerini Aşağıda Sıralı Şekilde Göstereceğim:
  1. Elips şekilde border uygulama
  2. Double kullanmadan ikinci çizginin rengini ve konumunu ayarlama
  3. Double kullanarak 3 çizgi oluşturma


Burada borderirn farklı kullanımlarını görmüş olduk. Border stylelerini incelemenizi tavsiye ederim. Bunları yukardaki kullanım şekilleriyle birleştirilirse çok güzel kenar çizgilerimiz ortaya çıkacaktır.










Devamını Oku →
Vizyon Sahibi Olmak
Öncelikle vizyon ve misyon farklı anlamları vardır. Misyon var oluş sebebimiz. Vizyon ise geleceğe dair planlamalarımıza verilen isimdir. Bu yazıda vizyon sahibi olmanın önemini kendimce işlemeye çalışacağım. Vizyon sahibi insanlar bu dünyayı yöneten insanlardır. Vizyonsuz bir insanın dünyayı yönetme gibi bir gayeside olmaz. Onlar günü kurtarma peşindedirler. Yarını düşünmezler. Genelde de paraya taparlar. Vizyon sahibi insanlar için bu dünyada küçük veya büyük bir iz bırakmak için gelmişlerdir. Bu iz için gerekirse aç kalır gerekirse büyük fırsatları teper. Çevremde insanların bir çoğu ne yazık ki vizyon sahibi değiller. Şuan nerde çok para var ordalar. Çevremda şunları sık sık görüyorum. Yaptığı mesleği bırakıp 300lira fazla veren bir restoranta veya bir markette kasiyer olarak çalışmaya başlıyorlar. Peki bunun sonu nedir? Sonu yok yıllarca açlık sınırında çalışmaktan başka birşey yok ucunda. Vizyon sahibi olsalar belki şuan daha az para kazanacaklar ama ilerisi için yatırım yapacaklar. Ben şuan yazılım yapıyorum. Ben birşey öğreneceğim bir projede bedava bile çalışırım çünkü bunlar benim sermayem olucak. İnsanlar bunu böyle düşünmüyor. Buda benim canımı yakıyor. Her insan bir kuruluşa bel bağlar. İşte vizyon sahibleri burda farkını ortaya koyar. Vizyon sahibleri bu kuruluş olmadandan hayatta kalabileceği yeteneklerinide geliştirirler.
Devamını Oku →
Akrabalar Üzerinden Birşeyler Anlatamamak
Bu şekil bir kateğoride birşeyler yazmayı uzun süredir düşünüyordum. İşte burdayım ve artık yazıyorum. Burası benim izlenimlerim yaşadığım olayları anlatığım ve görüşlerimi paylaştığım bir kategori olucaktır. Hemen konuya girelim.

İlk olarak duygusal zekanın fazlalığında insanların mantıklarıyla hareket etmesi gerektiği yerde duygularıyla hareket etmesi sonuçu insaların başkaları tarafında sömürülmesi ve haklarının gasp edilmesidir. Örnek vermek gerekirse yıllarca bir patron çalışanın yıllık iznin vermemesi ve bunu her seferinde parasını vereceğini söylemesi ve paranın hiç bir zaman verilmeyecek olmasıdır. Gariban işçi ise agam bugün verir yarın verir diye kendinin avutmasıdır. Peki bize gereğinden fazla duygusal zeka enjekte edenler kimler? Tabikide medya örnek vermek gerekirse paraleller diyebilirim siz anlarsınız.

Bundan yaklaşık olarak iki yada üç ay önce annemin sürekli bir kanalda birşeyler izlediğini fark ettim. Bir hafta kadar bende takip ettim o dizileri ve sonunda göz yaşından ve çatışmadan başka birşey göremedim. Dizide hiç bir konu yok. Anneme dizi hakkında sorular sormaya başladım. Şu klasik olay çıktı altında bir kötümüz var elimizde bir iyimiz var kötü sürekli iyiye kötülük yapıyor iyi sürekli ağlıyor. Annemin böyle diziler izlemesi canımı sıktı. Bir kaç gün sonra fırsat yakaladım ve dizilerden konu açtım. İşte senin izlediğin dizilerde sürekli sizi duygusallaştırıyor buda sizi hayatda doğru kararlar vermenizi güçleştiriyor gibi cümlelerden sonra örnek vermek istedim keşke vermeseydim. Akrabalarımda örnek verdim. Birinci dereceden akrabam olan birini örnek verince babam ne alakası var gibi cümleler kurdu. Ben açıklamak istedim ama açıklamam bir türlü izin vermiyordu. Sonunda açıklamam izin vermesinisağladım. Açıklamaya başladım sürekli sözlerimi bölüyor sürekli yanlış şeyler söylüyormuşum gibi davranıyor. Olay şuki ben birşeyler anlatmak istiyorum. Babam akrabamı kötülüyormuşum gibi onu savunuyor. En sonunda konun kapanmasının gerektiğini söyledim ve havlu attım. Buradan çıkarımlarımı sıralamak gerekirse şu şekilde olurdu.
  1. Örnek olarak akraba verirsen o örnek olmaz konu olur.
  2. Ailenle konuşacağın konular bellidir o konuların dışına asla çıkma
  3. Birileriyle bir konuyu tartışırken tartışma kurallarını karşı tarafın bildiğine emin olun yoksa gürültüden başka birşey çıkmaz.

Buraya bunları yazdım. Sanmayın ki ailemle anlaşamıyorum. Ben ailemle zaman geçirmeyi çok severim onlar en değerli varlıklarım. Eğer onlar olmasaydı şu Ali değil bu ali olurdum.



Devamını Oku →
Attribute Seçiciler
  • 26.8.2014 17:38:00
  • Admin
  • Css
Bu dersimizde çogu zaman kullanmadığımız fakat öğrenmekte fayda olacağına inandığım seçiçileri anlatacağım.
a[target]{
		color:red;
	}

Target özeliği olan link
Target özeliği olmayan link
Yukarıdaki css kodu ile a etiketinin içinde target geçiyor ise rengini kırmızı yapıyor.
Örnek
a[target="_blank"]{
		color:red;
	}
Target _blank özeliği olan link
Target _blank özeliği olmayan link
Bu seçici ile ise target özeliğinin içinde _blank var ise rengini kırmızı yapıyor.
Örnek
a[title~="Yazılım"]{
		color:red;
	}
Yazılım Türkiyede ayakta tutanlar gençler.
Gençler Yazılım da özensiz davranırsa kalitemiz düşecektir.
Gençler yaptığınız iş ne olursa olsun ayrıntıya önem verin.
Seçici ile titlelın içinde "Yazılım" geçen etiketleri rengibi kırmızı yaptı. Büyük küçük harf ayrımı vardır.
Örnek
a[class|="yazilim"]{
		color:red;
	}
Yazılım Türkiyede ayakta tutanlar gençler.
Gençler yaptığınız iş ne olursa olsun ayrıntıya önem verin.
Gençler Yazılım da özensiz davranırsa kalitemiz düşecektir.
Etiketteki clasında yazilim olan veya yazilim geçen classları seçer. Fakat ayraç olarak satece - kullanılıyor. Buda bunun kullanışsız kılıyor. Şahsen ben _ kullanıyorum.
Örnek
a[class^="yazilim"]{
		color:red;
	}
Yazılım Türkiyede ayakta tutanlar gençler.
Gençler Yazılım da özensiz davranırsa kalitemiz düşecektir.
Gençler yaptığınız iş ne olursa olsun ayrıntıya önem verin.
Bir önceki seçicimize göre - gibi bir ayaraç seçiciliği yoktur seçiceğimiz class başta olması gerekiyor.
Örnek
a[class$="yazilim"]{
		color:red;
	}
Yazılım Türkiyede ayakta tutanlar gençler.
Gençler Yazılım da özensiz davranırsa kalitemiz düşecektir.
Gençler yaptığınız iş ne olursa olsun ayrıntıya önem verin.
Seçici ile classın sonda olması gerekiyor ayraç ayırt etmiyor.
Örnek
a[class*="yazilim"]{
		color:red;
	}
Yazılım Türkiyede ayakta tutanlar gençler.
Gençler Yazılım da özensiz davranırsa kalitemiz düşecektir.
Gençler yaptığınız iş ne olursa olsun ayrıntıya önem verin.
Seçici ile classın nerde olduğunun bir önemi yoktur.
Örnek





Devamını Oku →
Klawyede Olmaya Karakterler
  • 23.8.2014 16:45:00
  • Admin
  • Diğer
Bunlara dursun.

Alt + 1 = ☺ (gülen surat)
Alt + 2 = ☻
Alt + 3 = ♥ (kalp)
Alt + 4 = ♦ (karo)
Alt + 5 = ♣ (maça)
Alt + 6 = ♠ (kupa)
Alt + 7 = • (madde imi)
Alt + 8 = ◘
Alt + 9 = ○
Alt + 10 = ◙
Alt + 11 = ♂ (bayan)
Alt + 12 = ♀ (bay)
Alt + 13 = ♪ (nota)
Alt + 14 = ♫ (çift nota)
Alt + 15 = ☼ (güneş)
Alt + 16 = ►(play)
Alt + 17 = ◄(geri)
Alt + 18 = ↕
Alt + 19 = ‼
Alt + 20 = ¶ (parağraf başı)
Alt + 21 = §
Alt + 22 = ▬
Alt + 23 = ↨
Alt + 24 = ↑
Alt + 25 = ↓
Alt + 26 = → (ileri ok)
Alt + 27 = ←(geri ok)
Alt + 28 = ∟
Alt + 29 = ↔
Alt + 30 = ▲
Alt + 31 = ▼
Alt + 32 =
Alt + 33 = !
Alt + 34 = ”
Alt + 35 = #
Alt + 36 = $
Alt + 37 = %
Alt + 38 = &
Alt + 39 = ‘
Alt + 40 = (
Alt + 41 = )
Alt + 42 = *
Alt + 43 = +
Alt + 44 = ,
Alt + 45 = -
Alt + 46 = .
Alt + 47 = /
Alt + 48 = 0
Alt + 49 = 1
Alt + 50 = 2
Alt + 51 = 3
Alt + 52 = 4
Alt + 53 = 5
Alt + 54 = 6
Alt + 55 = 7
Alt + 56 = 8
Alt + 57 = 9
Alt + 58 = :
Alt + 59 = ;
Alt + 60 = < Alt + 61 = = Alt + 62 = >
Alt + 63 = ?
Alt + 64 = @ (ed)
Alt + 65 = A
Alt + 66 = B
Alt + 67 = C
Alt + 68 = D
Alt + 69 = E
Alt + 70 = F
Alt + 71 = G
Alt + 72 = H
Alt + 73 = I
Alt + 74 = J
Alt + 75 = K
Alt + 76 = L
Alt + 77 = M
Alt + 78 = N
Alt + 79 = O
Alt + 80 = P
Alt + 81 = Q
Alt + 82 = R
Alt + 83 = S
Alt + 84 = T
Alt + 85 = U
Alt + 86 = V
Alt + 87 = W
Alt + 88 = X
Alt + 89 = Y
Alt + 90 = Z
Alt + 91 = [
Alt + 92 = ..
Alt + 93 = ]
Alt + 94 = ^
Alt + 95 = _
Alt + 97 = a
Alt + 98 = b
Alt + 99 = c
Alt + 100 = d
Alt + 101 = e
Alt + 102 = f
Alt + 103 = g
Alt + 104 = h
Alt + 105 = i
Alt + 106 = j
Alt + 107 = k
Alt + 108 = l
Alt + 109 = m
Alt + 110 = n
Alt + 111 = o
Alt + 112 = p
Alt + 113 = q
Alt + 114 = r
Alt + 115 = s
Alt + 116 = t
Alt + 117 = u
Alt + 118 = v
Alt + 119 = w
Alt + 120 = x
Alt + 121 = y
Alt + 122 = z
Alt + 123 = {
Alt + 124 = |
Alt + 125 = }
Alt + 126 = ~
Alt + 127 = ⌂
Alt + 128 = Ç
Alt + 129 = ü
Alt + 130 = é
Alt + 131 = â
Alt + 132 = ä
Alt + 133 = à
Alt + 134 = å
Alt + 135 = ç
Alt + 136 = ê
Alt + 137 = ë
Alt + 138 = è
Alt + 139 = ï
Alt + 140 = î
Alt + 141 = ì
Alt + 142 = Ä
Alt + 143 = Å
Alt + 144 = É
Alt + 145 = æ
Alt + 146 = Æ
Alt + 147 = ô
Alt + 148 = ö
Alt + 149 = ò
Alt + 150 = û
Alt + 151 = ù
Alt + 152 = ÿ
Alt + 153 = Ö
Alt + 154 = Ü
Alt + 155 = ¢
Alt + 156 = £
Alt + 157 = ¥
Alt + 158 = ,,
Alt + 159 = ƒ
Alt + 160 = á
Alt + 161 = í
Alt + 162 = ó
Alt + 163 = ú
Alt + 164 = ñ
Alt + 165 = Ñ
Alt + 166 = ª
Alt + 167 = ▒
Alt + 168 = ¿
Alt + 169 = ⌐
Alt + 170 = ¬
Alt + 171 = ½ (yarım)
Alt + 172 = ¼ (dörtte bir)
Alt + 173 = ¡ (ters ünlem)
Alt + 174 = «
Alt + 175 = »
Alt + 176 = ░
Alt + 177 = ▒
Alt + 178 = ▓
Alt + 179 = │
Alt + 180 = ┤
Alt + 181 = ╡
Alt + 182 = ╢
Alt + 183 = ╖
Alt + 184 = ╕
Alt + 185 = ╣
Alt + 186 = ║
Alt + 187 = ╗
Alt + 188 = ╝
Alt + 189 = ╜
Alt + 190 = ╛
Alt + 191 = ┐
Alt + 192 = └
Alt + 193 = ┴
Alt + 194 = ├
Alt + 195 = ├
Alt + 196 = ─
Alt + 197 = ┼
Alt + 198 = ╞
Alt + 199 = ╟
Alt + 200 = ╚
Alt + 201 = ╔
Alt + 202 = ╩
Alt + 203 = ╦
Alt + 204 = ╠
Alt + 205 = ═
Alt + 206 = ╬
Alt + 207 = ╧
Alt + 208 = ╨
Alt + 209 = ╤
Alt + 210 = ╥
Alt + 211 = ╙
Alt + 212 = ╘
Alt + 213 = ╒
Alt + 214 = ╓
Alt + 215 = ╫
Alt + 216 = ╪
Alt + 217 = ┘
Alt + 218 = ┌
Alt + 219 = █
Alt + 220 = ▄
Alt + 221 = ▌
Alt + 222 = ▐
Alt + 223 = ▀
Alt + 224 = ,,
Alt + 225 = ß
Alt + 226 = ,,
Alt + 227 = ,,
Alt + 228 = ,,
Alt + 229 = ,,
Alt + 230 = µ
Alt + 231 = ,,
Alt + 232 = ,,
Alt + 233 = ,,
Alt + 234 = ,,
Alt + 235 = ,,
Alt + 236 = ∞
Alt + 237 = ,,
Alt + 238 = ,,
Alt + 239 = ,,
Alt + 240 = ,,
Alt + 241 = ±
Alt + 242 = ,,
Alt + 243 = ,,
Alt + 244 = ,,
Alt + 245 = ,,
Alt + 246 = ÷
Alt + 247 = ≈
Alt + 248 = °
Alt + 249 = ∙
Alt + 250 = ·
Alt + 251 = ,,
Alt + 252 = ,,
Alt + 253 = ²
Alt + 254 = ■
Alt + 0128 = €
Alt + 0130 = ‚
Alt + 0131 = ƒ
Alt + 0132 = „
Alt + 0133 = …
Alt + 0134 = †
Alt + 0135 = ‡
Alt + 0136 = ,,
Alt + 0137 = ‰
Alt + 0138 = ,,
Alt + 0139 = ‹
Alt + 0140 = ,,
Alt + 0141 = []
Alt + 0142 = ,,
Alt + 0143 = 
Alt + 0144 = 
Alt + 0145 = ‘
Alt + 0146 = ’
Alt + 0147 = “
Alt + 0148 = ”
Alt + 0149 = •
Alt + 0150 = –
Alt + 0151 = —
Alt + 0152 = ˜
Alt + 0153 = ,,
Alt + 0154 = ,,
Alt + 0155 = ›
Alt + 0156 = ,,
Alt + 0157 = 
Alt + 0158 = ,,
Alt + 0159 = Ÿ
Alt + 0160 =
Alt + 0161 = ¡
Alt + 0162 = ¢
Alt + 0163 = £
Alt + 0164 = ¤
Alt + 0165 = ¥
Alt + 0166 = ¦
Alt + 0167 = §
Alt + 0168 = ¨
Alt + 0169 = ©
Alt + 0170 = ª
Alt + 0171 = «
Alt + 0172 = ¬
Alt + 0173 = ­­
Alt + 0174 = ®
Alt + 0175 = ¯
Alt + 0176 = °
Alt + 0177 = ±
Alt + 0178 = ²
Alt + 0179 = ³
Alt + 0180 = ..
Alt + 0181 = µ
Alt + 0182 = ¶
Alt + 0183 = ·
Alt + 0184 = ¸
Alt + 0185 = ¹
Alt + 0186 = º
Alt + 0187 = »
Alt + 0188 = ¼
Alt + 0189 = ½
Alt + 0190 = ¾
Alt + 0191 = ¿
Alt + 0192 = À
Alt + 0193 = Á
Alt + 0194 = Â
Alt + 0195 = Ã
Alt + 0196 = Ä
Alt + 0197 = Å
Alt + 0198 = Æ
Alt + 0199 = Ç
Alt + 0200 = È
Alt + 0201 = É
Alt + 0202 = ,,
Alt + 0203 = Ë
Alt + 0204 = Ì
Alt + 0205 = Í
Alt + 0206 = Î
Alt + 0207 = Ï
Alt + 0208 = Ð
Alt + 0209 = Ñ
Alt + 0210 = Ò
Alt + 0211 = Ó
Alt + 0212 = Ô
Alt + 0213 = Õ
Alt + 0214 = Ö
Alt + 0215 = ×
Alt + 0216 = Ø
Alt + 0217 = Ù
Alt + 0218 = ,,
Alt + 0219 = ,,
Alt + 0220 = Ü
Alt + 0221 = Ý
Alt + 0222 = Þ
Alt + 0223 = ß
Alt + 0224 = à
Alt + 0225 = á
Alt + 0226 = â
Alt + 0227 = ã
Alt + 0228 = ä
Alt + 0229 = å
Alt + 0230 = æ
Alt + 0231 = ç
Alt + 0232 = è
Alt + 0233 = é
Alt + 0234 = ê
Alt + 0235 = ë
Alt + 0236 = ì
Alt + 0237 = í
Alt + 0238 = î
Alt + 0239 = ï
Alt + 0240 = ð
Alt + 0241 = ñ
Alt + 0242 = ò
Alt + 0243 = ó
Alt + 0244 = ô
Alt + 0245 = ²
Alt + 0246 = ö
Alt + 0247 = ÷
Alt + 0248 = ø
Alt + 0249 = ù
Alt + 0250 = ú
Alt + 0251 = ♥
Alt + 0252 = ü
Alt + 0253 = ý
Alt + 0254 = þ




Devamını Oku →
Hedef Dışı Ewent
Javascript ile bir projede çalışırken hedefim dışındaki bir yere tıklanınca bir olay tetiklenmesi gerektir. Bunu Aşagıdaki Fonksiyonla hallettim.
 
jQuery.fn.clickoutside = function(callback) {    
    var outside = 1, self = $(this);   
    self.cb = callback;    
    this.click(function() {
        outside = 0;
    });    
    $(document).click(function() {
        outside && self.cb();
        outside = 1;
    });
    return $(this);
}
Yukarıdaki click ewentlerini değiştirerek istediğiniz eventi elde edebilirsiniz. Fonksiyonu ise şu şekide çağırıyoruz.
 
$("div").clickoutside(function(){
	alert("Div dışına tıkladınız.");
});
Örnek

Alıntıdır.(Alico.me)
Devamını Oku →
Css Okunabilirlik Artırma 2 (text-decoration,text-shadow,quotes,unicode-bidi,white-space,word-break)
  • 18.8.2014 11:19:00
  • Admin
  • Css

Text-decoration

Bu özellik ile yazının görünümün nasıl olcağını (altı,üstü çizili vb) belirlenir. Browserler bu özelliklerin tamamını desteklemektedir.
Aldığı değerler: none | underline | overline | line-through | inherit
Örnek

Text-shadow

Özellik ile yazılarımıza gölgeler vere biliyoruz. Text-shadow çalışa bilmesi için dört değer alması gerekiyor.
Aldığı değerler: horizontal | vertiacal | blur | color

Örnek

Quotes

Bu özellik ile q etiketinin sonuna başına bazı karakterler eklememizi sağlıyor.
p{
	quotes:'<' '>';
}

Sporcular sponsor bulamadığı için sporu bırakıyor.

Örnek

Unicode-bidi

Unicode-bidin özelliği yazıların tersten yazılımasını sağlıyor. Özelliğin çalışması için direction özelliğinin rtl verilmesi gerekiyor.

Aldığı Değerler: normal | embed | bidi-override | intitial | inherit

Örnek

White-space

Satır sonu davranışlarını belirler.
Aldığı Değerler: normal | nowrap | pre | pre-line | pre-wrap | initial | inherit

Örnek

Word-break

Bu özellik ile satır sonuna sığmayan uzun kelimelere nasıl davranılacağı belirlenir.
Aldığı Değerler: normal | break-all | keep-all | initial | inherit

Örnek

Word-wrap

Satır sonlarına sığmayan uzun kelimeleri kesip alt satıra inmek için kullanılan bir özelliktir.
Aldığı Değerler: normal | break-word | initial | inherit

Örnek




Devamını Oku →
Google Maps Api 2 (Ewent)
  • 12.8.2014 10:14:00
  • Admin
  • Api
Bu yazımızda google maps apiyi incelemeye devam ediyoruz. Bu sefer ewent olaylarını inceliyeceğiz.
Aşagıdaki kodda zoom 8 iken pin tıklanınca 11 olmasını sağlıyoruz.
	google.maps.event.addListener(marker, 'click', function() {
    map.setZoom(11);
    map.setCenter(marker.getPosition());
  });
Örnek
Biz pin tıklanınca değilde maps tıklanınca zoom olmasını istiyorsak marker yerine map yazmamız gerekir.
	
		google.maps.event.addListener(map, 'click', function() {
    map.setZoom(11);
    map.setCenter(marker.getPosition());
  });
Örnek

Diğer Maps Ewentleri
  • click
  • dblclick
  • mouseup
  • mousedown
  • mouseover
  • mouseout
Devamını Oku →
Google Maps Api 1 (Basit)
  • 11.8.2014 19:20:00
  • Admin
  • Api
Merhaba Bu gün google maps api yi inceleyeceğiz.Herkes gibi kayıt olmayı anlatmıyacam direk başlıyacam. Sizin keyinizi ve google javascript dosyasına ulaştıgınızı var sayıyorum.

mapOptions

Özelliği iki değer alır birisi center diğeri zoom'dur. Center değeri haritanın location değerleri ile merkezini belirler. Zoom ise haritamızın açılışında ki zoom değerini belirler.

   function initialize() {
        var mapOptions = {
          center: new google.maps.LatLng(36.8926544,30.6552841),
          zoom: 14
        };
Yukarıda haritamızın merkezini ve zoom değerini belirledik.
 var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions); 
Merkezini, zoom ve haritanını gözükeceği div idsini map değişkenine tanımladık.
google.maps.event.addDomListener(window, 'load', initialize);
Son olarakta haritamızı yükledik. Örnek
Şimdi ise pinmizi koyucaz.
 var marker = new google.maps.Marker({
    position: new google.maps.LatLng(36.8926544,30.6652841),
    map: map
  });
Örnek
Burada haritamıza içerik yani açıklama ile ilgili bir baloncuk ekliyeceğiz.
var infowindow = new google.maps.InfoWindow({
    content: 'Akdeniz Üniversitesi Yerleşkesi',
    position: map.getCenter()
  });
  infowindow.open(map);
Örnek
Devamını Oku →
Css Okunabilirlik Artırma (letter-spacing,text-indent,line-height,word-spacing,text-transform,text-aling,text-aling-last)
  • 7.8.2014 16:23:00
  • Admin
  • Css
Burada bir yazının okunaklıgını artırabileceğimiz kodları anlatacagım.

Letter-spacing

Bu komut karakterler arası boşlugu ayarlar.
p{
letter-spacing:10px;
}

İnsanları öldüren kurşun değil sözlerdir bu yüzdendir ki hiphop kültüründe diss diye bir gerçek vardır.

Text-indent

Parağraf başları yapmak içni kullanılır.
p{
text-indent:50px;
}

İnsanları öldüren kurşun değil sözlerdir bu yüzdendir ki hiphop kültüründe diss diye bir gerçek vardır.Hiphop akıl kültürüdür bir insanı gözünü morartmak geçer ama akıllıca bir söz onun aklından yıllarca çıkmaz.

Line-height

Yazıların satır yüksekliğini ayarlamak için kullanılır.
p{
line-height:30px;
}

Hiphop kültürü kalıcılığı ilke edinmiştir. Bu yüzden sokaklara grafiti yapıp sistemdeki hataları dile getirir. Belkide bu yüzden türkiyede underground kitleden dışarı çıkamıyoruz. Ben inanıyorum bir gün türkiyede de bu kültür basında yer bulucak. Nitekim şuan Ender Çabuker'in çabalarıyla basında yer bulmaya başladık.

Word-spacing

Kelimeler arasındaki boşlukları ayarlamak için kullanılır.
p{
word-spacing:30px;
}

Benimde başarılı bulduğum rap sanatçılarında Pit10(Server URAZ) bu yıl ilk bandrollü albümü olan Bilmiyorsunu raflarda yerini aldı. Peki niye Ender Çabuker Pit10 ile çalışma yaptı.Bana göre tek bir sebebi var buda Pit10'un bu işi diğer rap sanatçılarına göre daha önemsediğidir.

Text-transform

Yazıda karakterleri büyük,küçük veya kelimlerinin baş harflarini büyük yapmak için kullanılır.
p{
text-transform:uppercase;
}

Önemsediğinin en önemli kanıtı şudur diğer sanatçı dostlarını kendi çalıştığı vemedya yapım şirketi bünyesine katıyor sadece bu kadar değil.

p{
text-transform:capitalize;
}

İlk bandrollü albümünde soft bir albüm olmasına rağmen ve bir çok pop sanaatçısının eşlik etmesine rağmen albüm hiyeraşisini bozmuş ve hiphop grublarında birer temsilci çağırarak sert bir parça yapmıştır.

p{
text-transform:lowercase;
}

BU GELİŞMELER GÜZEL FAKAT BİRDE HİPHOPUN SOKAK KÜLTÜRÜ OLDUGUNU VE SOKAKTA KALMASI GEREKTİĞİNİ DÜŞÜNEN KİTLE VAR.

Text-aling

Yazıyı sağa sol veya her iki yanada hizalar.
p{
text-aling:right;
}

Hiphop sokak kültürüdür fakat her zaman sokakdan ileri gitmeyecegi anlamına gelmez.

p{
text-aling:left;
}

Nitekim hiphopta popüler kültür olmak zorundadır.

p{
text-aling:justify;
}

Sokakta kalmasını isteyen kitle 150-200 kişi ile parti yapmaktan sıkılmadınız mı?

Text-aling-last

Bu özelliği kullanırken tarayıcı ön ekleri gerektirir. Son satırın nereye yaslancagını belirler.Text-aligin aldığı değerleri almaktadır.



a
Devamını Oku →
1 - 2 - 3 - 4 - 5 - 6  ·