The Web Toolbox
This is a list of links to online tools. I needed a place to put this so I can get to it in a useful way.
Web Dev Tools
- DevDocs combines multiple API documentations in a fast, organized, and searchable interface.
- CSS Grid Cheat Sheet
The Ever changing list of Hipster Text Editors
- Sublime Text Editor Sublime is the current go to text editor. It is cross platform (Mac Linux and Windows). It is perpetual demoware so it will ask for money but remain fully functioning.
- Atom Atom is a true free editor made by the group that makes Github. It is cross platform (Mac Linux and Windows).
- Brackets A free and cross platform (Mac Linux and Windows) text editor focused on html and web development. Developed by Adobe.
- Visual Studio Code - Microsoft has joined Adboe in offering openish code editors.
- TextMate - For Mac and the inspiration for Sublime above.
- BBEdit - For Mac the original hipster GUI text-editor.
- Notepad++ - The workhorse text editor for Windows
- Pure CSS modular css code chunks
- Code my ui small pieces of UI experiemnts -cool stuff
- Material Design The Google
- IBM Design Big Blue
- Golden Ratio Type Calculator Web type grid creator based on the Golden Mean.
- Modular Type Scale Web type scale creator.
- Type-Scale Web type grid creator using scale and webtype preview.
- CSS Text Wrapper The CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle. You can make text wrap around curves, zig-zags, or whatever you want.
- Bootstrap3 Grid Grid reference page for Bootstrap3.
- Responsive Grid Easy way to generate a responsive grid.
- Color Thief Tool that grabs a color pallet from a picture. Similar to KULER.
- Pictaculous another tool that takes a picture and turns it into web pallettes.
- Paletton.com Palette and color tool
- Coolors A different color scheme choosing tool.
- Stylify Me Grabs color and other info from existing websites.
- Named Colors Extensive listing of all the color names that you can use instead of hex.
- Colerable A website that compares colors to validate the correct contrast.
- Find my IP and location This site will tell you your external IP and your physical location.
- Whats my Browser Size? A simple website that gives you active pixel dimensions.
- Nibbler Website evaluation site.