youtube-subscriber

YouTube’da 1000+ takipçi

Adobewordpress’in kendini yenilediği bugünlerde dikkat çeken bir diğer detay ise YouTube kanalımızın takipçi sayısı oldu. 6 saati aşan video arşivimiz günden güne genişleyerek büyümekte. Bu kadar kısa süre zarfında genç, dinamik ve yaratıcı bir topluluk haline geliyor olmamız, kullanıcılarımızın da birbiriyle etkileşimini kaçınılmaz kılıyor. İvmeye yine sizlerin fikirleri yön vermekte. Tüm sosyal ağ hesaplarımızdan bize oluşan takipçilerimiz, Adobewordpress’in YouTube kanalında görmek istedikleri video dersleri bize iletebiliyor.

Eğer hala video derslerimizden haberdar değilseniz endişe etmeyin. Hepsi HD kalitede sizleri bekliyor;

aw youtube subscribe YouTubeda 1000+ takipçi

Devamını Oku

html5-scroll-video

Scroll ile bir ilerleyen video nasıl yapılır?

Özellikle teknoloji firmaları yeni ürünleri tanıtırken hazırladıkları web tasarımlarında HTML5‘in video oynatıcısı aracılığıyla küçük çaplı şovlar yapmakta. Siz ön katmanda ürünle ilgili detaylı bilgileri okurken alt katmanda gizli bir video yapısı kaydırma çubuğuyla eş zamanlı olarak ileri/geri ilerleyebilmekte.

Bu anlatımımız gözünüzde bir tasarım canlandırmadıysa aşağıdaki örneği görüntüleyerek işe başlayabilirsiniz. Daha sonrasında ise bu yeni teknoloji ürünü tasarımı oluşturacağız.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku

lorempixel

Lorempixel ile Sınırsız Random Görsel

Tasarımın dijital kolunda deneme ekranları çizerken büyük metin alanlarını hep Lorem Ipsum aracı sayesinde doldurduk. Yıllar içerisinde Lorem Ipsum resmileşti, bütün tasarım ajansları ve iş kolları tarafından kullanılır hale geldi. Türkçeye de “Taklit Yazı Bloğu” olarak geçti. Masaüstü yayıncılık ile uğraşanlar büyük hız kazandı. Peki ya dijital, hatta çerçeveyi küçültelim, web tasarımcıları? Paragrafları Lorem Ipsum ile bir şekilde doldurduk. Ama onca resim alanı nasıl özgün bir şekilde doldurulacak?

Metinlerin Lorem Ipsum’u varsa görsellerin de Lorempixel’i var!

Lorempixel sınırsız sayıdaki görseli istediğimiz boyutta göstermemizi sağlıyor. Evet, yanlış duymadınız. Lorempixel sayesinde, istediğiniz kategori ve renk yoğunluğundaki görseli, belirleyeceğiniz boyutta özgün bir şekilde web sayfanızda yayınlayabilirsiniz. (daha&helliip;)

Devamını Oku

WordPress için kullanışlı 5 Google Chrome Eklentisi

wordpress chrome WordPress için kullanışlı 5 Google Chrome EklentisiGoogle Chrome açıkara içerisinde bulunduğumuz dönemin en popüler tarayıcısı. Sadeliği ve hızı ile rakiplerini sollayan Chrome beraberinde birçok eklenti desteğini de bizlere sunuyor. Kullanıcıların surf yaparken başka işlerini de hızlandırmayı amaçlayan bu eklentilerden bir kısmı da WordPress ile etkileşim halinde çalışmakta.

Bu makalemizde WordPress severlerin işini kolaylaştıracak 5 adet Google Chrome uzantısını sizlerle paylaşacağız. (daha&helliip;)

Devamını Oku

jQuery ile Düzenlenebilir Table (editableTableWidget)

editable table jQuery ile Düzenlenebilir Table (editableTableWidget)
Web tasarımının listeleme yükünü sırtlayan tablo yapıları günümüzde popülerliğini korumakta. Ancak kimi zaman veri çokluğundan, kimi zaman da form yoğunluklarından bu tablolardaki güncelleme işlemleri popup, modal veya yeni sekmede yapılmakta. Bu da kullanıcının ufacık bir satırı değiştirmesi için fazladan bir ekran daha gezmesi anlamına geliyor.

Bu makalemizde jQuery ile düzenlenilebilir / değiştirilebilir table yapısı oluşturacağız. Karşınızda editableTableWidget!

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku

Mobil sürümde telefon numarasına tıklandığında arama nasıl yapılır?

mobile call Mobil sürümde telefon numarasına tıklandığında arama nasıl yapılır?“Arama yapma” butonu veya bağlantısı taşınabilir cihazlarda görüntülenen web sayfalarında direk olarak arama işlevini yapmamızı sağlar. Böylece kullanıcı telefon numarasını kopyalayıp çağrı ekranına yapıştırmakla uğraşmadan hızlıca ilgili numaraya çağrı yapabilir.

Taşınabilir cihazların günden güne gelişmesi, neredeyse her telefonun web tarayıcıya sahip olması sebebiyle easy-to-use kurallar listemize bu yapıyı da ekleyerek devam ediyoruz.

Bu dersimizde HTML‘in yeni versiyonuyla nitelik genişlemesini sürdüren anchor elemanını detaylandıracağız. (daha&helliip;)

Devamını Oku

HTML5 ile Arkaplanda Video!

HTML5 Logo HTML5 ile Arkaplanda Video!Günümüzde birçok web tasarımında hareketli arkaplanlar kullanıldığını görüyoruz. Özellikle şeffaf bir perde ile kullanılan bu yapı günden güne popülerleşiyor.

HTML5‘in getirdiği yenilikler, hareketli arkaplanlar hazırlarken Flash’a muhtaç kalmamamıza sebep oluyor. Böylece sadece birkaç satır kod yazarak ilgi çekici ve hareketli arkaplanlar oluşturuyoruz.

Bu dersimizde HTML5′in video oynatıcısını biraz daha yakından tanıyoruz, beraberinde de manipüle ediyoruz. Örneği görüntüleyerek başlayabilirsiniz.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku

Kod Yazmayı Öğrenmek

“Programcılık insana düşünmeyi öğretir. Bu yüzden bu ülkedeki herkesin öğrenmesi gerekir.” diyor Steve Jobs.

İlk adımlar her zaman zordur. Ancak bu sefer başarılı isimlerin ağzından programcılığın sanıldığı kadar zor olmadığını duyuyoruz. Microsoft’un kurucusu Bill Gates‘in, Facebook’un kurucusu Mark Zuckerberg‘in, ve Twitter’ın kurucusu Jack Dorsey‘nin programcılık geçmişi olması aşikar. Peki ya NBA oyuncusu Chris Bosh‘a ne demeli?

Programcılığa başlamayı düşünen ve rakamlarla oynamaktan keyif alan kişiler için paha biçilemez bir ilham kaynağı.

Devamını Oku

Ders 1 : Bootstrap nedir?

bootstrap logo Ders 1 : Bootstrap nedir?Web tasarımını öğrenmek mi istiyorsunuz? CSS ve JavaScript hatta HTML öğrenmek sizi zorluyor mu? Ya da bütün bunlarla uğraşmak için zamanınız yok mu? Doğru yerdesiniz.

Adobewordpress olarak yepyeni bir makale dizisiyle sizlerleyiz.

Karşınızda günümüzün öne çıkan front-end frameworklerinin en popüleri; Bootstrap. Bu makalemizde Bootstrap‘in tam olarak ne olduğu ve ne işe yaradığını konuşacağız, bir HTML iskeleti ile örneğimizi oluşturacağız. (daha&helliip;)

Devamını Oku