In the rapid development of web technologies, more and more tools are born to support web design and development more quickly and optimally. Hence today's post I will introduce you to useful tools in designing and building websites that are commonly used in the year 2021!
This is a tool that helps you to remove background from video easily and completely automatically. through a single mouse click. It also supports popular video formats such as .mp4, .webm, .ogg, .mov, .gif and are completely free to use! One thing I like about it is the provision add backgrounds like images, short videos to combine with our video to help make it stand out and more beautiful.
Generative Media is a website that gives you thousands of faces to apply to Web design without fear of copyright issues. The special thing I like the most about this website is that it uses use AI to create human faces that don't exist in the world based on a database of images huge. In addition, it is also trusted and used by many big companies such as BBC, Daily Mail...
Avataaars generator is a web app that helps you create your avatar easily through the provided selection information such as hair color, eyes, nose... And for easy use in website, in addition to exporting png image files, you can also export files in SVG, React or
img tag in HTML.
Responsive is an application that a front-end developer should have because it can see how page web display on multiple device screens at the same time. From there to help you have the most overview settings about website layout as well as fix responsive errors on the website more easily.
Separator Generator makes it possible for you to create background with custom functionality provided available. You just need to choose the background that suits you and then it will automatically render the HTML and CSS code corresponding.
Screely is a tool that helps you to edit screenshots with many supporting features such as adding a browser window to the image, choosing a background color... Also it allows you to Download in 3 image formats, PNG, SVG and JPG.
Font In Logo
Font In Logo is a tool to help you find fonts being used by famous companies to make logos such as Google, Amazon, Disney... In addition, it also provides links to download fonts for those logos I like.
IMAGE COMPARE VIEWER
Midori is a library built on top of three.js and WebGL. With the main purpose of helping you create background motion in web pages quickly and easily with many effects beautiful response.
The Hero Generator
The Hero Generator a website that helps you build your hero header by uploading your images up and refine the available information. Then the corresponding HTML and CSS code will be generated for you. However it only tweaks the CSS so you have to tweak its default HTML content to match the item your destination!
Rakuten Rapid API
Rakuten Rapid API is a website where you can find and connect to thousands of different APIs.
Animista is a website where you can create many CSS effects through the property provided. available supply. In addition, it is also divided into many different categories to make it easy for you to choose such as basic animation, animation for text, background...
SpreadSimple is an application that uses data from Google spreadsheets to design and create web pages. web quickly and easily. In addition, it also has some useful properties such as filtering, searching, support HTTPS/SSL support, provide available themes for web design...
Free Logo Maker
Free Logo Maker is a web application that helps you create a completely free logo for your website and get built by Namecheap.
Error404 Pages Illustrations
Error404 Pages Illustrations is a collection of images for the 404 page (that is, this page). not found or encountered an access error) in your website.
iHateRegex is considered a place to help you easily search for regex codes for checking check email, name, phone number, date... In addition, it also has detailed examples for each authentication code as well like explaining each function used in that regex code.
Custom Shape Dividers
Custom Shape Dividers is an online tool that allows you to create backgrounds according to various shapes for the website such as ripples, triangles, arrows... You just need copy the HTML, CSS code of the background you like and copy it to the web project and you can use it!
Pattern-css is a library built with CSS with a size of only about 1kb after compression. With Its main task is to provide you with beautifully designed patterned backgrounds.
Webframe is a website collection of thousands of designs based on web pages currently in use. use in the world. In my opinion, this is the place to help us easily find trending web designs, popular today and learn more about web design from many of them.
Favicon & App Icon Generator
Favicon & App Icon Generator helps you to create favicon easily through Upload the image you want to upload on this web app. It will then automatically create favicons of various sizes different for your website as well as providing pre-written code that you can easily apply to your project (favicon is the image next to the title of the tab tag in the browser)
DevDocs is a website that combines most documents of programming languages, front-end framework, back-end framework... popular nowadays and presented in a clear visual way along with many illustrative examples. You can find more information on its main page.
FontSpark is a web application that allows you to select your favorite font through Enter text into the app and it will automatically change the font to display it every time you click it Generate button. In addition, its font source is taken from Google Font, so you can rest assured to use it It's completely free.
Through this, I hope the article will provide you with useful libraries and tools for developing development, web design and if you have any questions, just send an email and I will respond as soon as possible. Hope to see you again Please continue to support the site so that I can write more good articles. Have a nice day!