In this video, I'll show you all the tools and resources I use to create my WordPress website. I'll also show you how I use it too, so you can implement it to design and build a better website.
➤ Resources mentioned below (Click "SHOW MORE")
Design
1. Collect UI - & UI inspiration for your web design projects. Organised into categories for easy viewing.
2. Milanote - tool to help you organise your thoughts on a visual board to keep things organised.
3. Adobe XD - best tool to design & prototype anything. And It's FREE!
---
Colour & Fonts
4. Whatfont
A chrome extension to "spy" on what fonts other websites are using
5. Myfonts - you can download fonts that you see on the internet and use for your website. Free & Paid.
6. Google Fonts - WordPress Themes will feature the Google fonts - you can use this resource to find what's most popular & also see what the fonts look like.
7. Adobe Colour - tool to create color palettes for your websites or design.
---
Assets - Images/Icons/Illustrations
8. Unsplash & Pexels - & resources of images for personal or commercial use without attribution
9. Adobe Stock & Shutterstock & paid resources of images you can use for your web design projects. Much more selection!
10. Flaticon - largest database of free icons available in PNG, SVG, EPS, PSD and BASE 64 formats.
11. Undraw - illustrations for any idea you can imagine and create. SVG & PNG.
12. Convert SVG file to PNG - the SVG file from undraw.co then convert to PNG file before uploading to website.
13. Fiverr - (Use HOGANCHUA for 10% Off)
Best place to hire freelancers starting from just $5. Get icons, logos, product renderings, product photography and so much more!
---
Image Editors
14. Fotor - simple photo editor. Perfect for resizing and cropping images before uploading to website.
15. Clipping Magic - remove image backgrounds in seconds online. Great for profile pictures and product photos.
16. Canva - tool to create amazing designs for anything for free. From Blog post featured images, to thumbnails, to ebook covers and so much more.
17. Pixlr - lite version of Photoshop. Web based and Free.
---
Optimization
18. Pingdom Website Speed Test - your websites loading times with different locations around the world.
19. Compressor io - your image size without much quality loss.
20. Responsinator - your WordPress websites mobile responsiveness on all devices.
---
Other Useful Tools
21. 0to255 - for hover states and keeping on colour scheme.
22. Freepik - amazing graphic resource
23. Lorem ipsum - placeholder text for your designs.
24. Gradient UI - beautiful gradients.
25. Placeit - mockups, logos, videos & designs in seconds!
My Basic Web Design Guide - Recording Equipment:
Recommended Reading >> bit.ly/32kRpzw
Comments
Post a Comment