CSS Editörleri | Fatih Hayrioğlu'nun Not Defteri

Bu yazı eskidi. Yenisini yazdım yenisini okumak için tıklayınız.

Kendinize hala CSS için hangi editörü kurmalıyım diye soruyorsanız işte size cevap

Metin Editörleri

Eğer ben bu iş için ayrıca bir program kurmak istemiyorum. Zaten o kadar da kullanmıyorum. Ayrıca böyle hızlı oluyor diyorsanız. İşte size CSS yazabileceğiniz editörler.

• Windows için NotePad veya WordPad
• MacOs için TextEdit
• Linux için vi, vim veya emacs

Ancak şunu da belirtmeliyim ki bu editörlerden fazla bir özellik beklemeyin.

Stil Dosyası Editörleri

Bu editörler sadece css yazmak için üretilen programlardır. Başlangıç seviyesi için kullanışlıdır. Kod yazmanız için size kolaylık sağlayan özellikleri mevcuttur. Örneğin kodlarınız renklendirme, kodlara hızlı erişim vb.

• Windows için TopStyle http://www.bradsoft.com/topstyle/
• Windows ve Mac OS X için Style Masterhttp://www.westciv.com/style_master/
• Mac OS X CSSEdit http://www.macrabbit.com/cssedit/

HTML ve Web Programlama Editörleri

İşin aslı bir çok kullanıcı css yazmak için bu editörleri tercih etmektedir. Web kodlamacıları için gereken tüm araçları içermeleri, css kodlama da yardımcı özellikleri, kod düzeltme gibi bir çok özelliği barındırmalarından dolayı çoğu web kodlamacısı bu editörleri tercih etmektedir.

• Windows için Microsoft FrontPagehttp://www.microsoft.com/frontpage
• Windows and Mac OS X Macromedia Dreamweaverhttp://www.macromedia.com/software/dreamweaver/
• Windows için CoffeeCup HTML Editorhttp://www.coffeecup.com/editor/
• Mac OS X için BBEdithttp://www.barebones.com/products/bbedit/
• Son olarak Microsft'un yeni gözdesi Microsoft® Expressionhttp://www.microsoft.com/products/expression/

Ben Macromedia Dreamweaver kullanıyorum :D

Biz burda sizlere genel editörleri sunduk bunların dışında bir çok editör daha mevcuttur.

Read more

2025'te Favicon Rehberi: SVG Desteği ile Yeni Dönem

Sene olmuş 2025 biz hala favicon ekleme konusunu yazıyoruz. Bu konuyu yazmamın nedeni Apple'ın henüz beta sürümü olan 26 ile birlikte SVG favicon desteğini geliyor oluşu. Bu vesileyle bilgileri tazelemekte fayda var. favicon, web sitelerinin tarayıcının sayfa, sekme ve yerimi kısmında gösterilen küçük simgelerdir. Aslında favori ikon dosyaları

CSS'de lightdark() fonksiyonuyla kolayca koyu / açık mod yazımı

Bir önceki yazımda bahsettiğim gibi CSS'in yeni özelliklerinin bazıları çığır açan özellikler, bazıları kulllanıcı deneyimini iyileştirme yönünde özellikler bazıları da lightdark() fonksiyonu gibi yazım kolaylığı sağlayan özellikler. lightdark() fonksiyonu mevcut uyumlu web yazımındaki büyük sorun olan aşağıdaki kullanımı daha anlaşılır ve düzenli hale getirmeye yarıyor. :root { color-scheme: light

Tarayıcı geliştirici araçlarında yakınlaştırma ve uzaklaştırma yapmak

Yaşlandıkça böyle ihtiyaçlar doğuyor galiba. Belki ihtiyacı olan olur diye buraya not edeyim. Chrome Dev Tools gibi araçlarda başlangıçtaki görünüm küçük kalabiliyor. Benim için küçük mesela :) Yazı boyutlarını büyütmek için Cmd + +  and  Cmd + - (Windows'ta Cmd yerine Ctrl kullanın). Ancak bu kısayol İngilizce klavye için Türkçe klavyelerde bunu

field-sizing özelliği

CSS'in yeni özellikleri bazen çığır açan nitelikte (anchor positioning, :has() seçicisi, vb.) olurken bazen yazıma yardımcı kurallar (iç içe yazım, @property) oluyor bazen de genel kullanılan kullanıcı deneyimi arttırıcı özellikleri oluyor. field-size özelliği genel kullanıcı deneyimini arttırıcı bir özellik. field-size özelliği genelde javascript ile çözdüğümüz bir ihtiyacı karşılıyor.