-
Notifications
You must be signed in to change notification settings - Fork 21
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Leyla Kapi
committed
Mar 21, 2014
1 parent
d283c69
commit 5d03686
Showing
4 changed files
with
154 additions
and
0 deletions.
There are no files selected for viewing
50 changes: 50 additions & 0 deletions
50
source/posts/2013-06-16-minimalizm-ve-sadelik-zamani-flat-ui.html.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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) |
26 changes: 26 additions & 0 deletions
26
...sts/2013-06-17-forkladiginiz-github-reposunu-ana-repo-ile-guncel-tutmak.html.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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
31
source/posts/2013-06-17-rails-urlden-namespace-gizleme.html.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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) |
47 changes: 47 additions & 0 deletions
47
source/posts/2013-06-22-ruby-on-rails-helper-icerisinde-haml-kullanmak.html.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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) |