Tools to make your web dev life a bit easy.
⭐ Inspector
1) Inspect CSS and HTML just by hovering over the element.
2) Live edit CSS and HTML.
3) Export code to Codepen.
4) Inspect media queries and animations.
5) Edit the content of any HTML element.
6) Traverse DOM elements with arrow keys.
7) Know fonts per tag.
8) Finds font on Google Fonts.
9) Extract all the colors used on the page.
10) Toggle visibility of any element or remove an element from the page and persist changes.
11) Easily search elements by tag, class, or id.
⭐ Color Eyedropper 1) Pick colors from anywhere on the page, even images and IFrames. 2) Get hex and RGB values. 3) Save colors.
⭐ Assets 1) Extract images, SVGs, and videos from the page. 2) Download all the assets at once in ZIP.
⭐ Responsive 1) Any click, scroll, or navigation you perform in one device will be replicated to all devices in real-time. 2) Add new custom device profiles as you like and arrange devices to fit your style. 3) Hot-Reloading Support.
⭐ Debug 1) Clear cache, cookies, and local storage of specific origin or whole browser. 2) Get meta tags from the page and copy them with one click. 3) Check the whole page for spelling mistakes (Only supports English).
⭐ Screenshots 1) Take a screenshot of the whole page or just a visible area. 2) Screenshot the visible area of every tab with just one click. 3) Save the screenshot in PDF, JPG, or PNG.
Helps my company solve many issues. We collect information from clients and employees. We conduct surveys and collect data. Very useful software. Helps form a common opinion, conduct analysis and analytics.
One of our customers said: Our small mining operation needed to go from paper based process to digital forms. At first, Google forms allowed us to use this Web-based platform that lets individuals and businesses of all sizes build customizable forms to conduct surveys and generate real-time response charts.
We saw that a small sample of our field workers quickly adopted the new way of working.
Step 1: accomplished.
Now unto step 2.
How do we deploy this unto our whole team? We needed email notifications, offline response collection when without wifi on the field. Our CIO and his director of operations needed deep data and trends analysis as well. Our inspectors, when doing their audits, needed to capture approx. 25 high definition pictures, some audio notes and a video which wasn't really possible with google forms.
So, we can 100% credit the use of google forms to our transition towards a paperless process, but as we navigated saashub.com a little more, we were able to discover a world of alternatives. We strongly suggest to start using google forms before undergoing a big implementation plan towards such enterprise level inspection tools like nspek or even cheaper solutions like prontoforms.
I am not sure if we would start with google's solution first if we would to do this digital transformation all over, but it did allow us to discover it's limits pretty quickly.
At some point, we needed custom fields and functions, and none of us was able to code, so the nSpek training that comes with the application definitely sets it's self apart, giving us full autonomy.
Survey Monkey - Create and publish online surveys in minutes, and view results graphically and in real time. SurveyMonkey provides free online questionnaire and survey software.
CSS Scan - Instantly check or copy computed CSS from any element for only ~95$
Typeform - Create beautiful, next-generation online forms with Typeform, the form & survey builder that makes asking questions easy & human on any device. Try it FREE!
CSS Scan Pro - The easiest way to get and edit the CSS of any website, live
Jotform - Free Online Form Builder & Form Creator
EazyCSS - No code CSS editor for any website.