web-designer Work Flow For Beginner

16:17 Bharat modi 9 Comments




Hello Guys today I m gonna Share something for beginners & learning enthusiast like me.

 this Article  Tutorial is about the Responsive Webdesign and Psd To html Conversion.

 Now Days The Bootstrap is more popular for rapid Responsive website development.

 For Beginners i would advice start with Grid System after you have understanding about html , css & Bit J query Stuff.

 there are lots-off grid system available from traditional to modern foundation grid systems.

 Traditional Grid Systems

 1 .  960 Grid From http://960.gs/ 
2 .  Responsive Grid Systems  From  http://www.responsivegridsystem.com  
3.  1200px Grid From                 http://1200px.com/
4.  Golden Ratio Grid System    http://www.jonikorpi.com/golden-grid-system/
5. Modular Grid               http://www.thinkingwithtype.com/contents/grid/#Project:_Modular_Grid
New & PowerFull Grid System

 1.  Bootstrap               http://getbootstrap.com/
2.  Foundation Zurb   http://foundation.zurb.com/
3. Skeleton                  http://getskeleton.com/
4. CssWizadry Grid   http://csswizardry.com/csswizardry-grids/
5. lamonade grid         http://lemonade.im/

 start Exploring and engage with your most comfortable grid system.
After mastering any grid system you have power of responsive webdesign & you also can make your own grid system as well.

 next i m gonna show you some Video Tuts Which help You To understand Psd To Html With Bootstrap Frame work Step By step.
Create Psd Design Of your Website.







Start writing markup and css
    





Check Responsiveness and Implement Design.


and You Nailed It.

 after That make Sure You validate Your code here.     .https://validator.w3.org
Follow Best Css practices  here   https://css-tricks.com
Next Step is Learn Sass,Less  For optimize Your Css   Here  http://sass-lang.com

 For Windows install sass , less Compiler          http://koala-app.com/

 Mac You can Use      Scout  & codekit              http://mhs.github.io/scout-app/
                                                                            https://incident57.com/codekit/

You can Read site Optimization More Here!
http://www.techfistblog.in/2015/08/how-to-speed-up-your-website.html
if You have any confusion  , suggestion  please drop us in  a comment .



     Thank you For Reading .
If you like It please share & spread the word.







9 comments:

  1. Unknown12 February 2016 at 16:05

    These all are notable facts… I stick with responsive website design for my business. With the mobile marketing is at its peak stage, having website that goes comfy on all devices will help your business. You can check my website for more details on the importance of responsive website design. PHP Training Institute in Chennai | Best PHP training in Chennai | PHP Training Institute in Chennai

    ReplyDelete
  2. Jackson25 April 2016 at 15:32

    Option of a cloud hosting company starts with comprehending specific requirements. It is vital to be familiar with exactly what you desire from your site and hosting service. Discount Coupon

    ReplyDelete
  3. Unknown29 November 2017 at 06:10

    Thank you very much for this web design guides!!

    ReplyDelete
  4. mani30 November 2018 at 13:52

    The information that you have shared was really very useful and looks great to see and thanks for sharing the information with us.

    website builder for reseller

    ReplyDelete
  5. Sugantha Raja6 April 2019 at 12:19

    Learned a lot from your blog. Good creation and hats off to the creativity of your mind. Share more like this.
    Python Training in Chennai | Python Training Institute in Chennai

    ReplyDelete
  6. pooja9 April 2019 at 09:34

    web designing company in Hyderabad
    Low cost web designers in Hyderabad
    web designing company in Hyderabad

    web designing company in Hyderabad
    Low cost web designers in Hyderabad
    web designing company in Hyderabad

    ReplyDelete
  7. jefrin23 April 2019 at 16:25

    And indeed, I’m just always astounded concerning the remarkable things served by you. Some four facts on this page are undeniably the most effective I’ve had.
    Data science Course Training in Chennai |Best Data Science Training Institute in Chennai
    RPA Course Training in Chennai |Best RPA Training Institute in Chennai
    AWS Course Training in Chennai |Best AWS Training Institute in Chennai
    Devops Course Training in Chennai |Best Devops Training Institute in Chennai
    Selenium Course Training in Chennai |Best Selenium Training Institute in Chennai
    Java Course Training in Chennai | Best Java Training Institute in Chennai

    ReplyDelete
  8. Nandhini P17 June 2019 at 17:56

    Thank you for the most valuable information....You must have done good research for the work, I appreciate your efforts.Web Designers in Hyderabad
    web designing companies in Hyderabad

    ReplyDelete
  9. mariyamkhan5 January 2022 at 20:54

    Good post. I’m a regular visitor of your website and appreciate you taking the time to maintain the excellent site. I’ll be a regular visitor for a long time. see it here

    ReplyDelete

Subscribe to: Post Comments (Atom)

Popular Posts