DevProTalk

DevProTalk (http://www.devprotalk.com/index.php)
-   (X)HTML, JavaScript, DHTML, XML, CSS (http://www.devprotalk.com/forumdisplay.php?f=8)
-   -   CSS evolucija (http://www.devprotalk.com/showthread.php?t=1904)

Ilija Studen 25. 11. 2006. 21:31

CSS evolucija
 
Zanimljiv niz screenshotova koji pokazuju kako se od čistog markupa pravi jedan fin blogoliki dizajn. Finta je kada znaš u svakom momentu šta je uradio (uradila?) :)

http://ajaxian.com/archives/css-evolution

dee 25. 11. 2006. 21:40

dobra fora! :)

zgodno za vidit kako drugi razmisljaju dok razvijaju nesto...

bluesman 26. 11. 2006. 01:51

Neko od nas dvojice radi naopako :)

Ja prvo formatiram layout pa tek onda ubacujem sadržaj, a vidim da ovaj ima sadžaj koji onda formatira. Ja sam čak naučio "lorem ipsum" napamet :)

Dragi Tata 26. 11. 2006. 03:33

"
Error establishing a database connection
This either means that the username and password information in your wp-config.php file is incorrect or we can't contact the database server at ajaxian-db. This could mean your host's database server is down.

Are you sure you have the correct username and password?
Are you sure that you have typed the correct hostname?
Are you sure that the database server is running?
If you're unsure what these terms mean you should probably contact your host. If you still need help you can always visit the WordPress Support Forums.
"

srdjevic 26. 11. 2006. 04:32

Ja ne vidim server uopste... :-(

kalkulus 26. 11. 2006. 11:13

vrlo simpaticno

inace nije uopshte teshko videti shta radi izmedju slajdova, direktno vidish promene

dee 26. 11. 2006. 12:14

iako, sto rece bluesman, skroz cudan redoslijed... ja bi se izgubio za tri minute da tako prvo nabacam sav sadrzaj a tek onda formatiram layout...

Ilija Studen 26. 11. 2006. 12:42

Citat:

Originalno napisao bluesman
Neko od nas dvojice radi naopako :)

Ja prvo formatiram layout pa tek onda ubacujem sadržaj, a vidim da ovaj ima sadžaj koji onda formatira. Ja sam čak naučio "lorem ipsum" napamet :)

Radi ko kako mu odgovara. Recimo da uvek imam bolji osećaj dok radim layout kada imam sadržaj koji donekle odgovara budućem sadržaju. Samo kopiraš kod nekog teksta sa neta (za koji znaš da je dobro markupovan) ili šta već, pasteuješ i posle slažeš layout okolo.

Eniac 26. 11. 2006. 13:48

pa... slozio bih se i ja sa vama... ovomi nikako ne ide u glavu ali dobro :P

Ilija Studen 26. 11. 2006. 14:23

Citat:

Originalno napisao Eniac
ovomi nikako ne ide u glavu ali dobro :P

Gde gori?

Eniac 26. 11. 2006. 17:15

kako moze prvo sadrzaj da stavi... mislim super je to ali... nekako sam navikao da nikad nemam sadrzaj kod sebe... sto kaze cika blues znam lorem ipsum napamet :P

Ilija Studen 26. 11. 2006. 17:23

Kao što rekoh, svako nek radi kao što je navikao, ali... (primeti ali)

Nekako mi je logičnije da se u layoutu prikazuje sadržaj koji će se inače nalaziti u njemu tokom razvoja. Čisto da imaš osećaj o dužini stranice, formatiranju, kako se sve to uklapa itd. Npr, praviš layout za programerski blog: tu lorem ipsum ne leži jer obično imaš dosta listi, koda, teksta sa tonom linkova itd. Tada bi korišećenje nekog entriyja sa drugog programerskog bloga mnogo bolje leglo. Ili pak sekcija komentara na blogu - odeš na neki drugi blog i pokradeš sve komentare kao primer :)

Ne znam, nek radi kako je ko navikao. Meni je logičnije kada imam podatke koji će se nalaziti u samom layoutu ili tipom odgovaraju njima (naveden programerski post kao primer). Ako volite "golo" ili latinski samo napred.

PS: A o čemu mi teoretišemo :)

Eniac 26. 11. 2006. 17:30

Inache ok je to ali opet mozes isto to da uradis i za najdrazim Loremom :P

Citat:

Originalno napisao Ilija Studen

PS: A o čemu mi teoretišemo :)

Ma share the fun :P

Dragi Tata 26. 11. 2006. 21:02

Nije da se nešto previše bavim web dizajnom, ali meni je ovakav pristup (sadržaj pa css) jedino logičan. Npr, kad sam pravio ovo: http://utfcpp.sourceforge.net/ najpre sam samo iskucao sadržaj i odmah objavio stranicu, pa je sad doterujem kad nađem vremena (tj. nikad :D ).

Dragan Babić 26. 11. 2006. 21:50

Ja isto uvek krecem sa xHTML-om, pa onda kada sam zadovoljan strukturom i kolicinom/rasporedom elemenata i nomenklaturom onda tek krecem da pisem CSS.

bluesman 26. 11. 2006. 22:17

Citat:

Originalno napisao Dragi Tata
Nije da se nešto previše bavim web dizajnom, ali meni je ovakav pristup (sadržaj pa css) jedino logičan. Npr, kad sam pravio ovo: http://utfcpp.sourceforge.net/ najpre sam samo iskucao sadržaj i odmah objavio stranicu, pa je sad doterujem kad nađem vremena (tj. nikad :D ).

Jedini je problem što kada se "previše baviš web dizajnom" :) onda obično nemaš nikakav sadržaj osim instrukcija "mora da bude about us, news, feedback, contact...". Tako da i pored najbolje volje, jedini sadržaj na koji možeš da računaš je:

Citat:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed neque. Curabitur vehicula, dolor ut volutpat tincidunt, augue ligula lobortis elit, sed suscipit urna purus ac justo. Proin sit amet felis vitae dolor commodo consequat. Integer urna. Aliquam mattis. Fusce eu lorem. Mauris dui elit, cursus ac, laoreet at, semper id, mauris. Morbi porttitor justo. Vivamus pellentesque lacinia massa. Curabitur ultricies molestie nisi. Morbi tortor diam, mollis ut, auctor posuere, elementum a, nibh. Aenean placerat felis id erat. Morbi quis magna. Nullam malesuada, leo eu mattis blandit, lorem massa malesuada sem, vel elementum nulla felis in nisl. Pellentesque ornare orci tincidunt metus. Donec ligula massa, molestie aliquet, molestie at, adipiscing quis, enim. Suspendisse sem nulla, laoreet nec, aliquet eget, dignissim non, arcu. In dolor nibh, vulputate varius, congue nec, dignissim sed, orci.

oliver 26. 11. 2006. 22:39

a, ja vas nista ne kapiram :)

tacnije, cini mi se da jedino na kapiram dee-a, koji izgleda odradi layout bez sadrzaja (pod "sadrzaj" ja podrazumijevam bilo da se radi o "lorem ipsum..." ili postojecem, "stvarnom" sadrzaju) :)

sto se tice ostalih, izgleda da je doslo do zabune jer izgleda da jedni "lorem ipsum" ne smatraju sadrzajem, a drugi misle da ovi prvi rade bez icega (kao dee) iako i jedni i drugi imaju nekakav tekst koji sminkaju. a? :)

dee 27. 11. 2006. 04:44

:)

ja koliko vidim, lik je ovdje nabaco sav sadrzaj odjednom a onda ga formatiro. ja radim drugacije, npr:

- stavim glavni kontejner
- stavim container headera
- napunim sadrzajem /slika, tekst, sta li/
- stavim u njega kontejner sadrzaja
- napunim ga tekstom
- stavim kontejner navigacije
- napunim ga sadrzajem
.
.
.

poanta je, ne stavim nikad odjednom sav sadrzaj pa onda formatiranje nego prvo slozim element u kojem ce nesto stajat, a onda ga popunjavam...dal lore ipsumom (iako, radije sto Ilija kaze, uzimam nesto formatom slicno sadrzaju koji ce bit) il necim drugim, nebitno... al u svakom slucaju, ne sav sadrzaj pa onda sav format nego korak po korak

ivanhoe 27. 11. 2006. 09:45

^^ pa mislim da vecina nas tako radi... prvo formatiras kontejnere, pa tek onda sadrzaj.. programerski receno radi se dodavanje CSS-a obilaskom DOM stabla po sirini :D

LiquidBrain 27. 11. 2006. 11:06

Off Topic: Moj kontejner ispred zgrade su jutros isprazniloi komunalci :)

dee 27. 11. 2006. 11:12

Off Topic: jel imo float pa iso preko reda ili su dosli do njega po normal flow.u?

LiquidBrain 27. 11. 2006. 12:34

Off Topic: regularan execution flow, za sada sve funkcije i moduli programa u komunalcu rade :)

chesare 27. 11. 2006. 12:48

Off Topic: Jel sa Windowsa izgledao isto kao i kad si posmatrao sa terase?

noviKorisnik 27. 11. 2006. 13:03

Off Topic:
Off Topic:
Off Topic:
Off Topic: totani
Off Topic:
Off Topic:
Off Topic: offtopic

oliver 27. 11. 2006. 13:48

Off Topic: Syntax error at line 4, post#24

milano 27. 11. 2006. 15:16

Meni je ovakav pristup veoma logican, s tim da ja ne ubacujem sav sadrzaj odjednom nego element po element, znaci npr ubacim ime sajta tj logo pa ga formatiram preko cssa, ondak navigacija pa css za navigaciju ...

modeus 03. 12. 2006. 17:25

Ja imam screen-ove u photoshop-u za svaki moguci template projekta, tako da znam koliko ce sta uzimati. Uvek radim paralelno: sadrzaj i dizajn ali ovim redosledom:
1. header
2. sidebar
3. content
4. footer

aleck 04. 12. 2006. 17:01

Citat:

Originalno napisao dee
iako, sto rece bluesman, skroz cudan redoslijed... ja bi se izgubio za tri minute da tako prvo nabacam sav sadrzaj a tek onda formatiram layout...

Ovaj...a šta dizajnirate vas dvojica ako nemate nikakav sadržaj? Vazduh ili beli papir? :1016:

modeus 04. 12. 2006. 17:08

Citat:

Originalno napisao aleck
Ovaj...a šta dizajnirate vas dvojica ako nemate nikakav sadržaj? Vazduh ili beli papir? :1016:

Ne razumem?

dee 04. 12. 2006. 17:19

Citat:

Originalno napisao aleck
Ovaj...a šta dizajnirate vas dvojica ako nemate nikakav sadržaj? Vazduh ili beli papir? :1016:

maglu :D

oliver 04. 12. 2006. 19:49

Citat:

Originalno napisao modeus
Ne razumem?

pa, rekose da rade markup bez sadrzaja, a ni meni to nije jasno kako ide :)

dee 04. 12. 2006. 20:22

cek, jel ovo skrivena kamera koju ne kontam ili?... :)

gdje je ovdje markup bez sadrzaja? :D

Citat:

Originalno napisao dee
:)

ja koliko vidim, lik je ovdje nabaco sav sadrzaj odjednom a onda ga formatiro. ja radim drugacije, npr:

- stavim glavni kontejner
- stavim container headera
- napunim sadrzajem /slika, tekst, sta li/
- stavim u njega kontejner sadrzaja
- napunim ga tekstom
- stavim kontejner navigacije
- napunim ga sadrzajem
.
.
.

poanta je, ne stavim nikad odjednom sav sadrzaj pa onda formatiranje nego prvo slozim element u kojem ce nesto stajat, a onda ga popunjavam...dal lore ipsumom (iako, radije sto Ilija kaze, uzimam nesto formatom slicno sadrzaju koji ce bit) il necim drugim, nebitno... al u svakom slucaju, ne sav sadrzaj pa onda sav format nego korak po korak


rekoh da ne radim sav sadrzaj pa sav CSS nego element po element (sa sadrzajem pojedinog elementa, naravno) :)

aleck 11. 12. 2006. 16:33

Citat:

Originalno napisao dee
rekoh da ne radim sav sadrzaj pa sav CSS nego element po element (sa sadrzajem pojedinog elementa, naravno) :)

Ja kad god mogu, radim drugačije, tj. upravo kao ovaj lik iz animacije. Prvo stavim kompletan sadržaj na stranu, a onda razmišljam o kombinovanju u celine i dizajnu.


Vreme je GMT +2. Trenutno vreme je 16:37.

Powered by vBulletin® Verzija 3.6.8
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright © DevProTalk. All Rights Reserved.

Mišljenja, saveti, izjave, ponude ili druge informacije ili sadržaji nastali na Sajtu su vlasništvo onoga ko ih je kreirao, a ne DevProTalk.com, tako da ne morate da se oslanjate na njih.
Autori poruka su jedini odgovorni za ovakve sadržaje. DevProTalk.com ne garantuje tačnost, kompletnost ili upotrebnu vrednost informacija, stavova, saveta ili datih izjava. Ne postoje uslovi pod kojima bi mi bili odgovorni za štetu ili gubitak koji je posledica bilo čijeg oslanjanja na nepouzdane informacije, ili bilo kakve informacije nastale kroz komunikaciju između registrovanih članova.
Web sajt može sadržavati linkove na druge web sajtove na Internetu ili neke druge sadržaje. Ne kontrolišemo niti podržavamo te druge web sajtove, niti smo pregledali bilo kakve sadržaje na takvim sajtovima. Mi nećemo biti odgovorni za legalnost, tačnost ili prikladnost bilo kog sadržaja, oglasa, proizvoda, usluga ili informacije lociranim na ili distribuiranih kroz druge web sajtove, niti za bilo kakvu štetu nastalu kao posledica takvih informacija. DevProTalk.com drži i čuva druga prava vlasništva na web sajtu. Web sajt sadrže materijale zaštićene copyright-om, zaštitne znakove i druge informacije o pravu vlasništva ili softver. Članovi mogu poslatu informacije zaštićene pravima vlasništva njihovih nosilaca i ona ostaju zaštićena bez obzira da li su oni koji prenose te informacije to naveli ili ne. Osim informacija koje su u javnom vlasništvu ili za koje dobijete dozvolu, nemate pravo da kopirate, modifikujete ili na bilo koji način menjate, objavljujete, prenosite, distribuirate, izvršavate, prikazujete ili prodajte bilo koju informaciju zaštićenu pravima vlasništva. Slanjem informacija ili sadržaja na bilo koji deo DevProTalk.com, Vi automatski dozvoljavate i predstavljate garanciju da imate pravo da dozvolite DevProTalk.com ili članovima DevProTalk.com bespovratnu, kontinualnu, neograničenu, globalnu dozvolu da koriste, kopiraju, izvršavaju, prikazuju i distribuiraju takve informacije i sadržaje i da iz takvih sadžaja koriste bilo koji deo u bilo koje svrhe, kao i pravo i dozvolu da koriste gore navedene sadržaje. Svi zaštitni znakovi (trademarks), logotipi, oznake usluga, firme ili imena proizvoda koji se pominju na ovom web sajtu su vlasništvo kojim raspolažu njihovi vlasnici.