Top Website Designs and Development Tools

Discussion in 'Website Development & Design' started by cesspadilla, Apr 19, 2012.

  1. cesspadilla

    cesspadilla
    uix_expand uix_collapse
    Active Member

    Joined:
    Sep 8, 2011
    Messages:
    705
    Likes Received:
    194
    Hi guys!

    I know you guys want really good stuffs you can use in your daily work. So I would like to share some of my own resources. You can add yours if you want.

    IDEs

    Aptana Studio - Aptana Studio 3.2.1 is our code base and complete environment that includes extensive capabilities to build Ruby and Rails, PHP, and Python applications, along with complete HTML, CSS and JavaScript editing.
    Eclipse - Eclipse is probably best known as a Java IDE, but it is more: it is an IDE framework, a tools framework, an open source project, a community, an eco-system, and a foundation.
    Zend Studio - Zend Studio is the only Integrated Development Environment (PHP IDE) available for professional developers providing the capabilities needed to develop business applications. Features like refactoring, code generation, code assist and semantic analysis combine to enable rapid application development on both the server side (in PHP) and the browser side (in JavaScript).

    JetBrains IDEs (RubyMine/PHPStorm/PyCharm etc) -- all are built atop the same platform and feature EXCELLENT debugging tools and very smart code completion.
    Sublime Text -- my go-to text editor these days. Very quick with a rich set of add-ons available. Also, is fully cross-platform. (Thanks To dgeneschi)

    Firefox Addons

    Firebug - It is a very useful tool if you ask me. You can view the code of a website with this Firefox addon.
    Web Developer - again it also use to see the code of the website but unlike Firebug you can disable CSS stylesheets and stuff.
    ColorZilla - you can actually know what color it is you want by using this tool.
    CSS Usage - view which CSS rules are actually used.
    Dust-Me - Dust-Me Selectors is a development tool that scans HTML pages to find unused CSS selectors.
    NoScript - Allow active content to run only from sites you trust, and protect yourself against XSS and Clickjacking attacks.
    Pixl Grabber
    Color Picker

    Online Tools

    Pingdom Full Page Test - Test the Load Time of a Web Page
    Pingdom DNS Check - Test DNS servers and settings for a domain name
    Pingdom Ping and Traceroute - Test network connectivity to a server
    W3C Markup Validation Service
    net2ftp - Web-based FTP client

    Web Designing and Development Tools and Softwares:

    Dreamweaver - good for coding and editing and designing a webpage. It can be integrated with Photoshop too.
    Web Studio 5.0
    Notepad - It's FREE because you can find it in your desktop.
    Microsoft Expression Web

    Shopping Cart Scripts
    *Thanks to Sahil for this one*

    Free Scripts
    http://oSCommerce.com - It is free and very good but it won't have the features like that site.
    http://zencart.com - It is also open source and it is created by the creators of oSCommerce but it has more features then it.
    http://opencart.com - It is also good and easily customizable.

    Paid Scripts
    http://viart.com - It has paid and free both but I think you should check Paid they would have some of the features.
    http://xcart.com - I used this but left it because it don't have our countries payment gateways but this script is extremely good.
    http://livecart.com - It has very good designs and easily Customizable from Admin Panel.
    http://magento.com - Multi Store (A Mall) making feature.
     
    • Like Like x 5
    • Agree Agree x 1
    #1 cesspadilla, Apr 19, 2012
    Last edited by a moderator: Jan 10, 2013
  2. mv5869

    mv5869
    uix_expand uix_collapse
    Member

    Joined:
    Jan 17, 2010
    Messages:
    147
    Likes Received:
    1
    The best add-on for Firefox I've ever used is called Dust-Me. It's a way of optimising your css by listing all the unnecessary css tags. Great for site performance.

    Unfortunately it no longer works with the latest Firefox but the Opera version is still fine.

    Apart from those, Yahoo slow is an essential Firefox plugin. Everyone should have it.
     
    • Like Like x 1
  3. mbitsol

    mbitsol
    uix_expand uix_collapse
    Member

    Joined:
    Feb 20, 2012
    Messages:
    72
    Likes Received:
    2
    Pingdom Tools
    Pingdom Full Page Test imitates the way a web page is loaded in a browser, showing you exactly how long it takes for each object, including images, CSS, JavaScript, RSS, Flash and frames, to appear. The load time of each object is shown as a series of colored bars for quick and easy visual comparison. Order each object into a hierarchy to identify any problem areas. The Test also uncovers useful, general stats, such as total number of objects and total load time.

    Bespin
    Bespin is a browser based code editor which attempts and succeeds to match the quality of traditional desktop editors.
     
    • Like Like x 1
  4. SebastianBerm

    SebastianBerm
    uix_expand uix_collapse
    New Member

    Joined:
    Apr 18, 2012
    Messages:
    16
    Likes Received:
    2
    The best add-on for Firefox I've ever used is called NoScript
    It provides the best security you can get in a web browser by allowing active content to run only from sites you trust, and protect yourself against XSS and Clickjacking attacks.
     
    • Like Like x 1
  5. smartkathy

    smartkathy
    uix_expand uix_collapse
    Member

    Joined:
    Feb 8, 2012
    Messages:
    225
    Likes Received:
    8
    Hi,

    Thanks for sharing great tools which is very useful to each and every designer who is very new in Web design. I am very thankful to you and hoping to get some more new updates from your side.

    I want to share more tools.

    Google Docs
    W3C Markup Validation Service
    net2ftp
     
    • Like Like x 1
  6. cesspadilla

    cesspadilla
    uix_expand uix_collapse
    Active Member

    Joined:
    Sep 8, 2011
    Messages:
    705
    Likes Received:
    194
    I added some of the tools above... I hope more of you will share some of the tools you are using. :)
     
    • Like Like x 1
  7. dothebusiness

    dothebusiness
    uix_expand uix_collapse
    New Member

    Joined:
    Apr 19, 2012
    Messages:
    17
    Likes Received:
    3
    Thanks for sharing these good tools - it's always good to hear what other people find good.
     
    • Like Like x 1
  8. charm01

    charm01
    uix_expand uix_collapse
    Member

    Joined:
    May 10, 2012
    Messages:
    31
    Likes Received:
    2
    I use Pixl Grabber and Color Picker and it's a great tool to use for web designing. Thanks for sharing anyway.
     
    • Like Like x 1
    #8 charm01, May 12, 2012
    Last edited by a moderator: Jun 1, 2012
  9. cesspadilla

    cesspadilla
    uix_expand uix_collapse
    Active Member

    Joined:
    Sep 8, 2011
    Messages:
    705
    Likes Received:
    194
    I think you should know the basics firsts before jumping into the bandwagon. A good thing to start with is start with notepad. When saving an HTML file make sure that your extension is .html.
     
    • Like Like x 3
  10. JamesD4796

    JamesD4796
    uix_expand uix_collapse
    New Member

    Joined:
    Jul 5, 2012
    Messages:
    2
    Likes Received:
    1
    You forgot to mention Aptana Studio, Eclipse, Zend Studio, which are great IDEs for Web development.
    James D

    You need the following:
    - a good understanding of the purpose of the site
    - a good the experience you want your users to have on your site
    - Set up a information architecture for your site
    - Decide on the main features of your site
    - Create an wireframes illustrating the features and users behaviors on your site
    - Perform some usability testing
    - Design a graphic illustrating the look and feel
    - Develop the features
    - testing the features
    - Releasing the site.
     
    • Like Like x 1
    #10 JamesD4796, Jul 10, 2012
    Last edited by a moderator: Jul 10, 2012
  11. micheal.burns1

    micheal.burns1
    uix_expand uix_collapse
    Member

    Joined:
    Aug 18, 2012
    Messages:
    82
    Likes Received:
    6
    Great!! Thanks for updating us!! Sometimes i use W3schools to check the sample codes.
     
    • Agree Agree x 1
  12. amtexcorp

    amtexcorp
    uix_expand uix_collapse
    New Member

    Joined:
    Sep 18, 2012
    Messages:
    2
    Likes Received:
    0
    Below are top website design and development tools.
    1. Photoshop
    2. Dreamweaver
     
  13. angeliawilliams

    angeliawilliams
    uix_expand uix_collapse
    New Member

    Joined:
    Sep 26, 2012
    Messages:
    17
    Likes Received:
    1
    This is nice lists of tools and software. I mostly used firebug this is best tools of firefox. I daily used this tools for making brand new website and it helps me in coding. This can remove my most of error in coding.
     
    • Agree Agree x 1
  14. louisvuittongz

    louisvuittongz
    uix_expand uix_collapse
    New Member

    Joined:
    Sep 29, 2012
    Messages:
    10
    Likes Received:
    0
    The best add-on for Firefox I've ever used is called Dust-Me. It's a way of optimising your css by listing all the unnecessary css tags. Great for site performance.
     
    • Funny Funny x 1
  15. angeliawilliams

    angeliawilliams
    uix_expand uix_collapse
    New Member

    Joined:
    Sep 26, 2012
    Messages:
    17
    Likes Received:
    1
    My most important web design and web development tools are Dreamweaver and firebug addons of firefox. These are the my best tools because by using this website development and designing is more easier than other tools.
     
  16. h20mysticshadow

    h20mysticshadow
    uix_expand uix_collapse
    New Member

    Joined:
    Dec 13, 2010
    Messages:
    10
    Likes Received:
    1
    I don't know if some of you are using Filezilla but it is one of the powerful Open Source FTP/SFTP that store all your connection details and logins.
     
    • Like Like x 1
  17. Fergal

    Fergal
    uix_expand uix_collapse
    Premium Member
    Premium Member

    Joined:
    Nov 18, 2007
    Messages:
    10,575
    Likes Received:
    1,165
    I use Filezilla all the time, it is a really helpful tool and very user-friendly.
     
    • Agree Agree x 1
  18. netwaydesign

    netwaydesign
    uix_expand uix_collapse
    New Member

    Joined:
    Oct 11, 2012
    Messages:
    1
    Likes Received:
    0
    Thanks You Very,
    here you post very well post, it's very important to all developer and designer person,
    some of tools i listen and used, but some of new i see here, it's very nice,
     
    • Optimistic Optimistic x 1
  19. clickfund

    clickfund
    uix_expand uix_collapse
    Member

    Joined:
    Aug 29, 2012
    Messages:
    39
    Likes Received:
    4
    Nice list of tools, the Pingdom site tester is awesome
     
    • Optimistic Optimistic x 1
  20. jamesbrook99

    jamesbrook99
    uix_expand uix_collapse
    New Member

    Joined:
    Jul 25, 2012
    Messages:
    5
    Likes Received:
    0
    I use Google Chrome 22 So I Share Chrome Add One For SEO And Web Development

    1. SEO Status

    2. RoBo Form 7

    3. AdBlock 2.5

    4. Better History 1.8

    5. Better Pop Up Blocker 2.1.6

    6. Cache 1.2

    7. Check My Links 3.1.1

    8. Chrome Toolbox (by Google) 1.0.32

    9. Define 1.4

    10. Flag for Chrome 0.4.1

    11. Google Dictionary (by Google) 3.0.15

    12. Google Quick Scroll 1.83

    13. Grammar and Spell Checker by Ginger 0.1.0.79

    14. Nofollow Checker 1.0

    15. Quick Note 1.4.2

    16. Screen Capture (by Google) 5.0.5

    17. SEO Status Pagerank/Alexa Toolbar 1.8

    18. Web Developer 0.4.1

    19. Speed Dial 2 1.6.1.2
     
    • Agree Agree x 2
    • Creative Creative x 1

Share This Page