Web development and web design
A list for web developer and web designer with code editors, local servers, database administration, image editing, image compression, frameworks and programming languages.
Code editors
Visual Studio Code is a free and extensible code editor for building web, desktop, and mobile applications, using any programming language and framework.
Visual Studio Code has built-in support for Git source control management and powerful integrations with GitHub, an integrated debugger, and smart code completion with IntelliSense and with AI-driven IntelliCode. With over 30,000 extensions and themes in the Visual Studio Code Marketplace, you can customize the features and the look of Visual Studio Code to fit your needs, preferences, and style.
You can use Visual Studio Code to build any kind of app, for web, desktop, and mobile. Visual Studio Code supports JavaScript and TypeScript natively and offers extensions for coding in languages such as Python, Java, C/C++, C#, Go, Rust, PHP, and many more.
Known as VS-Code amongst the community, it is one of the most popular code editors and has a browser version which can be immediately accessed by going to vscode.dev.
Smart PHP Code Editor
The editor that actually 'gets' your code and deeply understands its structure, supporting all PHP language features for modern and legacy projects. Provides the best code completion, refactorings, on-the-fly error prevention, and more.
Code Quality Analysis
Hundreds of inspections take care of verifying your code as you type, analyzing the whole project. PHPDoc support, code (re)arranger and formatter, quick-fixes, and other features help you write neat code that’s easy to support.
Development Environment
Perform many routine tasks right from the IDE, thanks to Version Control Systems integration, support for remote deployment, databases/SQL, command-line tools, Vagrant, Composer, REST Client, and many other tools.
HTML/CSS/JavaScript Editor
All the cutting edge front-end technologies are included, such as HTML5, CSS, Sass, Less, Stylus, CoffeeScript, TypeScript, Emmet, and JavaScript, with refactorings, debugging and unit testing. Live Edit let you see changes instantly in the browser.
Debugging and Testing
Zero-configuration debugging makes it really easy to debug and profile your PHP applications with either Xdebug or Zend Debugger. PHPUnit and Behat support lets you develop and run tests right from the IDE.
Cross-platform Experience
Use the same frequently-updated and fully customizable PHP integrated development environment on Windows, Mac OS X or Linux with your single license key. Enjoy the performance and stability!
A free, open-source Integrated Development Environment for software developers. You get all the tools you need to create professional desktop, enterprise, web, and mobile applications with the Java language, C/C++, and even dynamic languages such as PHP, JavaScript, Groovy, and Ruby. NetBeans IDE is easy to install and use straight out of the box and runs on many platforms including Windows, Linux, Mac OS X and Solaris. The download section conveniently offers prepackaged bundles/installers for each supported programming language containing only required plugins.
Sublime Text is a sophisticated text editor for code, html and prose - any kind of text file. You'll love the slick user interface and extraordinary features.
Sublime Text may be downloaded and used for free without an expiration time limit, however a prompt appears occassionally to "ask to" purchase a license
Vim ("Vi IMproved") is an advanced text editor that allows syntax highlighting, word completion and has a huge amount of contributed content.
Vim offers several “modes” for editing with efficiency. This makes vim a non-user-friendly application but it is also a strength. The normal mode binds alphanumeric keys to task-oriented commands. The visual mode highlights text. The command-line mode offers more tools (for search&replace, defining functions, etc.)
Vim comes with complete help.
Notepad++ is a free source code editor and Notepad replacement that supports several languages.
Based on the powerful editing component Scintilla, Notepad++ is written in C++ and uses pure Win32 API and STL which ensures a higher execution speed and smaller program size. By optimizing as many routines as possible without losing user friendliness, Notepad++ is trying to reduce the world carbon dioxide emissions. When using less CPU power, the PC can throttle down and reduce power consumption, resulting in a greener environment.
Syntax Highlighting: Colorize more than 50 pre-installed major languages like HTML, PHP, Python, Ruby or Markdown. You can also create your own settings.
Scriptable: Make your own macro in your favorite language, whether it is Python, Ruby, Perl, PHP, UNIX shell, AppleScript or JavaScript.
Outline Menu: Extract specified lines with the predefined syntax, and you can jump to the corresponding line.
Powerful Find & Replace: Super powerful find and replace using the ICU regular expression engine.
Split Editor: Split a window into multiple panes to see different parts of your document at the same time.
Incompatible Characters: Check and list-up the characters in your document that cannot convert into the desired encoding.
CJK Language Friendly: Estimate various file encodings accurately, toggle to vertical text mode and keep its line height correctly.
Open Source: CotEditor is developed as an open-source project that allows anyone to contribute. (GitHub https://github.com/coteditor/CotEditor)
FTP tools
FileZilla is a powerful FTP-client. It has been designed for ease of use and with support for as many features as possible, while still being fast and reliable. The program offers support for firewalls and proxy connections as well as SSL and Kerberos GSS security.
WinSCP is a popular free SFTP and FTP client for Windows. Moreover, WinSCP is a powerful multi-functional tool that will improve your productivity.
WinSCP can copy files between a local and remote computer using multiple protocols: FTP, FTPS, SCP, SFTP or WebDAV. On the one hand, WinSCP offers an easy to use graphical user interface; you can choose between Windows Explorer look and tabbed twin-panel interface like Norton commander. On the other hand, advanced users can automate WinSCP functionality using .NET assembly or simple batch file scripting.
You will use WinSCP for all common operations with files. You can start editing a file directly from WinSCP, either using WinSCP internal text editor or using integration with your favorite external text editor. WinSCP operations are not limited to individual files; WinSCP offers several ways to synchronize your remote and local directories.
After connecting to a site you can choose to store site information for repeated access, WinSCP can even share site settings with another popular open source tool PuTTY. WinSCP integrates also with Pageant (PuTTY authentication agent) for full support of public key authentication with SSH.
Admins love WinSCP support for portable operation using a configuration file instead of registry entries, suitable for operation from removable media.
A comprehensive WinSCP documentation is freely accessible at http://winscp.net. This site hosts also a very active user forum for support and feature requests.
WinSCP is available in English and many other languages.
WinSCP is an open source software distributed free of charge under the terms of the GNU General Public License.
Cyberduck is an open source FTP client.
With an easy to use interface, connect to FTP (File Transfer Protocol), SFTP (SSH Secure File Transfer), WebDAV (Web-based Distributed Authoring and Versioning), Amazon S3, Google Storage, Windows Azure, Rackspace Cloud Files and even Google Docs.
Cyberduck includes a bookmark manager and supports the Mac OS X Keychain and Bonjour networking.
The gold standard of macOS file transfer apps just drove into the future. Transmit 5 is here. Upload, download, and manage files on tons of servers with an easy, familiar, and powerful UI. It’s quite good.
Transmit now connects to 11 new cloud services, like Backblaze B2, Box, Google Drive, DreamObjects, Dropbox, Microsoft Azure, and Rackspace Cloud Files.
And yes, Transmit still handles the classics — FTP, SFTP, WebDAV, and S3 — better than any. We make complex services drag-and-drop simple.
Transmit 5 now includes Panic Sync, our secure and fast way to sync your sites. (You can learn about Panic Sync here.) And our File Sync feature adds support for local-to-local and remote-to-remote sync, while also giving you more fine-grained control.
We disassembled Transmit’s engine and rebuilt it, again, to significantly boost speed. T5 is better at multithreading and smarter about complex folders. Plus it’s got a new activity view to better focus on what Transmit is doing right now. It’s very fast.
Server and database
XAMPP is a completely free, easy to install Apache distribution containing MariaDB, PHP, and Perl. The XAMPP open source package has been set up to be incredibly easy to install and to use. XAMPP is free even for commercial uses
MAMP installs a local server environment in a matter of seconds on your computer. It comes free of charge, and is easily installed. MAMP will not compromise any existing Apache installation already running on your system. You can install Apache, PHP and MySQL without starting a script or having to change any configuration files! Furthermore, if MAMP is no longer needed, just delete the MAMP folder and everything returns to its original state (i.e. MAMP does not modify any of the "normal" system).
FULL MYSQL SUPPORT Sequel Pro is a fast, easy-to-use Mac database management application for working with MySQL databases.
PERFECT WEB DEVELOPMENT COMPANION Whether you are a Mac Web Developer, Programmer or Software Developer your workflow will be streamlined with a native Mac OS X Application!
FLEXIBLE CONNECTIVITY Sequel Pro gives you direct access to your MySQL Databases on local and remote servers.
EASY INSTALLATION Simply download, and connect to your database.
phpMyAdmin is a tool written in PHP intended to handle the administration of MySQL over the Web. Currently it can create and drop databases, create/drop/alter tables, delete/edit/add fields, execute any SQL statement, manage keys on fields.
Version control
Git is a free & open source, distributed version control system designed to handle everything from small to very large projects with speed and efficiency.
GitHub is a web-based hosting service for projects that use the Git revision control system. It is written in Ruby on Rails by Logical Awesome developers Chris Wanstrath, PJ Hyett, and Tom Preston-Werner. GitHub offers both commercial plans and free accounts for open source projects.
The site provides social networking functionality like feeds, followers and the network graph to display how developers work on their versions of a repository.
GitHub also operates a pastebin-style site at gist.github.com, wikis for the individual repositories and web pages that can be edited through a git repository.
GitHub has a built-in, highly functional Issue Tracker.
Simple collaboration from your desktop
GitHub Desktop is a seamless way to contribute to projects on GitHub and GitHub Enterprise.
Available for Mac and Windows
You’ll find all the projects you’re working on listed in the sidebar. If you’re starting a new project, use the repository drop down menu to create a new repository or clone an existing one directly from GitHub.com.
Branches are essential to proposing changes and reviewing code on GitHub—and they’re always available in the top left corner of the repository view. Just select the current branch to switch branches or create a new one.
View a diff of your uncommitted changes, and form the perfect commit by selecting the files—or even the specific lines—that make up a change. Enter the summary and description, then commit. See your history
Visualize your changes and commits in the comparison graph. You can select commits on the graph to navigate through the history of your local branches.
Once you’re happy with your commits, you can open a pull request for review and discussion without leaving GitHub Desktop or touching the command line.
Browse commits on local and remote branches to quickly and clearly see what changes still need to be merged. You can also merge your code to the master branch for deployment right from the app.
GitLab is a on-premise or hosted Git repository management tool. It also includes code reviews, issue tracking, wikis, and continuous integration.
Images
Adobe Photoshop is a raster graphics editor developed and published by Adobe Inc. for Windows and macOS. It was originally created in 1988 by Thomas and John Knoll.
Since then, the software has become the industry standard not only in raster graphics editing, but in digital art as a whole. The software's name is often colloquially used as a verb (e.g. "to photoshop an image", "photoshopping", and "photoshop contest") although Adobe discourages such use. Photoshop can edit and compose raster images in multiple layers and supports masks, alpha compositing and several color models including RGB, CMYK, CIELAB, spot color, and duotone. Photoshop uses its own PSD and PSB file formats to support these features. In addition to raster graphics, Photoshop has limited abilities to edit or render text and vector graphics (especially through clipping path for the latter), as well as 3D graphics and video. Its feature set can be expanded by plug-ins; programs developed and distributed independently of Photoshop that run inside it and offer new or enhanced features.
Photoshop's naming scheme was initially based on version numbers. However, in October 2002 (following the introduction of Creative Suite branding), each new version of Photoshop was designated with "CS" plus a number; e.g., the eighth major version of Photoshop was Photoshop CS and the ninth was Photoshop CS2. Photoshop CS3 through CS6 were also distributed in two different editions: Standard and Extended. With the introduction of the Creative Cloud branding in June 2013 (and in turn, the change of the "CS" suffix to "CC"), Photoshop's licensing scheme was changed to that of software as a service subscription model. Historically, Photoshop was bundled with additional software such as Adobe ImageReady, Adobe Fireworks, Adobe Bridge, Adobe Device Central and Adobe Camera RAW.
Generates color themes that can inspire any project. No matter what you're creating, with Kuler you can experiment quickly with color variations and browse thousands of themes from the Kuler community.
The pictures are completely free to be used for any legal purpose.
- The pictures are free for personal and even for commercial use.
- You can modify, copy and distribute the photos.
- All without asking for permission or setting a link to the source. So that attribution is not required.
All photos are hand-picked from photos uploaded by our users or sourced from free image websites. We make sure all published pictures are high-quality and licensed under CC0. Only creative commons photos from reliable photographers and sources like Unsplash, Gratisography, Little Visuals and many more are added to our photo database.
Over 2.4 million free photos, vectors and art illustrations Finding free images of high quality is a tedious task - due to copyright issues, attribution requirements, or simply the lack of quality. This inspired us to create Pixabay - a repository for stunning public domain pictures. Your source for free vectors, free drawings and free photos. You can use any Pixabay image without attribution in digital and printed form, even for commercial applications.
FileOptimizer is a lossless file size optimizer supporting AIR, APK, APNG APPX, BMP, CBZ, DOCX, DLL, EPUB, EXE, GIF, GZ, ICO, JAR, JPEG, MNG, MP3, MPP, PNG, PPTX, ODT, OGG, OGV, PDF, PUB, SCR, SWF, TIF, VSD, WEBP, XAP, XLSX, and ZIP file formats among others.
It keeps the behaviour of the file untouched but with its size reduced thanks to several recompression and optimization techniques.
Quick facts
- Simple program interface.
- Easy to use.
- Several third party tools integrated in one same tool (plugins).
- Easy automation via commandline.
Key features
- Suitable for home users that need to speedup file transfers no matter if they are in email attachments, P2P or shared upload servers.
- Suitable for webmasters to increase the page load speed.
- Suitable for web developers to reduce content weight.
- Suitable for desktop developers in any platform (Windows, Linux, MacOS, ...) to reduce distribution sizes and reduce load times.
- Suitable for mobile developers (Android, iOS, Windows Phone, ...) to reduce distribution sizes and reduce load times.
- Suitable for server administrators that could integrate FileOptimizer via commandline.
- Suitable for content creators and distributors to reduce content weights.
ImageOptim is excellent for publishing images on the web (easily shrinks images “Saved for Web” in Photoshop). It's useful for making Mac and iPhone/iPad applications smaller (if you configure Xcode to allow better optimization). ImageOptim removes EXIF metadata, such as GPS position and camera's serial number, so that you can publish images without exposing private information (but there's an option to keep the metadata if you need it).
Faster web pages and apps Reduces image file sizes?—?so they take up less disk space and download faster?—?by applying advanced compression that preserves quality.
Image files scrubbed clean Removes invisible junk: private EXIF metadata from digital cameras, embedded thumbnails, comments, and unnecessary color profiles.
Best tools with drag'n'drop Seamlessly combines all the best image optimization tools: MozJPEG, Pngcrush, pngquant, 7zip and Google Zopfli. All Free and
How does it work? When you drag'n'drop images into ImageOptim's window it will run several image optimization tools automatically and combine their results, ensuring that you always get the smallest file. ImageOptim integrates well with OS X, so you can also drop files on ImageOptim's Dock icon, or use Services menu in Finder, or Markup menu on attached images in Apple Mail. ImageOptim can also be launched from command line. A special option for even smaller files. If you enable Lossy minification you'll get smallest file sizes possible. By default ImageOptim is very cautious and exactly preserves image quality, but if you allow it to change the quality?—?even only a little?—?it will be free to use much more aggressive optimizations that give the biggest results. You can configure lossy optimizations in ImageOptim's Preferences. ImageOptim can apply lossy compression not only to JPEG, but anim GIF and PNG as well!
Open Source ImageOptim is free, open-source software under terms of the GPL v2 or later.
CSS frameworks
Bootstrap is a open-source collection of tools for creating browser sites and applications. It contains HTML and CSS-based design templates for typography, forms, buttons, charts, navigation and other interface components, as well as optional JavaScript extensions.
Semantic empowers designers and developers by creating a shared vocabulary for UI.
Simple. Built on open source. The responsive front-end library based on Google's Material Design.
Bulma is a CSS framework based on Flexbox and built with Sass
Milligram provides a minimal setup of styles for a fast and clean starting point. Specially designed for better performance and higher productivity with fewer properties to reset resulting in cleaner code.
Tailwind is different from frameworks like Bootstrap, Foundation, or Bulma in that it's not a UI kit.
JavaScript frameworks
Vue (pronounced /vju?/, like view) is a JavaScript framework for building user interfaces. It builds on top of standard HTML, CSS and JavaScript, and provides a declarative and component-based programming model that helps you efficiently develop user interfaces, be it simple or complex.
HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.
A JavaScript library for building user interfaces by Facebook.
Polymer is a library that uses the latest web technologies to let you create custom HTML elements. Build anything from a button to a complete application as an encapsulated, reusable element that works across desktop and mobile.
Aurelia is a JavaScript client framework that leverages simple conventions to empower your creativity.
You can write less code with Ember's Handlebars integrated templates that update automatically when the underlying data changes.
Ember.js incorporates common idioms so you can focus on the development of your application ( and not reinventing the wheel ).
Designed with developer ergonomics in mind. Its friendly APIs help you get your development done "fast". Ember.js is built for productivity.
Svelte is a robust component framework that shares similarities with React and Vue.js. It employs a unique build process that enables it to transform declarative component code into efficient JavaScript, which in turn selectively updates the Document Object Model (DOM). This approach enables Svelte to optimize the performance of web applications, while also minimizing the overhead typically associated with other component frameworks.
One of the standout features of Svelte is its ability to shift the bulk of the work from the client-side to the build process. This allows Svelte to generate highly optimized code that is easier to maintain and debug. Additionally, Svelte's lightweight runtime library minimizes the size of the final application bundle, which translates to faster load times and a more responsive user experience.
Svelte's approach to building web applications is gaining traction among developers who value performance and efficiency. Its focus on generating highly optimized, lightweight code is particularly appealing to those working on large-scale applications where speed and performance are critical. As a result, Svelte has quickly become a popular choice for building web applications across a variety of industries.
Meteor is a set of new technologies for building top-quality web apps in a fraction of the time. It is built around Smart Packages: little bundles of code that can run on a client, inside a cloud service, or both, and that can manage their lifetime inside the modern distributed environment.
Mithril is a modern client-side Javascript framework for building Single Page Applications. It's small (< 8kb gzip), fast and provides routing and XHR utilities out of the box.
Gatsby provides development teams an open source frontend framework for creating dynamic, optimized websites and a cloud platform for delivering them on a blazing fast edge network.
What is Nuxt.js?: Its main scope is UI rendering while abstracting away the client/server distribution. Our goal is to create a framework flexible enough that you can use it as a main project base or in addition to your current project based on Node.js.
jQuery is a cross-browser JavaScript library designed to simplify the client-side scripting of HTML. jQuery simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development.
Node.js is a platform built on Chrome's JavaScript runtime for easily building fast, scalable network applications.
Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient, perfect for data-intensive real-time applications that run across distributed devices.
Other frameworks
Google Fonts lets you browse all the fonts available via the Google Fonts API. All fonts in the directory are available for use on your website under an open source license and are served by Google servers.
Professionally Designed + Pixel-Perfect Each and every symbol is designed from scratch against guidelines and standards forged from years of experience of illustrating and designing icons. The result is a consistent look and feel that spans thousands of icons across three unique styles.
Other tools
Postman is a tool that facilitates the development and use of APIs. Postman provides all the functionality needed to create or simulate API specifications and use the Postman Collection Runner to create tests.
Sass is a stylesheet language initially designed by Hampton Catlin and developed by Nathan Weizenbaum. After its initial versions, Nathan Weizenbaum and Chris Eppstein have continued to extend Sass with SassScript, a simple scripting language used in Sass files.Sass is a Cascading Style Sheets (CSS) metalanguage. It is a scripting language that is interpreted into CSS.
TypeScript is a language for application-scale JavaScript development. It is a typed superset of JavaScript that compiles to plain JavaScript in any browser, any host, any OS and it is Open Source.
Organize your projects with customizable templates.
Post Haste is a free project management tool that allows you to setup file and folder templates for your projects. Create a new project and everything's organized, ready for you to start.
It's suitable for photographers, video professionals, audio professionals, graphic designers, web designers and anyone who needs to keep their projects and assets organized.
What is Asana? Whether you’re between meetings or in line for a latte, use Asana to quickly capture tasks, to-dos, reminders, and ideas. Get updates from coworkers, organize tasks and projects for work, or manage your to-do list for the day. With Asana’s mobile app, you can stay on top of your work from anywhere. Oh, and did we mention it’s free to download and use?
Organize anything, together. Trello is a collaboration tool that organizes your projects into boards. In one glance, know what's being worked on, who's working on what, and where something is in a process.
With so many tools, it's hard to keep everyone on the same page. Notion is a new tool that unifies them all.
It's like Google Docs, but everything is organized and discoverable by your team. Real collaboration in real-time.
Tired of your clunky wiki? With Notion, adding all types of content is as easy as drag & drop. Drag. Drop. Work as fluidly as you think.
Love using Trello? Notion brings the same visual organization to every page. A unique & effortless way to stay organized.
Powerful tools made with creators in mind. Visually stunning layouts made easy.
