Best frontend dev tools?

Discussion in 'HTML & Website Design' started by BenBlurr, Sep 18, 2014.

  1. #1
    Currently, my top 3 is:
    - Sublime Text 3
    - FlashFxp
    - Chrome Dev Tools

    Which frontend tools do you use on a regular base and would you suggest to others?
     
    BenBlurr, Sep 18, 2014 IP
  2. KewL

    KewL Well-Known Member

    Messages:
    245
    Likes Received:
    16
    Best Answers:
    3
    Trophy Points:
    128
    #2
    Sublime is my text editor of choice.

    I starting to like chrome dev tools more and more as I discover all the hidden features.

    If your on windows, Prepros is pretty cool. Not for the compressors but the built in sever thing. It creates a local sever, and every time you save a change to a file (in a directory its watching) it will automatically reload your browser window. To make things cooler you can have the local server work over your router so you can test everything on your phone locally. Codekit does the equivalent for mac.

    Git is starting to grow on me. It really prevents a lot of disasters that could happen. It's confusing as hell at first though. It gets especially cool when you use other software to deploy your code from a git repository. Definitely a lot faster/easier then transferring everything through FTP.

    IE tester always comes in handy. If you have a shit-ton of money to waste browserstack.com is cool.

    Everyone raves about Grunt, which automates a lot of tasks, I haven't personally tried it.

    I use tinypng a lot to compress images if that counts.

    b64.io is pretty cool too if you ever use SVG's in your layouts.
     
    KewL, Sep 18, 2014 IP
    HuggyStudios likes this.
  3. welshtrekker

    welshtrekker Member

    Messages:
    8
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    36
    #3
    I am enjoying the HTML5 journey partly as costs are low and the code is progressing.
    So, I am looking at a number of aspects of design tools but as I focus on HTML5 compliancy, I needed a tool able to do that and get round some other issues like these though I am working on them still:
    Show different content on different screens
    jQM layouts more flexible
    Injecting two stylable div elements into the standard jQM page layout for different screen sizes

    Plus a number of other issues that I can now progress past. I tried a few tools.
    One was Chrome web tools.
    But on further tests and as I like simplicity, I am getting used to jResponse.
     
    welshtrekker, Sep 18, 2014 IP
  4. BenBlurr

    BenBlurr Greenhorn

    Messages:
    37
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    18
    #4
    Thank you both for your replies (KewL & welshtrekker)!

    Anyone else with suggestions?
     
    BenBlurr, Sep 20, 2014 IP
  5. usemyteam

    usemyteam Member

    Messages:
    218
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    43
    #5
    I use Sublime, Chrome Web Dev Tools just like you do. I also use Dreamweaver for web design and now I am currently trying to learn Google's Web Designer.
     
    usemyteam, Sep 21, 2014 IP
  6. welshtrekker

    welshtrekker Member

    Messages:
    8
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    36
    #6
    You are welcome BenBlurr.
    Incidentally, I got round the jQM page layout thing in jResponse. First by
    injecting two stylable <div> elements into the standard jQM page layout
    Then, providing a selection of grid layout controls that are responsive courtesy of CSS3 styling
    I could not see how to do it in other dev tools until later, but chrome tools can, I noticed that later.
    I tried Codiqa too - anyone used it.
    It offered a free 7 day but Jresp is free and I like the UI.
    I have not used Sublime. Taking a look now.
     
    welshtrekker, Sep 22, 2014 IP