PSD to HTML, CSS

annunaki

Well-known member
  • Sep 7, 2012
    1,848
    232
    63
    මට UI එකක් PS වලින් Design කරගන්න පුලුවන් හොදටම. දැන් මට කරගන්න ඔනි Design කරන UI, HTML CSS වලට convert කරගන්න. කවුරු හරි මේ ගැන දන්න කෙනෙක් පොඩි support එකක් දෙන්නකො වැඩෙ ඉගෙන ගන්න. Tutorials ටිකක් නම් එලකිරි

    psd-to-html-development.png

     
    මචන් උඹ කරපු ඩිසයින් එකක් දාපන් බලන්න. ඊට පස්සේ මම උඹට කියන්නම් පියවරෙන් පියවර ඒක HTML, CSS පාවිච්චි කරලා කන්වර්ට් කරන විදිය. මම හිතනවා උඹට HTML, CSS සාමාන්‍ය දැනුමක් හරි තියෙනවා කියලා. දැනට මට උඹේ ඩිසයින් එකක් දාපන්කෝ.
     

    Malinga

    Well-known member
  • Jul 20, 2006
    61,301
    1,013
    113
    mukuth danumak nathinum HTML ha CSS gana mulin igena ganna.

    eeta amatharava Javascript wage igena ganna puluvannum vadiya hondai.

    HTML, CSS wage igena gaththata passe Bootstrap wage ekak igena ganna puluvan. ethakota leesiyen oya wage UI ekak design karaganna puluvan.

    mulika danumak sandaha me course 3 hondai.

    https://www.lynda.com/Web-Design-tutorials/Web-Design-Fundamentals/177837-2.html
    https://www.lynda.com/HTML-tutorials/HTML-Essential-Training/170427-2.html
    https://www.lynda.com/CSS-tutorials/CSS-Fundamentals/417645-2.html

    net eke thiyenava download karanna oova

    eeta passe ithin advanced igena ganna puluvan deeval thiyenava.
     

    annunaki

    Well-known member
  • Sep 7, 2012
    1,848
    232
    63
    Dan uba design karapu grid eka n layout size eka mokadda kiyapanko,..

    grid ? layout ?

    මචන් උඹ කරපු ඩිසයින් එකක් දාපන් බලන්න. ඊට පස්සේ මම උඹට කියන්නම් පියවරෙන් පියවර ඒක HTML, CSS පාවිච්චි කරලා කන්වර්ට් කරන විදිය. මම හිතනවා උඹට HTML, CSS සාමාන්‍ය දැනුමක් හරි තියෙනවා කියලා. දැනට මට උඹේ ඩිසයින් එකක් දාපන්කෝ.

    html css basic awulak na bootstrap uth basics shape tikak withara
    Artboard_1.png

    Artboard_1.png

    countdown.png
     

    I love JS

    Well-known member
  • Feb 23, 2016
    4,447
    375
    83
    na bn mama windows sketch na ne PS walin nikan balagena design kare bn resolution ekata artboard ekak aran

    PS use karanna epa machan, "adobe xd" use karapan UI design walata :yes: eke thiyenawa grid/n layout size hadanna :yes: grid ekak nathuwa design karala wadak na.. BTW ube design hodai :yes:
     

    annunaki

    Well-known member
  • Sep 7, 2012
    1,848
    232
    63
    PS use karanna epa machan, "adobe xd" use karapan UI design walata :yes: eke thiyenawa grid/n layout size hadanna :yes: grid ekak nathuwa design karala wadak na.. BTW ube design hodai :yes:

    dribbler thamayi follow kare mchng uba kalin thread ekaka qwa wage freecodecamp eketh wada tika karagena yanwa shape eke
     

    I love JS

    Well-known member
  • Feb 23, 2016
    4,447
    375
    83
    dribbler thamayi follow kare mchng uba kalin thread ekaka qwa wage freecodecamp eketh wada tika karagena yanwa shape eke

    ela machan :yes: eth grid ekakata design karanna.. nathnam machan layout eka code karaddi saaaahena loku amaruwaka watenawa.. Sketch nathi nisa XD use karanna.. dribbble ekkama SiteUp ekath follow karanna :yes:

    Good luck machan

    https://site.uplabs.com/
     

    annunaki

    Well-known member
  • Sep 7, 2012
    1,848
    232
    63
    PS use karanna epa machan, "adobe xd" use karapan UI design walata :yes: eke thiyenawa grid/n layout size hadanna :yes: grid ekak nathuwa design karala wadak na.. BTW ube design hodai :yes:

    ela machan :yes: eth grid ekakata design karanna.. nathnam machan layout eka code karaddi saaaahena loku amaruwaka watenawa.. Sketch nathi nisa XD use karanna.. dribbble ekkama SiteUp ekath follow karanna :yes:

    Good luck machan

    https://site.uplabs.com/

    ela ela thanks mchng XD eken karanna oni ilagata karana tika