Skip to content

Commit

Permalink
Merge pull request #13 from muratrahmikurtul/typos
Browse files Browse the repository at this point in the history
Some typos fixed
  • Loading branch information
tayfunoziserikan authored Feb 10, 2017
2 parents 14eda08 + dc7eb04 commit aa4f154
Show file tree
Hide file tree
Showing 15 changed files with 38 additions and 40 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ author: dilekmuhammet
tags: devise, rails, tr
---

Firma olarak kurumiçi eğitim serimizin ikincisini yaptık, video çektik ama internette yollama fırsatını yeni bulduk. Aşağıdaki videoda Muhammet DİLEK arkadaşımızın Devise Geminin videosunu görebilirsiniz. Unutmayınız bunlar internette yayınlanmak üzere screencast gibi hazırlanmış videolar değil kurumiçi bizim yaptığımız eğitimlerdir. O yüzden ciddi bir hazırlık, çok kaliteli bir video beklemeyin.
Firma olarak kurumiçi eğitim serimizin ikincisini yaptık, video çektik ama internete yollama fırsatını yeni bulduk. Aşağıdaki videoda Muhammet DİLEK arkadaşımızın anlatımıyla 'Devise Gem'inin işlendiği videoyu görebilirsiniz. Unutmayınız bunlar internette yayınlanmak üzere screencast gibi hazırlanmış videolar değil kurumiçi bizim yaptığımız eğitimlerdir. O yüzden ciddi bir hazırlık, çok kaliteli bir video beklemeyin.

<iframe width="1280" height="720" src="https://www.youtube.com/embed/rZVo5V5NNZY" frameborder="0" allowfullscreen></iframe>

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -7,24 +7,24 @@ tags: admin theme, design, flat, flat ui, hierapolis, ios 7, kebab, minimalism,

Merhabalar,

Firmamızın da en temellerinden birisi olan **"Basit olan mükemmeldir"** prensibimize uygun olarak tasarım tendlerinde son dönemlerde ön plana çıkan **"Flat Design"** prensiplerini kendimize yakın bulmaya başladık.
Firmamızın da en temel prensiplerinden birisi olan **"Basit olan mükemmeldir"** prensibine uygun olarak tasarım trendlerinde son dönemlerde ön plana çıkan **"Flat Design"** prensiplerini kendimize yakın bulmaya başladık.

Bildiğiniz gibi tasarım camiasında son zamanlarda "Flat Design" adı altında yaygınlaşmaya başlayan ve temelinde basitlik yatan bir tasarım akımı başladı. Bu konudaki temel prensiplere <http://designmodo.com/flat-design-principles/> adresidnen göz atablirsiniz.

### Bu akımın en ön plana çıkan prensipleri

* Herşeyi sade ve basit tut.
* Her şeyi sade ve basit tut.
* Tipografiye ve okunabilirliğe önem ver.
* Renk düzenine önem ver.
* Sade ve uyumlu renkleri tercih et.
* Renklerde keskin ve net tonlar kullan.
* Tasarımını minimalist yap. Karmaşadan uzak dur.
* Nereyedeyse hiç kabartma kullanmai herşey düz olsun.
* Nereyedeyse hiç kabartma kullanma herşey düz olsun.
* Kullanıcı deneyimini ve ilgiyi artırmak için basit animasyonlar kullanın.

Son zamanlarda Apple firmasını da cezbeden bu tarzı, yakın zamanda duyurulan Apple [IOS 7][1]' de yakınen inceleme fırsatı buldum. Apple gerçekten tasarım prensiplerinde radikal değişikliklere giderek 3D kabartmalı formdan daha düz (Flat) bir tarza adım atarak büyük bir değişim geçirmiş. Apple'daki tasarım değişikliklerini kıyaslayan [şu makaleye][2] bir göz atabilirsiniz. Apple gibi bir devin böyle bir karar alması bizi de etkilemiş ve Flat tarza geçme konusunda motive etmiştir.

Bu noktada firma olarak bizde bu tarzı benimsememizi kolaylaştıracak bir framework araştırmaya başladık. Mevcut tarasım araçlarımızda bulunan [Twitter Bootstrap][3]'ın yanına tasarım olarak flat tarzı koyabileceğimiz "[Flat UI][4]" yi keşfettik. Twitter bootstrap ile uyumlu olması, bizim için karar vermemizde en önemli faktörlerden biriydi.
Bu noktada firma olarak bizde bu tarzı benimsememizi kolaylaştıracak bir framework araştırmaya başladık. Mevcut tarasım araçlarımızda bulunan [Twitter Bootstrap][3]'ın yanına tasarım olarak flat tarzı koyabileceğimiz "[Flat UI][4]" yi keşfettik. Twitter bootstrap ile uyumlu olması, bu kararı vermemizde çok büyük bir rol oynadı.

[Github sayfasında][5] da oldukça popüler ve aktif olan Flat UI bu aşamadan sonra lab2023'ün tasarım araçlarından birisi olacaktır. Ayrıca yakın zamanda geşiştirmeye başladığımız [Kebab Project Evulation][6]' ın (Kebab 3.x) yapı taşlarından olan **Hierapolis Admin Theme**'de kullanılacaktır.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ tags: branch, fork, git, github, remote, tr

Bildiginiz gibi playbook, rails-template v.b. open source projelerimizi github üzerinden güncellemeye devam ediyoruz.

Biz bu tarz projelerin (kendimize ait olan) her bir forkunun geliştiricilerde olmasının ve güncellemeleri kendi repolarından yapıp ana repoya pull request yapılması gerektigine inanıyoruz.
Biz bu tarz projelerin (kendimize ait olan) her bir forkunun geliştiricilerde olmasının ve güncellemelerini kendi repolarından yapıp ana repoya pull request yapmaları gerektigine inanıyoruz.

Bunun artı ve eksileri tartışılır ama böylelikle forklama, code review ve pull request süreçlerine de hakimiyet artacaktır. Bunun yanında bireysel github sayfalarımızda da ilgili lab2023 projelerinin tanıtımına katkısı olacaktır.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -29,4 +29,4 @@ Oluşacak url helper `posts_path` şeklinde olacaktır.

Kaynak: http://guides.rubyonrails.org/routing.html#controller-namespaces-and-routing

Kolaylıklar...
Kolaylıklar dilerim...
Original file line number Diff line number Diff line change
Expand Up @@ -31,6 +31,6 @@ Bu helperında html çıktısı şu şekilde;
<a href="http://routing.dev/users">lab2023</a>
```

Aslında bu iki çıktı herşeyi anlatıyor bize. `_url` helper yönlendirmek istediğimiz yolun başına şu anki domani ekleyerek çıktı üretirken `_path` sadece yolu çıktı olarak vermiştir. Bu yüzden view' larda sayfa boyutunu arttırmamak için `_path` kullanıyoruz. Sonuçta `<a href="http://routing.dev/users">lab2023</a>` ile `<a href="/users">lab2023</a>` byte farkı var. Peki `_url` helperını nerede kullanacağız ? Bu heleperıda contollerda `redirect_to` larda kullanıyoruz. Çünkü HTTP standartları 300 kodlarında yani yönlendirmelerde Header içerisndeki Location a verilen url' in tam olmasını zorunlu kılmaktadır.
Aslında bu iki çıktı herşeyi anlatıyor bize. `_url` helper yönlendirmek istediğimiz yolun başına şu anki domaini ekleyerek çıktı üretirken `_path` sadece yolu çıktı olarak vermiştir. Bu yüzden view' larda sayfa boyutunu arttırmamak için `_path` kullanıyoruz. Sonuçta `<a href="http://routing.dev/users">lab2023</a>` ile `<a href="/users">lab2023</a>` byte farkı var. Peki `_url` helperını nerede kullanacağız ? Bu heleperıda contollerda `redirect_to` larda kullanıyoruz. Çünkü HTTP standartları 300 kodlarında yani yönlendirmelerde Header içerisindeki Location a verilen url' in tam olmasını zorunlu kılmaktadır.

İyi çalışmalar dilerim.
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ tags: paperclip, dropzone, tr

**Dropzone.js**

Daha önceki projelerde jquery-fileupload-rails gemini kullanmıştım ama onlarca satır haml ve erb kodu yazmak pek içime sinmemişti bu işin daha basit bir yöntemi olmalı demiştim bu arayışıta dropzone ile karşılaştım basitliği ve eski tarayıcılara destek vermemesi beni cezbetti (like a jquery 2)
Daha önceki projelerde jquery-fileupload-rails gemini kullanmıştım ama onlarca satır haml ve erb kodu yazmak pek içime sinmemişti bu işin daha basit bir yöntemi olmalı demiştim bu arayışıta dropzone ile karşılaştım basitliği ve eski tarayıcılara destek vermesi beni cezbetti (like a jquery 2)

<!--more-->

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -5,11 +5,11 @@ author: yunusozcan
tags: samantic grid system, tr
---

**HTML5** bildiğiniz gibi semantik etiketlerle birlikte geldi ama hala tam anlamıyla kullanmıyoruz. başlayacağımız nokta tam olarak grid sistemleri olacak 960.gs vs.. tam olarak bu akıma uymadıklarını düşünüyordum ki başkası daha önce düşünmüş less ve **sass** **mixin** kütüphanesi olarak [semantic grid sistemi][1] oluşturmuş. son zamanlarda pek güncellenmemiş olsada halen kullanılabilir durumda.
**HTML5** bildiğiniz gibi semantik etiketlerle birlikte geldi ama hala tam anlamıyla kullanmıyoruz. Başlayacağımız nokta tam olarak grid sistemleri olacak 960.gs vs.. tam olarak bu akıma uymadıklarını düşünüyordum ki başkası daha önce düşünmüş less ve **sass** **mixin** kütüphanesi olarak [semantic grid sistemi][1] oluşturmuş. Son zamanlarda pek güncellenmemiş olsa da halen kullanılabilir durumda.

Kullanabileceğiniz 4 adet değişken $column-width, $gutter-width, $columns, $total-width

4 adetde mixin var row, column, pull, push
4 adet de mixin var row, column, pull, push

En basit olarak şöyle bir **sass** kodundan

Expand Down Expand Up @@ -56,7 +56,7 @@ Hem **fixed** hem **fluid** olarak bu düzene ulaşabilirsiniz.

![semantic html5](articles/2013-07-14-html5-semantic.jpg)

Gelelim asıl konuya yeni [bourbon][3] adlı bie mixin kütüphanesi çıktı aynı şekilde bu kütüphanenin [neat][4] adında şirinmi şirin mixinler içeren **Semantik** grid sistemi var üstteki konuyla ilgilendiyseniz bakmanızı (kullanmanızı) tavsiye ederiz.
Gelelim asıl konuya yeni [bourbon][3] adlı bir mixin kütüphanesi çıktı aynı şekilde bu kütüphanenin [neat][4] adında şirin mi şirin mixinler içeren **Semantik** grid sistemi var üstteki konuyla ilgilendiyseniz bakmanızı (kullanmanızı) tavsiye ederiz.

[1]: http://semantic.gs/
[2]: http://www.lab2023.com/wp-content/uploads/2013/07/html5-semantic.jpg
Expand Down
8 changes: 4 additions & 4 deletions source/posts/2013-07-20-yuzbin-baloncuk-v-0-1-0.html.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,15 +5,15 @@ author: coskuntekin
tags: haml, sass, compass, tr
---

lab2023 ‘ un logosundan baloncuk cıkartabilir miyiz dedik ve basladik kodlamaya. Eger sizde bunu evde denemek istiyorsaniz [buradan][1] kodlara ulasabilirsiniz.
lab2023 ‘ un logosundan baloncuk cıkartabilir miyiz dedik ve basladik kodlamaya. Eger siz de bunu evde denemek istiyorsaniz [buradan][1] kodlara ulasabilirsiniz.

Bizler HAML, SASS ve COMPAS teknolojilerinden yararlandik. Generator olarak da MIDDLEMAN kullandik.

**Kulladigimiz CSS3 Property lerini kısaca açıklamak gerekirse;**

**+keyframes(fly-bubble)**

keyframes ile tıpkı bir gif animasyon ya da flash animasyon hazırlar gibi animasyonu layer lara parçalayıp hareketlilik kazandırabilirsiniz. Keyframe bir animasyon adına ihtyac duyar ve from ile baslayıp to ile biter. Dilerseniz from ve to yerine 0% ve 100% degerlerinide kullanabilirsiniz. Her bir layer yuzdelik dilemlerle ifade edilir. Bu layer lara da olusturmak istenilen animasyona gore css style yazmak mumkundur. Keyframe methodlari;
keyframes ile tıpkı bir gif animasyon ya da flash animasyon hazırlar gibi animasyonu layer lara parçalayıp hareketlilik kazandırabilirsiniz. Keyframe bir animasyon adına ihtiyac duyar ve from ile baslayıp to ile biter. Dilerseniz from ve to yerine 0% ve 100% degerlerini de kullanabilirsiniz. Her bir layer yuzdelik dilemlerle ifade edilir. Bu layer lara da olusturmak istenilen animasyona gore css style yazmak mumkundur. Keyframe methodlari;

* animatename
* keyframe-selector
Expand All @@ -31,11 +31,11 @@ Bunu basta acıklamakta yarar goruyorum. CSS3 Property leri icinde iki tip trans
* Matrix
* Rotate

**scale** methodu x-axis (x-ekseni) ve y-axis (y-ekseni) seklinde iki deger alır. Bu deger width ve height degerlerine tekabul eder. Bu degerler farklı farklı verebilecegi gibi (+transform(scale(6,8))) beaker bubble da kullanildigi gibi tek bir deger de verilebilir.
**scale** methodu x-axis (x-ekseni) ve y-axis (y-ekseni) seklinde iki deger alır. Bu deger width ve height degerlerine tekabul eder. Bu degerler farklı farklı verilebilecegi gibi (+transform(scale(6,8))) beaker bubble da kullanildigi gibi tek bir deger de verilebilir.

**+animation-timing-function(ease-in-out)**

Animasyonun hızına fraklı ozel degerler atayarak animasyonun gercege yakın bir hareketlilik kazanmasini saglar. Ornegin bir topun yavaslarak durmasi icin animation-timing-function dan yararlanilabilir.
Animasyonun hızına farklı ozel degerler atayarak animasyonun gercege yakın bir hareketlilik kazanmasini saglar. Ornegin bir topun yavaslayarak durmasi icin animation-timing-function dan yararlanilabilir.

Dort adet methodu vardır. Bunlar;

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ tags: github, tr

Github versiyon kontrol sistemleri için bir uzak depodur. Hızlı ve güvenli oluşu, kapsamlı raporlama yapısı ve çoklu çalışma kolaylığı ile birçok yazılımcının vazgeçilmezi olmuştur. Peki github nasıl kullanılır?

Şimdi github'da hesabınızı aldıktan sonra yeni bir repository (depo) oluşturmayı ve oluşturduğumuz repository'ye dosya göndermeyi§ anlatacağım.
Şimdi github'da hesabınızı aldıktan sonra yeni bir repository (depo) oluşturmayı ve oluşturduğumuz repository'ye dosya göndermeyi anlatacağım.

İlk olarak github hesabımızda repository/new yada create a new repo'ya tıklayarak repomuzu oluşturuyoruz.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ Mac OS için sencha touch kurulumu:
* [Sencha Touch](http://www.sencha.com/products/touch/download/) dosyasını indirip belirli bir dizine açıyoruz.
* Yeni uygulama oluşturmak için sencha tocuh framework'ün bulunduğu dizinde olmalısınız.

Sencha CMD kurulduktan sonra sencha uygılamaları için kullanacağımız `sencha` komutu
Sencha CMD kurulduktan sonra sencha uygulamaları için kullanacağımız `sencha` komutu

```
~/bin/Sencha/Cmd/version_number/sencha
Expand Down Expand Up @@ -114,8 +114,8 @@ Ext.define('Gourmet.view.Foods', {
```

Oluşturduğumuz view'in yüklenebilmesi için Ext.Loader tarafından yüklenebilmesi gerekiyor.
Bu islem icin tüm view dosyalarının app.js icine dahil edilmesi gerekiyor.
Bu asamaya ilerleyen kısımlarda sonra geleceğiz.
Bu işlem icin tüm view dosyalarının app.js icine dahil edilmesi gerekiyor.
Bu aşamaya ilerleyen kısımlarda daha sonra değineceğiz.

[NavigationView](http://docs.sencha.com/touch/2.3.1/#!/api/Ext.navigation.View) [card](http://docs.sencha.com/touch/2.3.1/#!/api/Ext.layout.Card) layout ile birlikte oluşturulmuş basit bir [container](http://docs.sencha.com/touch/2.3.1/#!/api/Ext.Container)' dır.

Expand Down Expand Up @@ -146,7 +146,7 @@ Ext.define('Gourmet.view.FoodList', {
```

* `store`: Verileri alacağı store.
* `itemTpl`: Verinin listede nasıl görüneceği. Burayı css ile özellştirebilirsiniz. Birden fazla bilgi gösterebilirsiniz. `'{name} - {description}'` gibi.
* `itemTpl`: Verinin listede nasıl görüneceği. Burayı css ile özelleştirebilirsiniz. Birden fazla bilgi gösterebilirsiniz. `'{name} - {description}'` gibi.
* `onItemDisclosure`: Detay butonunun olup olmayacağını belirtiyor.
* `Food.js` içerisindeki items içerisine bu listeyi ekleyelim.

Expand Down Expand Up @@ -205,7 +205,7 @@ Ext.define('Gourmet.controller.Main', {
```

* `refs` : Bu alanda xtype ve id ye göre compenentleri alabiliyoruz.
* `control` : Compenetlerin event' larının takip edildiği yer. Yukarıdaki örnekte `xtype: 'food_list'` olan componentin `disclose` event(olayında) yapılacak işlemi belirtiyoruz. `showFoodDetail` metodu, `xtype: 'food_panel'` olan `Ext.navigation.View` componentin içerisine belirtilen özelliklerdeki view alanını(detay sayfasını) ekliyor.
* `control` : Compenetlerin event' larının takip edildiği yer. Yukarıdaki örnekte `xtype: 'food_list'` olan componentin `disclose` event'inde(olayında) yapılacak işlemi belirtiyoruz. `showFoodDetail` metodu, `xtype: 'food_panel'` olan `Ext.navigation.View` componentin içerisine belirtilen özelliklerdeki view alanını(detay sayfasını) ekliyor.

Son olarak `App.js` dosyamızın içerisine view ve controllerlarımızı ekleyelim,

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,6 @@ görevini Tayfun ERİKAN'ın üstlenmesine karar verildi ancak bu görev değiş
ve sorumlulukların Tayfun ve diğer arkadaşlara aktarılmasının daha sağlıklı olacağı tarafımızca uygun görüldü.

Yaklaşık 5 ay sonra 18.05.2014 tarihinde görev ve sorumluluklarının aktarılmasının bitmesi ile Lab2023 AŞ'nin
**Genel Koordinatör Tayfun ERİKAN** oldu. Kardeşim, ortağım Tayfun ERİKAN'a yeni görevinde başarılar diliyorum.
**Genel Koordinatörü Tayfun ERİKAN** oldu. Kardeşim, ortağım Tayfun ERİKAN'a yeni görevinde başarılar diliyorum.

Saygılarımla.
Loading

0 comments on commit aa4f154

Please sign in to comment.