Tasarımcı & Geliştirici Sohbetleri

Hayatımızda hep YouTube vardı fakat 1-2 seneye kadar sadece müzik, oyun ve teknoloji kanalları için vardı. Geçen seneden beri bizim gibiler (geliştirici, tasarımcı, girişimci) insanların da izleyebileceği YouTube kanalları ortaya çıktı. Barış Özcan’ın kanalı olsun Başka Bir Şey kanalı olsun içerikler sürekli artmaya devam ediyor.

Benimde çok samimi olduğum, hatta bana çok şey öğreten Doğukan Güven Nomak‘ın Tasarımcı & Geliştirici Sohbetleri kanalından size bahsedeceğim. Doğukan abi başarılı bir Front-End Developer, gerçekten de çok iyi biri. YouTube kanalıda Front-End’de yaptığı işler kadar başarılı. Kanalında her hafta pazartesi günü saat 09.00’da ya bir tasarımcı ile ya da bir geliştirici ile yaptığı röportajları paylaşıyor.

Röportajları kesinlikle ilham alınacak kişiler ile oluyor ilk olarak Burak Yiğit Kaya ile başlayan Tasarımcı & Geliştirici Sohbetleri serüveni her pazartesi daha da güzelleşiyor ve Barış Özcan, Hasan Yalçın, Burak Can, Uğur Özyılmazel (vigo), Ekrem Elmas gibi başarılı insanlar ile yaptığı Tasarımcı & Geliştirici Sohbetleri YouTube kanalında bulunuyor.

Bu kadar güzel içerikleri takip etmezsek olmaz abone olup, destek vermeyi unutmayın. Görüşmek üzere.

 

Html5 CSS3 ve JS ile Web Tasarımı Kitabı İncelemesi #1

Merhaba arkadaşlar,

Bana çok fazla Html , css, javascript için hangi kitabı almalıyız tarzında sorular geliyor. Bende bundan sonra sizlere bu videoda olduğu gibi kitap önerileri için iyisiyle kötüsüyle kitapları tanıtacağım.

Bu videomuzda Burak Tokak’ın Html5 CSS3 ve JS ile web tasarımı kitabını sizlere anlatmaya çalışacağım.

Web Tasarıma, Web Geliştirmeye yeni başlayacaksanız zaten öğrenmeniz gereken ilk üç dil bu kitapta temel şekilde anlatılıyor. Hatta şunu söylemeden edemeyeceğim kitabın CSS kısmı çok güçlü bir şekilde yazılmış. İnternette video içeriklerle (Türkçe) bulamayacağınız bir çok şey bulunuyor.

Devamını videoda izleyebilirsiniz 🙂

Kitabın içine göz atmak isterseniz: http://bit.ly/1NXG4TZ

Satın Almak İçin: http://www.dikeyeksen.com/products/ht…

Videoda bahsettiğim Renkli Kutular Oyunu: https://github.com/BurakTokak/cursedb…

Emmet ile CSS Yazmak

YouTube kanalım için hazırlamış olduğum Html eğitiminde Sublime Text 2 editöründeki Emmet eklentisini göstermiştim. Sublime Text 2′ e iyice alıştıktan sonra CSS Emmet özelliğini de çokça kullanmaya başladım. Sublime Text 2’nin emmet eklentisi sayesinde hızlıca Html yazmanın yanında CSS kısayolları ile hızlıca CSS de yazabiliyorsunuz. Bu da geliştiriciler için çok büyük bir kolaylık anlamına geliyor.

CSS dosyanızda “h” yazıp “tab” tuşuna bastığınız zaman size otomatikman height: olarak css kodunuzu getiriyor. Hemen yüksekliğin değerini de vereyim derseniz “h30” yazmanız yeterli TAB’a bastığınız zaman direk “height: 30px;” olarak size kodunuzu getiriyor.

Çoğunluk ile CSS özelliklerinin baş harfleri ile tamamını yazdırmasını sağlıyor kısaca örnek vermek gerekirse:

h + TAB = height:

w+ TAB = width:

m + TAB = margin:

p + TAB = padding:

p30px10px15px45px + TAB =  padding: 30px 10px 15px 45px;

Bu şekilde kısaltmaları kullandığınız zaman Emmet eklentisi hızlıca CSS yazmanızı sağlıyor. Kullanmanızı öneririm.

YouTube kanalım için hazırlamış olduğum videoyu da izleyip daha fazla fikir sahibi olabilirsiniz.

Geri Döndüm, Videolara Kaldığımız Yerden Devam #Bilgilendirme

Neredeyse 1,5 aydır video yükleyemiyordum. Geçerli sebeplerimde vardı. Bu videoda sizlere neden 1,5 aydır video yükleyemediğimi anlatmak istedim ve geri döndüğümü haflatık 4 video sonradan da günlük 2 video geleceğinin haberini vermek istedim. Videoyu beğendiyseniz beğenmeyi unutmayın bana destek olmak içinde kanalıma abone olabilirsiniz.

Abone olun! ► https://t.co/YqfRlwTCdA

WebSitem: http://baransomakli.com/
Facebook: https://www.facebook.com/baransomakli
Twitter: https://twitter.com/baransomakli
İnstagram: https://instagram.com/baransomakli

Hangi Eğitim Setleriyle Devam Etmeliyim ?

Merhaba dostlarım, uzun zamandır yazı yazmıyordum yeni temaya geçtikten sonra baya yazmaya başladım kendime geldim diyebilirim. Video hazırlamak gibi bloguma yazı yazmaya da bayılıyorum. Aslında öğrenmek ve öğretmeye bayılıyorum demek daha doğru olur bence.

Bunun içinde YoutTube kanalımda paylaştığım videolara aynı hızla günde 1 video olarak devam etmek istiyorum. Başlayıpta devamını getirmediğim WordPress Tema Yapımı Eğitim setimi kaldığım yerden devam ettireceğim. Ve sadece video olarak kalmayacak her video içinde özel olarak blogumda içerik yazacağım. Yani takipçilerim için öğrenmeyi hem görsel hem yazı olarak iki türlü gerçekleştireceğim.

WordPress Tema Yapımı Eğitim Seti ile ilgili bilgileri verdiğime göre asıl soruya gelebiliriz bence. Bu eğitim setinden sonra hangi eğitim setleriyle devam etmeliyim? Bu sorunun cevabı için de aşağıda bulunan Google Form’u doldurabilirsiniz. Oradaki seçeneklerden farklı bir eğitim seti veya video istiyorsanız. İster yorum atarak isterseniz bana mail(baran@baransomakli.com) atarak istediğiniz eğitim setini ya da videoyu söyleyebilirsiniz.

100 Aboneme Teşekkürler #Vlog

Kanalım açılalı tamı tamına 1.5 hafta oldu ve 100 aboneyi geçtik. Ne kadar küçük bir başarı olarak gözükse de bu kadar kısa zamanda olması beni mutlu etti. Hepinize teşekkür ederim. Umarım hep beraber daha başarılı yerlere gideriz.

Abone olun! ► https://t.co/YqfRlwTCdA

Facebook: https://www.facebook.com/BaranSomaklii

Twitter: https://twitter.com/baransomakli

Şimdi sıra teşekkür videosunda.

 

CSS Reset Nedir? Nasıl Kullanılır?

Tarayıcıların kendilerine ait varsayılan CSS ölçütleri vardır. Bir arayüz kodladığınız zaman tarayıcıların farklılıkları yüzünden her tarayıcıda farklı farklı boşluklar gözükebilir. Tam bu durumda da yardımımıza Reset CSS koşuyor. Reset CSS sayesinde tüm tarayıcıların varsayılan değerlerini kendi isteğimize göre şekillendirebiliyoruz. Örnek vermek gerekirse tarayıcının varsayılan değeri margin:10px; ise yaptığınız arayüz,  varsayılan margin:10px kodu yüzünden ekrana tam oturmaz. Bu sorunu da ortadan kaldırmak için reset.css kullanacağız. Aşağıda vereceğim kodları isterseniz css dosyanızın üst tarafına yapıştırabilirsiniz. İsterseniz ayrı bir css dosyası oluşturup link tagıyla html dosyanıza çekebilirsiniz.

Reset.css kodlarımız aşağıdadır.


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,
address,big,cite,code,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,
center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;list-style:none;list-style-type:none;text-decoration:none;font-family:'Open Sans', sans-serif;}