What tools should I use to design websites?

Question

I m interested in picking up a new hobby and possibly turning it into a career. I know some HTML and CSS coding, but I m wondering the types of software one should use when pursuing web design. I read that some use photoshop, Dreamweaver or other software such as google web designer or WebFlow. I see all these different softwares but I m not sure which to use to get started. Thank you!

Answer 1

MSPaint

Answer 2

Honestly all you need is a really good text editor like atom, sublime text or aptana. Any editor that offers syntax highlighting, collapsing / expanding tags and possibly code completion. Just pick one you like and has the features that you find useful. I am a sublime text user myself but atom is easily on par with it.



Once you have a good editor, then you just need browsers to test your html files with. Mix this with a good image editor like Photoshop and you really have everything you need to build some pretty good websites. I have built websites for major companies just with those tools. Other tools can make things a little more streamlined, but are not critical.



It really comes down to your work style and flow and what you find the most useful to develop things quickly and easily. Everyone is different and you will probably see multiple different tools mentioned. Just try a few and go with what works for you.

Answer 3

I like to use Atom editor and simply use the Chrome developer tools. For starters, that is all you need and it's free.



If you start learning JavaScript and need a server, node.js works well.

If you really get into it and need a database, I recommend going noSQL. Firebase let's you have one account for free.

Answer 4

Neither css or HTML are coding! I prefer to use notepad++

Answer 5

jiiiiiiiiiiiiiiiiiii

Answer 6

11 web design tools you can't live without.



01. Pattern Lab



02. Vivaldi



Graphic Design



Illustration



Art



Web Design



3D



Typography



Digital Art



VFX



All Topics

Web design 11 web design tools you can't live without

11 web design tools you can't live without

By Dan Edwards March 13, 2017 Web design



From Sketch to Affinity designer, here are 11 top design tools to transform your workflow.









The world of web design tools never stands still. Technology keeps on advancing, standards keep on evolving, and every month there's new stuff to try out that can make your life as a designer that little bit better.



Static mockups are becoming less useful and the lines between designer and developer are becoming increasingly blurred. As we work more collaboratively with one another, the tools we use are having to change.



The 41 greatest free web fonts

Here, then, are 11 essential tools for a life in web design. Try them out, see how they work for you, but don't get too attached to them. Something new might be along in a few months that could easily blow any of them out of the water.



01. Pattern Lab







Pattern Lab is based around Atomic Design

Pattern Lab is a beautiful pattern-driven design tool created by Dave OIsen and Brad Frost. It's based on the concept of Atomic Design, which says that you should break your design down into its smallest parts – atoms – and combine them to form bigger, reusable components – molecules and organisms – that can then be turned into usable templates.



Although at its core it's a static site generator that stitches together UI components, there's much more to Pattern Lab than that. It's language- and tool-agnostic; it enables you to nest UI patterns inside each other and design with dynamic data; it features device-agnostic viewport resizing tools to help you ensure your design system is fully responsive; and it's fully extensible so you can be sure it'll expand to meet your needs.



02. Vivaldi





Sometimes the best tool can be something as simple as a new browser. Vivaldi is a fast, customisable web browser for power-users built by some of the people who started Opera. Dubbed 'a browser for our friends', Vivaldi is built using web technologies: JavaScript and React were used to make the user interface, along with Node.js and lots of NPM modules.



Vivaldi is the most customisable browser out there, and it offers other cool features such as command line control, a panel for taking notes, tab stacking and tiling, and web panels that enable you to put all your favourite sites in one place for easy access.



03. Affinity Designer



04. Avocode



05. Antetype



06. Sketch



07. Form



08. UXPin



09. Macaw



10. Marvel



11. Webflow