Skip to content

Commit

Permalink
Add-Blog-post
Browse files Browse the repository at this point in the history
  • Loading branch information
Leyla Kapi committed Mar 21, 2014
1 parent d283c69 commit 5d03686
Show file tree
Hide file tree
Showing 4 changed files with 154 additions and 0 deletions.
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
---
title: Minimalizm ve sadelik zamanı, Flat UI
date: 2013-06-16 15:10 UTC
tags: admin theme, design, flat, flat ui, hierapolis, ios 7, kebab,minimalism, simplicity
---

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.

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.
* 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.
* 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.

[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.

Şimdilik paylaşacaklarım bunlardan ibaret. İyi çalışmalar dilerim.

### Kaynaklar

* <http://designmodo.github.io/Flat-UI/>
* <https://github.com/designmodo/Flat-UI/>
* <http://designmodo.com/flat/>
* <http://designmodo.com/flat-design/>
* <http://designmodo.com/flat-design-principles/>
* <http://designmodo.com/new-apple-not-flat/>
* <http://pinterest.com/warmarc/flat-ui-design/>
* <http://fltdsgn.com/>

[1]: http://www.apple.com/ios/ios7/
[2]: http://readwrite.com/2013/06/13/apple-ios-7-changes-everything-for-app-designers
[3]: http://twitter.github.io/bootstrap/
[4]: http://designmodo.github.io/Flat-UI/
[5]: https://github.com/designmodo/Flat-UI
[6]: http://www.lab2023.com/kebab-3-x-bunyesinde-yapmayi-planladigimiz-gemler/

[Tayfun Öziş ERİKAN](http://twitter.com/toziserikan)
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
---
title: Forkladığınız GitHub reposunu ana repo ile güncel tutmak
date: 2013-06-17 15:47 UTC
tags: branch, fork, git, github, remote
---

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.

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.

Ancak bu durum beraberinde bir sorun getirmektedir. Ne mi ?

A geliştiricisinin eklediği yeni bir içerigin B geliştiricisinde bulunan fork repoya alınması. Bunun çözümünü şu makalede bulabilirsiniz: <http://bradlyfeeley.com/2008/09/03/update-a-github-fork-from-the-original-repo/> Ben yine de aşağıda kısa bir özet geçmek istiyorum;

Playbook' u ele alırsak. Ben kendi bilgisayarıma **lab2023/playbook**'u clonladım. Ardından kendi hesabıma bu repoyu forkladım ve lokalime **lab2023/playbook** dan çatallanan **tayfunoziserikan/playbook** reposunu playbook-fork adı altında tekrar klonladım. Bu repoya da yukarıdaki makalede anlatıldıgı şekilde;

git remote add --track master playbook [email protected]:lab2023/playbook.git


remote branch'ını ekledim. Artık orjinal playbook' da yapılan diğer değişiklikleri bu branch'a fetch yapıp kendi master branch'ına merge ederek playbook-fork repomun güncel kalmasını sağlayabiliyorum.

İyi çalışmalar.

[Tayfun Öziş ERİKAN](http://twitter.com/toziserikan)
31 changes: 31 additions & 0 deletions source/posts/2013-06-17-rails-urlden-namespace-gizleme.html.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
---
title: Rails Urlden Namespace Gizleme
date: 2013-06-17 01:33 UTC
tags:
---

Urlden namespace gizlemek için `namespace :admin` yerine `scope :module => 'admin'` kulanıyoruz. Örneğin;

namespace :admin do
resources :posts, :comments
end


Oluşacak url `/admin/posts`,

Oluşacak url helper `admin_posts_path`,

scope :module => "admin" do
resources :posts, :comments
end


Oluşacak url `/posts` olacaktır,

Oluşacak url helper `posts_path` şeklinde olacaktır.

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

Kolaylıklar...

[Muhammet DİLEK](http://twitter.com/muhammetdilek)
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
---
title: Ruby On Rails Helper İçerisinde Haml Kullanmak
date: 2013-06-22 17:49 UTC
tags:
---

Ruby On Rails `Helper` dosyaları içerisinde `Haml` kullanmak için

* `capture_haml`,
* `haml_tag`,
* `haml_concat`

`Haml` helper' larını kullanacağız.

### `capture_haml`

Haml kod bloğunu çıktı olarak verir. Çıktı string html kodudur.

### `haml_tag`

Verilen parametrelere göre html tag' ı oluşturur.

### `haml_concat`

Text olarak çıktı verir.

Şimdi aşağıdaki örneği inceleyelim

module ApplicationHelper
def format_state(state, large = false)
capture_haml do
css_classes = %w(label)
css_classes << state
css_classes << 'large' if large
haml_tag :span, class: css_classes do
haml_concat t("helpers.state.#{state}")
end
end
end
end


`haml_tag` ile `span` tag' ı oluşturup `class:` parametresi ile class veriyoruz. `haml_concat` ile de span tag' ı içerisine yazacağımız text' i oluşturuyoruz.

Kolay gelsin...

[Muhammet DİLEK](http://twitter.com/muhammetdilek)

0 comments on commit 5d03686

Please sign in to comment.