css+ html combined drawer gibi bir sey

[DoruK]

ya simdi bu divleri falan yaparken iki saat yaziyorum yok relative di yok su pozisyondaydi su boydaydi falan, test et geri don duzelt ohoo bi ton is

kesin vardir soyle sketchuptaki gibi divleri asagi yukari cekip boyunu pozisyonunu ayarlayacagimiz, wordde resim dragler gibi saga sola koyacagimiz, yanina koyunca soldakine yapistiracak falan. is guc emek acisindan 10 kat daha efficient yapacak bi program.

eskiden table vardi nuh nebi zamaninda dreamweaver acip cekistirirdik saga sola visual olarak boyutunu gormek, merge icin rowspani daha hizli yapmak icin onu hatirlarim, su an boyle kolay editor var mi?

[jonq]

Dreamviewer da da DIV leri çekiştirebilirsin. CSS konusunda gayet başarılı.

[Daemir]

aynen. dreamweaver dene

[arcane]

alternatif olarak framework, boilerplate gibi seyler de kullanabilirsin. div idaresini acayip kolay ve hizli hale getiriyorlar.

[toggie]

o is elle olmaz ya oyle cekistirmeyle. css'ten yazacaksın, uzun muzun ugrasıcan.
arcane'in dedigi olur en pratik. grid 360 falan bak, flexible layoutlar var artık haliyle. tablet, telefon, pc derken cozunurlukler herkes icin farklı.

[arcane]

grid bakma yalnız çok eski onlar. fix pixel olarak ayıran şeyler değil de % olarak width alanlar iyidir. bootstrap, foundation, boilerplate cart curt bir sürü alternatif var. html framework top 10 falan diye arat kısa kısa anlatan listeler çıkar :)

[mahoolmez]

bootstrap?

denmiş tamam

[toggie]

grid'in sayfasına girince zaten responsive istersen suraya bak seklinde link varmıs.
http://unsemantic.com/

[khazadum]

Dediğin şekilde programlar mevcut; http://www.webpage-maker.com
Resmi at, istediğin yere koy. Text alanı çiz istediğin yere koy. Ama bu program tamamen position: absolute; kullanarak yapıyor bütün işleri. O yüzden çok sağlıklı olduğunu söyleyemeyeceğim. Ama arkadaşların dediğine katılıyorum. Bir framework kullanmak hem responsive açısından hemde hızlılık açısından çok daha iyi olur.

Bir diğer tavsiye kullandığın IDE programının bu tip frameworklerle olan entegresi. Sublime Text ile bootstrap snippets kullanarak daha da hızlı hale getirebilirsin işlerini; http://limestrap.blogspot.com.tr/

[arcane]

grid ve 360 deyince işte o eski 360 pixellere falan gitti benim kafa :)

[uk]

En rahatı live preview yapan bir ide veya araç ile geliştirmek.

Ufak tefek değişiklikler için ise direkt developer tools yetiyor aslında..

+

Yukarıda da denmiş, öyle sürükle bırak mantığı olanlar position absolute cakip geçince responsive olması falan derken daha çok uğraştırır sanırım

[toggie]

arcane said:

grid ve 360 deyince işte o eski 360 pixellere falan gitti benim kafa :)

ya 360 da degil zaten 960 olacaktı neyse :p

[pulkas]

pinegrow macaw