Youtube'da hemen hemen her konuya yönelik o kadar çok video var ki, say say bitmez desek yeridir. bu yazımızda sizlere youtube ile web tasarımı ve programlamayı öğrenebileceğiniz video kaynaklarını paylaşacağım.
1. thenewboston
merhaba,
küçük bir başlangıç sayfası hazırlıyorum; bölümdeki arkadaşlarımda kullanıyor bu sayfayı. sayfa tasarımını yeniledim birkaç gün önce. eski tasarımda üstte bir başlık yer alıyordu. sayfa boyundan kazanmak için css kullanarak bu başlığı bir wrapper ile düşey olarak sayfamın soluna yerleştirdim.
wrapper'i aşağıdaki gibi biçimlendirdim.
float: left; margin-left: 192 px;
PC'min 1280x1024 çözünürlükteki ekranında sayfayı sorunsuz olarak görüntüleyebiliyorum.
ancak ekran çözünürlüğü değiştikçe sayfa başlığı farklı yerlerde çıkıyor.
1 - css3.com
css3 'ün resmi sitesi. css3'ün referans rehberini bulabileceğiniz ve blog tarzında css3 örneklerinin yayınlandığı sade bir site.
2 - css3please
css3 kodları tarayıcıdan tarayıcıya farklılık göstermektedir. bu site de css3 ile yapılabilecek bir görsellik için hangi tarayıcıda hangi kodun çalıştığını gösteren çok pratik bir site.
3 - css3generator
çok hızlı bir şekilde css3 kodu oluşturabileceğiniz son derece kullanışlı bir site. listeden eklemek istediğiniz css3 özelliğini seçdikden sonra piksel ve renkdeğerlerini girmeniz yeterli. her tarayıcı için gerekli kodları site bizim için oluşturuyor.
Üyelerin programlama dilleri ile ilgili bilgi alışverişinde bulunduğu programlama sitesi.
İnternette çalışacak web uygulamaları yapmak, ya da portalınız için bir çerçeve oluşturmanın zorluğunu hepimiz biliyoruz. Şablonu oluşturursun, jquery bozulur, css'i eklersin, her browserda farklı görünür.
Web projelerinde kullanıcı tabanlı içerik üretebilmek için gerekli en önemli araçlardan biri yazı alanlarıdır. (textarea)
Kullanıcının kendini daha iyi ifade edebilmesi için de bu yazı alanlarını özelleştirmeniz ve zenginleştirmeniz gerekmektedir. Çünkü kullanıcı bu alanları verimli kullanabilmek için gerekli temel bilgiden yoksun olarak kabul edilir. Zaten hedef kitlenin de böyle bir ön bilgiye sahip olması beklenemez.
İşte bu noktada WYSIWYG prensibine göre geliştirilmiş zengin metin editörleri (RTE - rich text editor) yardımınıza koşar.
Bu zengin metin editörleri; yani RTE'ler, temel olarak HTML etiketi textarea'yı özelleştirir. Javascript destekli olarak bu alan için bir iframe yaratır ve çeşitli ön tanımlı araçlarla size bir metin editörü hazırlar. Böylece kullanıcı gerçek bir metin editörü kullanıyormuş gibi biçimlendirilmiş yazı girebilir.
Artık geliştirilen projelerde JQuery'nin vazgeçilmezliği ortada olunca ben de sizler için güncel popüler JQuery tabanlı metin editörlerini bir araya toplamak istedim. Böylece JQuery destekli projelerinizde başınızı ağrıtmadan kolay ve hızlı bir şekilde metin editörü ekleyebileceksiniz.
Bir editöre ihtiyaç duymadan hem CSS,HTML ve JavaScript bir yerde yazıp test edebilir. İstediğiniz gibi çalışıp çalışmadığını kontrol edebilirsiniz.
piotr zalewa tarafından kodu ve oskar krawczyk tarafından tasarlanan JSfiddle
Hızlı kod yazmak isterseniz denemenizi tavsiye edebilirim. Yan tarafta önceden yüklü olması gereken kütüphaneleri seçip işlem yapabiliyorsunuz.
bildirgec.org içeriği kullanıcıları tarafından üretilen kolektif bir blogdur.
