bildirgec.org

html5 hakkında tüm yazılar

CSS 3 öğrenmek için en iyi dersler

angelsdemos | 16 January 2010 13:17

CSS 3 çalışmaları henüz tamamlanmadı fakat birçok tarayıcı css3’ü kısmen kullanıyor. Bu yüzden web tasarımcıları css 3’e son günlerden yüklenmiş durumdalar. web 2.0 ile css3 inanılmaz görsel tasarımları oluşturmak için muhteşem bir ikili. css 3 yeni olduğu için bilmeyen tasarımcılar için birçok yararlı dersler bulunmakta. işte css 3 öğrenmek için yararlı dersler;

Introduction to CSS3 – Part 1: What Is It?
(CSS 3’e giriş – bölüm 1 : nedir?)

Get Started with CSS
(CSS 3’e başlayın)

The fundamental problems with CSS3
(CSS 3 Hakkında Temel Sorular)

2010da da i̇nterneti şekillendirmeye devam edecek 5 teknoloj

beCko | 21 December 2009 15:34

her sene sonuna doğru gelindiğinde, insan “kendini acaba öbür sene ne olacak?” demekten kendini alamıyor. bu yüzden olsa gerek, insanlar gelecek senenin modaları hakkında önceki seneden tartışmaya başlıyorlar. i̇nternet için de bu geçerli. sürekli değişen modalar var. ancak bazı şeyler var ki, yerlerini korumaya devam edecekler. bunları sıralamak gerekirse:

1) servis olarak css3, html5 ve yazı tipleri

@font-face kuralını destekleyen tarayıcıları hedefleyen; css3, html5 ve yazı tipi servisi sunan typekit sitesi, web tasarımcılarına uzun süredir bekledikleri yaratıcılık özgürlüğü veriyor.

css3, sayfa elemanlarında çoklu arkaplan seçebilmekten, istenilen elemanların seçimi ve düzenlenmesindeki kolaylığa kadar yeniliği birlikte getiriyor.

Mükemmel HTML nasıl görünür?

admin | 17 November 2009 15:08

Çoğu zaman kendimi tutamıyor ve güzel görünen her sitenin kaynak kodlarını görüntüleyip inceliyorum. Tıpkı sokakta gördüğünüz her insanın temel kemik yapısını ve iç çamaşırlarını gösteren X-Ray gözlükler gibi doğrusu. Nasıl kendinize karşı koyup kodlara bakmazsınız ki?

Güzel bir sitenin güzel kodlarla yaratılışını görmek oldukça etkileyici doğrusu. Bazen de güzellik sadece dış görünüşte kalıyor. SEO’ya dikkat etmeyen arkadaşlarımız yüzünden olsa gerek. Ancak güzel kod nasıl olur? Şunun şurasında “Code is Poetry” (“Kod şiirdir”) diyen wordpress’i hepimiz bir şekilde kullanmışızdır. Sadece HTML’den ne olabilir ki? Topu topu sabit bir dil işte sadece ve dinamik özellikleri de hiç yok. Ancak gene de kodu yaratanın temel özelliklerini gösterir.

Bu konu da beni düşüncelere itiyor. Bir kodu ne güzel yapar? Konu HTML olunca, ustalığa bakar! Hadi güzel bir iskeletin, yazılması gerektiği şekilde yazıldığında nasıl göründüğüne bir bakalım.

Mükemmel HTML nasıl görünür?
Mükemmel HTML nasıl görünür?

Resim, isterseniz bir kağıda çıktısını alıp, duvarınıza asabileceğiniz kadar büyük.

  • HTML5 – HTML5 hem yeni, hem de html’yi şu ana kadarki en güzel haline getirdi.
  • DOCTYPE – HTML5 ile beraber, doctype da inanılmaz sade ve güzel bir hale geldi.
  • Sekmeler – Kodlar, ana/çocuk ilişkisini açıkça gösterecek şekilde ayrılmalı ve sekmelenmeli.

Görsel Sunum Eklentisi: WebSlide

algoz | 11 September 2009 14:56

Web sayfalarında, farklı amaçlar ile hazırlanmış resim, fotoğraf, çizim vb. çeşitli görsel öğelerin sunumunu kolayca yapabilmeniz için bir arayüz sağlayan WebSlide, farklı tasarımı ile dikkat çekmekte.

Javascript ve Css ile hazırlanmış WebSlide, sunumu yapılmak istenen görseli, bir menü ile beraber web sayfasında görütüleyerek, ziyaretçilerin görseli, fare veya klavyedeki yön tuşları ile detaylı olarak inceyebilmelerine olanak tanımakta.

Sunucu taraflı herhangi bir yardıma ihtiyaç duymayan WebSlide’a, CSS ile çeşitli temalar da hazırlanabilmekte.

HTML 5 Geliyor! Biraz Önizleme yapalım…

admin | 23 July 2009 12:00

Bu makalede sizlere HTML 5’in yeni gelen özelliklerini tanıtmaya çalışacağım. Emin olun sizi tatmin edecek 🙂

1. Canvas :
Canvas elementi sayesinde artık web üzerinde resim çizdirebileceğiz. Bu resimler animasyon olabilecek, sürekli olarak kontrol edilebilecek. Üstelik canvas sayesinde web tabanlı oyunlar bile yapılabilecek. Buna şimdilik 3 tane örneğim bulunmakta :
http://canvex.lazyilluminati.com/
http://www.benjoffe.com/code/games/torus/
ve canvasla ilgili bulabileceğiniz bir ton örneklerle : http://www.canvasdemos.com/

HTML 5’e Merhaba Deyin!

algoz | 08 July 2009 11:53

Geçen hafta yayınlanan Friefox 3.5’e ait özellikler sıralanırken en dikkat çekici özelliklerden biri de HTML 5’i desteklemesiydi.

HTML 5’i bu kadar önemli kılan ise W3C’nin XHTML ile ilgili çalışmasını 2009 sonunda sonlandırması ve HTML 5’e yönelik olan kaynaklarını arttırması.

HTML 5 kullanılmaya hazır olmakla beraber şimdilik Opera, Safari ve Firefox’un güncel sürümleri desteklemekte.

header, footer, nav, video, audio gibi yeni tag’lerin de bulunduğu HTML 5 için hazırlanmış Cheat Sheet’e (PDF) buradan erişebilirsiniz.

firefox 3.5 ile web geliştiricileri sevinecek

basarozcan | 16 April 2009 18:52

Firefox 3.5 ile web geliştiricilerinin yüzü gülecek
Firefox 3.5 ile web geliştiricilerinin yüzü gülecek

Mozillatarafından geliştirilmekte olan Firefox 3.5 sürümü web geliştiricilerinin yüzünü güldürecek cinsten yenilikler ile gelmeye hazırlanıyor. Birçok gelişmekte olan web standartını destekleyecek biçimde piyasaya çıkacak olan Firefox 3.5, tasarımcıların hünerlerini sergileyebilmesi için birçok olanak sunacak.

Firefox 3.5 ile desteklenecek standartlar ve yapılacak yenilikler aşağıda listelendi.

HTML5 desteği
Daha önce yeni html5 tag’leri ve kullanım şekilleri yazısında belirtilen özelliklerin bir kısmı firefox 3.5 ile kullanılabilir olacak.

  • Audio ve video tag’leri desteklenecek.
  • Siteler arasında sürükle ve bırak (drag & drop) özelliği etkin olacak.

CSS cephesinde gelişmeler

  • @font-face desteklenecek. Sitelerdeki font’lar ziyaretçilerin bilgisayarlarına indirilip siteler her font ile sorunsuzca görünebilecek.
  • ::before ve ::after geliştirilecek
  • media sorgulamaları geliştirilecek
  • -moz-opacity desteği kalkacak. opacity özelliği eklenecek
  • text-shadow ile yazıları gölgelendirme desteklenecek
  • word-wrap özelliği eklenecek
  • ziyaretçinin bilgisayarında tanımlanan link bilgilerine ulaşım için -moz-nativehyperlinktext desteği gelecek
  • -moz-window-shadow desteği gelecek
  • -moz-transform desteği gelecek

Internet Explorer 8 Final

eburhan | 21 March 2009 10:24

internet-explorer-8

Internet Explorer 8, 20 Mart 2009 günü bütün dünyayla aynı anda Türkiye’de de hizmete sunuldu. Bu yeni sürüm, biz kullanıcıların güvenlik ihtiyaçlarına odaklanırken, yüksek performansı ve kolay kullanımıyla dikkatleri çekiyor. İşte 8. sürümle gelen en dikkat çekici özellikler:

  • Hızlandırıcılar: Bir web sayfasındaki herhangi bir kelimeye veya resme sağ tıklarsanız ekranda mavi bir simge beliriyor. Bu simgeye tıklayarak ilgili kelime/resim ile ilgili paylaşım seçeneklerine hızlıca erişebiliyorsunuz.

HTML5’te Semantikler

pinkfloyd | 01 March 2009 10:59

Bir öngörüde bulunacağım. Siz ve ben bu dünyadan göçtükten çok sonra bile HTML halen kullanılıyor olacak. Sırf bizim çağımızda arşivlenen milyarlarca sayfa değil, yaşayan ve nefes alan bir varlık olarak hayatını sürdürecek. Çok fazla gayret, enerji ve yatırım web’in araçlarına, protokollerine ve platformlarına harcandı.

Bizim buradaki sorumluluğumuzu düşünmeyi bir kenara bırakalım. Geçmişteki hatalar sebebiyle, uygarlığımızın yıllar boyunca birbirleri ile iletişim kurmak için kullanacakları önemli bir aracı geliştirmeye kendimizi adadık. Bu yüzden umursamadan ya da gerçekten umursayarak bu durumu kafamıza taktığımızda, HTML’yi iyileştirmek için, bugün verdiğimiz kararların sonuçlarının ne kadar ileriye dönük olacağını anlamamız gerekiyor.