[megoldva] webhely arculattervének leképezése HTML+CSS fájlokká

Internet: PHP, CGI, stb.

Milyen linuxos eszközt javasoltok arra, hogy egy dizájner által gyártott weblapkinézet-képsorból HTML+CSS fájlokat gyártsak? Hallottam a 960 grid eszközről - érdemes elindulni errefelé? Fontosabb lenne a jó módszer megtanulása, mint a gyors eredmény.

  • 82242 megtekintés

Programíráshoz én is a geanyt használom :-), de a kérdésem pont arra vonatkozott, hogy a [kézilegSzerkesztem + böngészőbenNézem] ciklust lehet-e valahogy hatékonyabbá tenni. (Elfogadom azt is, hogy nem lehet, csak lusta ember lévén szeretném nem én feltalálni a spanyolviaszt.)

vannak toolok, de ha a designer nem alkalmazkodott ahhoz, hogy lefedje a tool követelményeit, akkor esélytelen, marad a geany/vi/mcedit/notepad + alttabböngészőtfigyelem dolog;)
A ciklust úgy lehet hatékonyabbá tenni, hogy van kellő tapasztalatod, akkor már nem soronként dobódik az "alttabböngyészőfigyelővisszaalttab" event;)

ahh, értelek;)
Akkor marad az, a grid rendszernek az alapfeltétele az, hogy a designer "grid"-ekben gondolkodjon és aszerint alkosson. Ha valahol bukik a dolog, akkor egyszerűen lehetetlen megcsinálni benne.
Egyébként vannak nagyon jó és jól bevállt gyakorlatok arra, hogyan lehet a leggyorsabban felhúzni egy designt (three step css, stb.), amivel rettentő gyorsan lehet haladni, csak egy kis szemléletváltás kell hozzá;)

google://css+reloader+bookmarklet - sokat segit, ha meg nem allt ra a kezed az F5-re :)

a html es css irasahoz pedig erosen ajanlott a zen coding, ha geany-t hasznalsz, akkor: egyik, masik ajanlott kiegeszitok

kodirashoz en spec attertem a sublime editorra, tisztabb, szarazabb, biztonsagosabb erzes :)

--
x-plane :: hu

Azta, ez a sublime ténlyeg nagyon durva. Igaz a mottója: "The text editor you'll fall in love with". Annyira szeretem ezt a nem-világít-az-agyamba-fehérrel színvilágot! Meg ott jobb szélen a "térkép"... Már ezért megérte, hogy feltettem itt ezt a kérdést!

Ez a css reloader nem világos, és míg meg nem értem, nem akarom feltenni. Állandóan frissítget, vagy figyeli a css fájlok változását, és akkor frissít?

css reloadnál egyébként egyszerűbb közvetlen a memóriában lévőt szerkeszteni;)
Én az elmúlt X site-ot úgy kódoltam le, hogy az elképzelés alapján felépítettem a HTML részt, majd firebug-ban megírtam a css részét. Az eredmény: nem kell görcsölni hogy jajj, még ez, még az, még amaz, css részről pedig azonnal látod a változást, még csak reload sem kell;)

( Dacr (nem ellenőrzött) | 2012. 05. 08., k – 19:10 )

Bluefisht hasznalok alapvetoen, akad benne par hasznos tool. Hagyomanyos nezem a bongeszot megoldas. Automatizalni csak azt lehet, ami "szabalyos", a designok nagy resze nem az. Gyakorlassal a manualis modszer is gyorsan fog menni ;)
Gimpben amugy mintha lenne valami ilyen szeletelo plugin, soha nem hasznaltam, igy nem tudom, mennyire hatekony.
--
zsebHUP-ot használok!

mert magában a designban vannak ismétlődő elemek, illetve rengeteg holt terület, mégtöbb olyan dolog, amit manapság már css3-al célszerűbb reprodukálni, stb.
Vagyis komplett designt sprite-ként használni egyszerűen overkill, nem is erre van kitalálva a dolog.

Nem kell gondolatot olvasni, egyszerűen érteni kell hozzá legalább egy kicsit. Akkor értenéd hogy mit mondok azon elv alatt, hogy valamit kép helyett css-ben megcsinálni, egész design-t miért nem rakunk be képként és hogy a sprite miért jó (amivel egész közel jártál, de overkill lett a vége)

( Dacr (nem ellenőrzött) | 2012. 05. 09., sze – 00:02 )

(törölve, mert duplán ment be)

( CrushTestDummy | 2012. 05. 09., sze – 10:34 )

A címed kellőképpen félrevezető, ennek semmi köze az arculattervezéshez.

Mielőtt ellát mindenki okosságokkal, jó lenne tudni valamit az elkészült műremekekről. Mert a képek ismeretének hiányában elég necces tippeket adni, elvégre nem tudjuk mennyire tartotta be dizájner őfelsége a használhatósági elveket. Gondolok itt néminemű szimmetriára, minták ismétlődésére, stb.

De egy apróság: használj css reset-et! Jó egy hozzávetőlegesen egységes kiindulási alap ennyi böngészőnél...

Az arculattervezés merőben más dolog, mint amiről beszélsz. Nézz utána a "corporate identity" kulcsszavaknak (ne a hirdetéseknek hanem a tényleges szakanyagnak) és rájössz, hogy ez a szakma és tudományterület merőben túlmutat egy weboldal tervezésén - elkészítésén. Ezért reklamáltam, nem pediglen azért, mert nem te rajzoltad a dolgokat...

*szerk
De hogy produktívabb is legyek: ha nem vagy köteles pixelről pixelre lemásolni a fenti képet, akkor ez mondjuk teljesen alkalmas akár egy 960gs-re történő igazításra.

( cherockee v | 2012. 05. 09., sze – 19:14 )

a képre ránézve, bootstrap-el is jól meglennél ennél a munkánál...960.gs-hez képest ugyan vannak benne felesleges webapp stílusok, de pl a thumbnail-ek caption-el elő vannak készítve, nagyon hasonlóan, mint ahogy neked kellenek.