Sławomir Jaro

Sławomir Jaro Student, PWSZ
Tarnobrzeg

Temat: Strony responsywne, kodowanie, program

Witam, jestem tutaj nowy i mam nadzieję, że mnie nie zjecie po tym poście. Zacznę od tego, że jestem webmasterem, wykonałem wiele stron. Znam html, php, mysql, umiem wykorzystywać JS i JQery. Także nie jestem nowicjuszem :) Aktualnie używam Photoshopa i EditPlus do tworzenia witryn. Chciałbym Was spytać czy istnieje jakiś program, który po pocięciu grafiki generuje divy? W photoshopie da się pociętą grafikę wygenerować w tabeli ale tak się już nie pisze stron.

Ogólnie poszukuje programu, który z projektu PSD pomoże mi go zakodować w divy, który ułatwi pracę aby każdego elementu nie dodawać ręcznie i pisać css, znacie to pewnie... Chciałbym też zapytać o narzędzie, które ułatwi pisanie stron responsywnych. Czytałem coś ostatnio, że Adobe wypuściło taką wtyczkę, używa ktoś? Macie jakieś inne patenty? Generalnie chodzi mi o to żeby po stworzeniu szablonu szybko i sprawnie wprowadzić witrynę w życie ;) Czekam na Wasze wypowiedzi z niecierpliwością.
Krzysztof N.

Krzysztof N. CEO. Aplikacje
internetowe i
mobilne. Symfony,
Zend.

Temat: Strony responsywne, kodowanie, program

Sławomir J.:
Witam, jestem tutaj nowy i mam nadzieję, że mnie nie zjecie po tym poście. Zacznę od tego, że jestem webmasterem, wykonałem wiele stron. Znam html, php, mysql, umiem wykorzystywać JS i JQery. Także nie jestem nowicjuszem :) Aktualnie używam Photoshopa i EditPlus do tworzenia witryn. Chciałbym Was spytać czy istnieje jakiś program, który po pocięciu grafiki generuje divy? W photoshopie da się pociętą grafikę wygenerować w tabeli ale tak się już nie pisze stron.
Witam sąsiada ;)
Oto jak obecnie kroi się projekty: http://webdesign.tutsplus.com/tutorials/create-a-sleek.... Więcej znajdziesz tutaj: https://www.google.pl/search?q=site%3Atutsplus.com+phot.... Dzięki temu uzyskujesz pełną kontrolę nad tym co znajduje się w HTMLu :]
Jacek H.

Jacek H. freelancer,
samodzielny twórca

Temat: Strony responsywne, kodowanie, program

Sławomir J.:
[..] W photoshopie da się pociętą grafikę wygenerować w
tabeli ale tak się już nie pisze stron.
[...]

tak poza wszystkim i na marginesie: nie wiem której wersji PS używasz, ale od wieków PS jak najbardziej potrafi generować ze slice'ów divy i to dość elastycznie, wystarczy pogrzebać w konfiguracji "Save for web". Dla w miarę prostych stron które robiłem wystarczało to aż nadto, a przy bardziej skomplikowanych makietach też, tylko trzeba było trochę pomyśleć nad układem, co i tak jest poniekąd wskazane ;-)
Oczywiście generowany kod wymaga zwykle ręcznych poprawek, ale są one dość banalne, zresztą nie wyobrażam sobie narzędzia które tą konieczność całkowicie wyeliminuje.Ten post został edytowany przez Autora dnia 27.07.14 o godzinie 10:32

Temat: Strony responsywne, kodowanie, program

Bawiłem się kiedyś pluginem do PS.
Na podstawie warst tworzył Ci html, nie jak slice w stockowym PS, tylko całą strukturę ( linki itd), postaram się poszukać.

Jednak przestrzegam przed tym, żaden plugin nie zrobi pro kodu.

Myślę,że zawsze jest lepiej jak piszesz kod od a do z.

Omówmy się, prosty kod napiszesz w 2 godziny ( validujący się poprawnie itd ) a jak kod będzie trudny, program się pogubi i i tak nic nie wyjdzie z tego.
Jacek H.

Jacek H. freelancer,
samodzielny twórca

Temat: Strony responsywne, kodowanie, program

zapewne piszesz o webbsy, bardzo interesujący plugin ale niestety płatny, a zresztą w istocie będący właściwie tylko rozszerzeniem funkcji znanych z "save for web". Są i darmowe pluginy, np cs3ps, całkiem miły przyrząd do generowanie przyzwoitego css z warstw, ale działający w chmurze (bardzo irytujące). Tym niemniej czasami może się rzeczywiście przydać.
Jednak -moim zdaniem, całkowicie subiektywnym- do prostszych prac powinien z nadmiarem wystarczyć sam PhotoShop, jeśli opanuje się obsługę "save for web" i ma pojęcie o dostosowaniu kodu do konkretnego projektu. Oczywiście można mieć predylekcję do bardziej wyrafinowanych i automagicznych narzędzi. Rzecz gustu.



Wyślij zaproszenie do