Psd'den Html'e Dersleri Kolleksiyonu (Psd to Css)

Psd to Css, Psd to Html Dersleri

SelamunAleyküm, Psd to Html veya Psd to Css (türkçe psdden cssye diyebiliriz) terimleri bilenler için oldukça popüler son senelerde ve bu konu ile ilgili döküman sayısı eskisine oranla baya bir artmış durumda.



Bu artışla beraber aranılan içeriğe bir yerden ulaşılabilmesi için hepsi bir arada tarzında bu konuyu hazırladım. Umarım işinize yarar.

Tabi google'a girip psd to css yazarakta çoğuna ulaşabilirsiniz ama gözüme çarpanları burada bir araya toplamaya çalışacağım.

30 Hands-on Tutorials for PSD to HTML Conversion

20+ Best PSD to XHTMLCSS Tutorials

Awesome Convert Blog Layout PSD to HTML/CSS Tutorials

15 Best PSD to HTML/CSS Tutorials for Web Designers

43 PSD to XHTML, CSS Tutorials Creating Web Layouts And Navigation

30+ Best PSD to HTML/CSS Conversion Tutorials

30 Easy To Understand PSD To HTML/CSS Tutorials

30 Tutorials On Converting A PSD To XHTML And CSS

20 Illustrative PSD to XHTML/CSS Tutorials

20+ Best PSD to XHTML/CSS Tutorials

A Collection of PSD to Html Conversion Tutorials

50 Best PSD To HTML Tutorials Of All Times

40 PSD to XHTML, CSS Tutorials to Create Web Layouts

20+ Best Tutorials to Convert Psd to Html/CSS

10 Best PSD to XHTML/CSS Tutorials

35 Most Useful PSD to HTML/CSS Conversion Tutorials

10 excellent PSD to HTML/CSS tutorials

9 Articles And Tutorials To Learn PSD To HTML Conversion

Hemen hemen hepsinde benzer konular mevcut ve çoğu kaynakda bunlar arasında.

Tabi daha sıkı bir aramayla daha güncel psd to css konuları yakalanabilinir.

Selamlar.

Psd to Html Css Dersleri

Psd to Css Dersleri

Selamlar bu yazımızda Psd to Css yani photoshop veya benzeri bir yazılımla hazırladığınız web arayüzünü html css formatında kullanıma hazır bir web sayfasına çevirmenizi sağlayacak dersleri bir araya toplamaya çalıştık.

Daha önce yayınladığımız psd to html yazımızıda inceleyebilirsiniz ve bir diğer psd to html yazısını.



 



Aşağıda ingilizce anlatımlı psd to html & css derslerini bulabilirsiniz.

1. Code a Modern Design Studio from PSD to HTML


2. PSD/HTML Conversion: Code a Clean Business Website Design


3. Minimal and Modern Layout: PSD to XHTML/CSS Conversion


4. How to Code a Grunge Web Design from Scratch


5. Design and Code a Slick Website from Scratch


6. Code a Corporate Website from a Photoshop Design: PSD to HTML Tutorial


7. From PSD to HTML: Building a Set of Website Designs Step by Step


8. How to Code a Clean Portfolio Design (Plus Free Five-Page Template)


9. The Design Lab: PSD Conversion


10. Coding Up a Web Design Concept into HTML & CSS


11. How to Code up a Web Design from PSD to HTML


12. From PSD to HTML the easy way – Using Ultimate CSS Framework


13. Code a Vibrant Professional Web Design with HTML5/CSS3


14. Creating a Simple Photo Site — From PSD to HTML/CSS


15. Designing a highly-professional website, from the sketch to the code


16. PSD to HTML/CSS: Design, Slice & Code!


17. Convert Burnstudio from PSD to HTML [Very Detailed]


18. Convert 1stDelicious Portfolio Layout From PSD to HTML [Very Detailed]


19. Converting Dezign Folio From PSD to HTML [Very Detailed]


20. Brilliante Blog Layout – Coding The PSD File Into CSS and HTML


21. Convert Business PSD template to HTML/CSS tutorial


22. How to Code a Clean Minimalist HTML CSS Website Layout

Birde bu var:  50 en iyi psd to xhtml css çeviri dersi

 

Video Dersler - Görüntülü Anlatımlar

Slice and Export a Website Layout + HTML: Photoshop Tutorial!
http://www.youtube.com/watch?v=DVfxe4pqvo8

 

Photoshop Slices & HTML / CSS Coding Tutorial Part 1

http://www.youtube.com/watch?v=VD1Ha9aJNqs

 
PSD to HTML Part 1 - Toplam 6 bölümden oluşuyor
http://www.youtube.com/watch?v=IKeg1nhe-wE

 
Photoshop Tip: PSD to HTML made easy!
http://www.youtube.com/watch?v=5ch2kgc5DD0

Psd’den Html’e / Psd to Html

Selamlar,

Evet konuya hızlıca girersek eğer, siz tasarlayın biz kodlayalım tarzı siteler Türkiye’de pek yaygın olmasada son yıllarda tasarımların kodlanmasına yönelik bu tip sitelerin sayısı oldukça artmış durumda.



Bunlara;
Psd to Html / Xhtml - You design we code - Your design our code gibi arama sözcükleriyle ulaşmanız mümkün.
Yinede bu sitelere toplu halde ulaşımı sağlama adına bir liste hazırlamayı uygun gördük.

güncelleme: ne yazık ki yeni sisteme geçmemiz nedeni ile bu konuyu şimdilik bu şekilde yayınlayabiliyoruz.

ek: konunun doğru düzgün olanı ;)

Psd'den Html'e / Psd to Html

Selamlar,

Evet konuya hızlıca girersek eğer, siz tasarlayın biz kodlayalım tarzı siteler Türkiye'de pek yaygın olmasada son yıllarda tasarımların kodlanmasına yönelik bu tip sitelerin sayısı oldukça artmış durumda.

Bunlara;
Psd to Html / Xhtml - You design we code - Your design our code gibi arama sözcükleriyle ulaşmanız mümkün.

Yinede bu sitelere toplu halde ulaşımı sağlama adına bir liste hazırlamayı uygun gördük. Ancak belirtmek isterim ki bu listedekilerin hiç biriyle çalışma fırsatımız olmadı. O yüzden güvenirliliklerine dair bir izlenimimiz bulunmamakta.

http://www.psd2html.com/
http://www.xhtmlmaster.com/
http://www.xhtmlteam.com/
http://wellcodeit.com/
http://www.xhtmlmagic.com/
http://cssrockstars.com/
http://www.xhtmlit.com
http://www.deslice.com/
http://www.xhtmlized.com/
http://xhtmlslicer.com/
https://w3-markup.com



Türkiye'den http://www.xhtmlmutfagi.com/ vardı böyle bir proje yürüten fakat son zamanlarda siteleri kapalıydı ve bugün farkettiğim kadarıyla site http://www.xhtmlkitchen.com/ adresine yönlendirilmiş.
Sanırım ingilizce olarak küresel bir düşünce ile dünyaya hitap etmeyi planlıyorlar. Kendilerine bu konuda başarılar diliyoruz.
Yalnız küresel platformda fiyatlar daha makul acaba indirimemi gidecekler yoksa referanslarla kaliteye mi vurgu yapacaklar merak ediyorum.

Yukarıdaki sen tasarla biz kodlayalım sitelerinden çoğu psd den koda gibi bir çağrışımdan yola çıksalarda cms/blog sistemler içinde kodlama işleri yapmaktalar. Ama bunlar dışında cms/blog sistemi kullanıcılarının tasarımlarını kodlamaya yönelik stratejiyi biraz daha belirgin kullananlarda var.

http://wpcoder.com/
http://loreleiwebdesign.com/
http://ndzynes.com
http://www.themeninja.com/
http://www.joomgroup.com/

Şimdilik liste bu kadar ileride yine eklemelerde bulunacağız.
Sizinde aklınıza gelenleri belirtirseniz listeyi genişletebiliriz.