Best Free System Information Tools
Now you can design in Illustrator and create instant HTML and CSS
You're not still writing CSS vendor prefixes by hand, are you? Keep your development files clean and let Autoprefixer (now a PostCSS plugin) do the hard work for you as part of your build process.
A Sass-based layout toolkit that has been steadily gaining steam since its launch. It has a strong community and offers lots of customisable features to suit the needs of just about any project.
Inline CSS is a requirement for good performance. Addy Osmani's Critical is available as a Grunt plugin, and along with Filament Group’s loadCSS script, it is a great option for extracting and loading your above-the-fold styles.
Shoelace is an easy-to-use Bootstrap 3 visual grid builder. Amongst its features are responsive media query views and a fully functional preview.
DomFlags makes it easier to navigate deeply-nested HTML elements in the DevTools
A Chrome extension that enables you to flag elements in the DOM using a domflags attribute. When the DevTools are opened, the first flagged element will be auto-inspected, and keyboard shortcuts can be used to navigate through the flags. This tool is handy for tackling a messy DOM that’s hard to navigate.
07. Sass Lint
Sass Lint is a node-based code quality tool for Sass/SCSS code, available as a Grunt or gulp plugin. Sass Lint is especially great for beginners who aren't too familiar with Sass best practice.
SMACSS is a scalable and modular architecture for CSS. There is nothing to download or install here, just a whole host of ideas for structuring projects both large and small. The website includes a free ebook for you to download, read and study.
BEM is a CSS methodology that is widely used throughout the industry. The simplicity of its naming convention helps to tackle specificity problems in CSS – enabling elements to be scoped to a block name using a double underscore and modified using a double dash.
OOCSS was born out of the backend development methodology. The core principle is around the reuse of code and Don’t Repeat Yourself (DRY) programming, the results of which are easier to maintain, with smaller CSS in your project.
Keep your JS files small and focused
Facebook's popular library includes a virtual DOM and optional JSX syntax. Its reusable components are designed to to help anyone building large, dynamic web apps.
Add search, sort, filters and flexibility to HTML lists and tables with List.js
Preact is geared towards performance
If you’re like me and can't stand the thought of writing regular expressions from scratch, this is the library for you. It's a plain-English way to write regex, and since the return value compiles to the actual expression, it can be a great way to learn, too.
This is an embeddable rich text editor supported in all modern browsers, as well as IE 9 onwards and mobile. It offers powerful customisation options through a clean API.
You’ve no doubt heard of ZURB's Foundation framework. This is a separate project specifically designed for building responsive web apps. It's based on AngularJS, but doesn't require advanced knowledge of Angular.
UIkit's a plucky young competitor in the frameworks hood
While Bootstrap and Foundation are the clear winners in terms of popularity in the framework space, UIkit is worth checking out. Its core features and interface components are right up there with the big kids on the block.
This iOS app is packed with image editing options
Typorama is an iOS app that enables anyone – with design skills or not – to create awesome graphics. Packed full of image editing features and beautiful typography options, it’s like Instagram on steroids. The app is frequently updated and has gathered a loyal following since its launch in 2015.
Coolors is ideal for colour palette inspiration
Coolors is a great little web app for when you need inspiration; fire up the app and hit the Spacebar to generate a random colour pallet. Once you find a colour you like you can ‘lock’ that colour and hit the Spacebar again to generate more colours.
FontBase is a font management tool which works across all platforms, offering a beautiful and intuitive UI for searching and sampling fonts. It also enables fonts to be shared among teams so you’ll never need to hassle your designer to send you the fonts ever again! Paid plans are available.
33. Google Fonts
Google Fonts offers a large selection of free web fonts which can be used on any project. The interface is clean and minimal but enables you to easily see and test new fonts. It also offers a number of different ways to include the fonts in your project.
34. Adobe Capture
Adobe Capture is a smartphone app – available for Android and iOS – that enables you to take photos of anything inspirational, and then generate colour palettes, vector shapes and repeating patterns, all of which you can upload to Adobe’s Creative Cloud.
35. Font Base
Font Base is a font management tool which works across all platforms, offering a beautiful and intuitive UI for searching and sampling fonts. Font Base also enables fonts to be shared among teams so you’ll never need to hassle your designer to send you the fonts ever again!
This is a massive single resource where you can search for free stock photography from loads of different sites. It includes popular free sources such as Unsplash, along with other, lesser-known sites, to give you plenty of options for populating your designs.
Transformicons: SVG and CSS icons that can be animated with CSS transitions
There are countless options for icons, and GitHub has released its own nicely designed set. Octicons is available as an icon font (or web font), which is commonly inserted into a page using CSS pseudo-elements.
A simple online tool that enables you to grab responsive embed codes for all sorts of popular media sources. It supports YouTube, Vimeo, Google Maps, Instagram, Vine and more.
Responsive tables are one of the most difficult layout considerations. Tablesaw is a set of jQuery plugins to help in this area, by means of features like stack, toggle, minimap and more.
Froala has over 170 ready-made desi
gn blocks to choose from
There's a strong case for using tried and tested design patterns – people know how to use them, and if your client wants evidence, there's plenty of user testing that shows them to be effective. A resource like Froala Design Blocks is ideal for putting sites together quickly, with over 170 design blocks that you can assemble into a great-looking, responsive site.
43. Site Palette
Site Palette is a Chrome extension that enables you to grab the colour scheme from any website, which you can then turn into a
number of useful elements, such as Sketch Templates and
Adobe Swatches, or you can print or download them.
44. Atomic Design
Atomic Design is a methodology for creating design systems. It breaks design into five different levels: Atoms, Molecules, Organisms, Templates and Pages. Each level can and should include elements from the previous layers to build up designs.
Wireframify is a Chrome extension that enables you to turn any website into a wireframe. It works by applying a custom stylesheet onto the website, which removes all images and modifies all of the colours and borders, leaving you with what looks like a wireframe.
Anime produces seamless animations
Animate.css is a small library of CSS animations, which can be used to add subtle (or not so subtle in some cases) animations to elements in your page. All you need to do is include the Animate.css code and then use the classes provided to animate elements in your application.
A 3D animation library
three.js is a 3D animation library built for the web. three.js works by creating a three-dimensional scene in which objects are rendered, a camera is then placed inside this scene. Some of the best animated websites on the web utilise three.js!
GSAP is a powerhouse when it comes to web animation. Starting life as a Flash animation plugin, it has since evolved to be one of the best web animation libraries available, enabling complex animations and time-based functions to be easily authored.
A library of CSS animations
SVGOMG is an online tool for optimising SVG. Under the hood SVGOMG uses the incredibly powerful command-line tool SVGO to perform optimisations, but SVGOMG does so while visually showing you any changes the optimisation has made to an image.
Yarn is a package manager. It works much the same as Node Package Manager (npm). Yarn caches every package making it incredibly fast to download and install dependencies, and with all of the same packages as npm so you can easily make the switch.
The BetterBoilerplate offers a scaffolding for any new project. It’s packed full with build tools, file management and a robust CSS framework. The BetterBoilerplate is development environment agnostic and can be used for any project from small brochure websites to full SAAS projects.
Browsersync is a powerful tool for synchronised cross-device testing and live debugging
Browsersync is like LiveReload, but on steroids. It's a powerful tool for synchronised cross-device testing that will live-reload your project for every edit and save in all browser instances. It even syncs up navigation and scrolling in the browser sessions. You can add CSS outlines for debugging, and a latency option enables you to mimic a slower internet connection.
Of the free GTD apps for the Mac, this is currently one of the most popular. Many people swear by it. You can get both the stable 1.4 release and the alpha preview of version 2 for free. If you’re a Quicksilver geek, iGTD has some slick integration built-in. Get it here.
This is another Mac-based app. Some of its unique features include mini-wikis for each project (projects in the GTD sense, of course), and a focus mode that darkens portions of the screen so you can focus on getting organized. Get it here
Chandler is an app for Linux, Windows and Mac platforms. It’s got a bunch of great features including collaboration, advanced calendaring, and multiple contexts. The only thing I’ve seen people really annoyed by is its occasionally sluggish performance. Get it here.
Todoist is a web application that’s compatible with GTD methodology. It’s a task manager with Gmail, Firefox and Quicksilver integration, calendar view, and deep hierarchies for projects and tasks. Get it here.
Jello Dashboard is a free Getting Things Done plug-in for Microsoft Outlook. If you’ve always used Outlook to manage your data, your tasks and your day, this may be the ticket for you if you want to implement GTD methodology without leaving the comfort of your favorite app. Get it here.
Evolution is the Linux counterpart to Outlook, the app that many switchers flock to in order to fill the void. Aside from having a bunch of features that Outlook doesn’t, you can set up a GTD methodology fairly easily with this app. There are a bunch of plugins that can add to your system. Get it here.
Actiontastic is a nice Mac GTD app with a simple, uncomplicated interface. It has just the right level of functionality so you can get a good, effective GTD implementation going without feature bloat turning your system into a monster. Get it here.
Remember the recent Lifehack article about personal wikis that mentioned TiddlyWiki? GTD TiddlyWiki is an adaptation of that software so it can be used for GTD productivity purposes. Another one for the cross-platform crowd. Get it here.
Windows is fairly light on good GTD apps, so you might be surprised to see another free offering in this list. Although it’s a lesser version of the paid app, FusionDesk Starter still allows you to organize your tasks into folders or with filtering (the absolute minimum requirement to implement GTD), and is built on GTD methodology.
Nozbe is an interesting online GTD app with a focus on collaboration with small teams, and accessibility from most mobile devices (of course, all the pictures are of an iPhone). Individual and business accounts are both free.
If you’re looking for a really simple GTD implementation, get Check Off for Mac OS X (10.5.2+). It’s a to-do list that drops down from the system-wide menu bar, and since it’s hierarchical, it can be made into a bare-bones GTD task manager. Get it here.
For Linux. There’s a bunch of people online who are still talking about Lotus Agenda and how it was the best productivity app they ever had, and that nothing since has quite beaten it. The last release of Agenda was in 1992, and even 16 years later people want something just like it: enter Beeswax, which is designed for just that purpose. If you like command-line productivity, get it here.
Thinking Rock is a Java app, meaning it’ll run on Windows, Mac OS X, or Linux. If you don’t want an app that has a lot of extra features, something that just lets you run a basic GTD system, you might want to try this one, particularly if you need wider cross-platform support (IE, anything that runs Java).
Toodledo is a web-based app with mobile accessibility and collaboration features. You can organize and annotate your tasks in just about any way you like—folders, sub-tasks, notes, contexts, goals, time estimates, just to name a few of those mentioned on the site. Get it here.
Remember the Milk
Remember the Milk is perhaps one of the most popular web-based task managers out there and it’s one of the easiest to implement a GTD methodology with—in fact, there’s a post on how to do this on their official blog. There are a million ways to interact with your RTM account, including Twitter, iPhone, Google Calendar and the list goes on. And on. Sign up here.
Perhaps this isn’t the list for Things, since it won’t be free in the future, but it is right now—so it counts. Possibly the most attractive GTD task manager for OS X in existence, the way Things organizes data is both elegant and practical. There are a couple of annoying interface issues, such as no sidebar dragging, but they’re pretty minor at the end of the day. Get it here, before it no longer qualifies for this list.
MyLife Organized is a Windows GTD app with a free version. If you’re using Firefox you might get a malicious site warning trying to enter, but there’s nothing wrong with the site—Google just doesn’t bother to check what they’re blacklisting before tarnishing the reputation of a good developer (another good reason not to put all your eggs in one basket as many people are doing with them). Rant aside, there aren’t many Windows GTD apps around, so see if the free version of MyLife Organized tickles your fancy. Get it here.
Action Tracker was built with FileMaker Pro, which means you can approach your GTD software as a database rather than a task list, if you prefer to think that way. There’s a FileMaker file download as well as a stand-alone executable, so you don’t need to buy anything to try this out. Get it here.
Best Network Troubleshooting Tools & Software (FREE)
OpUtils by ManageEngine – FREE TRIAL A collection of network address management tools that cover IP addresses, MAC addresses, and port numbers. Installs on Windows Server and Linux.
Datadog Network Performance Monitor – FREE TRIAL A cloud-based network monitoring service that identifies traffic flows by application, source, and destination to enable bandwidth utilization management.
Auvik – FREE TRIAL This cloud platform offers network monitoring and includes both device health checks and traffic flow tracking.
Ping A free command-line tool that tests the roundtrip time to a given node and also indicates jitter and lost packets.
ManageEngine OpManager – FREE TRIAL A network and server monitoring package that includes traffic troubleshooting and device testing functions. Available for Windows Server and Linux.
Tracert/traceroute A report on the number of nodes that need to be passed through on a path to a given destination that also indicates the time each hop takes.
Ipconfig/ifconfig A free command-line utility that details the addresses and statuses of each network adapter on a device.
Nslookup A free command-line utility that reports on DNS entries.
Netstat A free command-line utility that lists all of the active connections on the current device.
SolarPuTTY – FREE TOOL A free remote terminal service that allows the user to connect to devices running Windows, Linux, macOS, and Linux. Runs on Windows.
Subnet and IP Calculator A free utility that assists in the planning of IP address allocations. Runs on Windows.
Speedtest.net A free online service that reports on the speed of a connection to one of a list of test servers around the globe.
There is nothing wrong with having your own personal preference for applications.
Best Free IP Stressers to Use
Instant Stresser is among the most requested tools for testing free of charge. With decades of expertise in providing testing facilities in the IP Stresser as well as the IP booter marketplace, the software is perfect for businesses of any size. Instant Stresser is in the online IPS Streesser and Booter business for more than 5 years now. It’s designed to be an easy-to-use tool with no-cost capabilities and capacities up to 1000 Gbit/s for testing your computer to detect the most challenging circumstances. It provides both free and paid services and as far as the free version is
The next IP Stresser/booter that provides a completely free service is FreeStresser. Just like its make, the working of this online booter tool is also pretty straightforward. It doesn’t believe in bothering the user by indulging them into account creating and all that stuff. Users can simply hop on to the website, enter the credentials like IP Address, Port values, etc. and start stressing the selected IP Address. If you love a straightforward functioning of things then you would love to use FreeStress as your Free Online IP Stresser.
The next free IP Stresser that you can use is the IPStresser. It’s quite simple and a good booter for beginners or small companies. It offers a free trial of its service and in the free services, it provides quite a decent amount of working IP Stresseing facility. In the free trial, the IPStresser provides up to 200Mbps of attack capacity for 300 seconds. This is definitely less in comparison to what its competitors are providing but since it also provides free service made me to mention it in this list.
Str3ssed is currently one of the best and most widely used IP Stresser/Booter that individuals, developers and companies use to check the integrity of their product builds. It has a lot of flexible plans that go up to 50Gbps in attack capacity. There are a total of 16 different plans that you can choose from. However, for free users, there is a Free Stresser as well that you can use. It offers quite impressive facilities even in the free trial plan like up to 1Gbps of attack capacity.
Stresser.Ai is yet another online IP Stresser tool that can be used for free with a slight set of limitations. But if you are in love with free IP Stressers who doesn’t ask for sign-ups then this is the 2nd one on our list. You just have to go to the Stresser.ai website, enter the IP address, Post, attack time, etc. and start the IP Stress testing. With up to 1Gbps of attack capacity and up to 50 attacks in a day, this one is definitely one of the most convenient and powerful free IP stressed.
The last one on the list is FreeBooter from Neocities.org. There is not much info available about this free online IP Stresser. As far as my testing says, there is no paid plan available for the service and whatever it provides is just available for free. A pro that I found using this FreeBooter is that it offers 5Gbps of testing capacity which is paid in the rest of the free IP Stressers on this list. You can also give this Free IP Stresser a try.