This is great for when you’re working on a project that has bad/wrong/broken eslint config file. The linting/hinting that most of use know and love from our favorite IDEs, but in the browser. While this functionality is built into most IDEs, I still find myself regularly throwing in a string of minified JSON or HTML into the site. Online JavaScript Beautifier - beautifier.ioīasically the “pretty print” button from Chrome Dev Tools attached to a text box. They all do that.” Regexr lets you visualize what your expression is matching and capturing while you’re constructing it, in addition to providing a cheatsheet and common patterns. His response, “It doesn’t matter, just get really good at regular expression. When I was first starting out, I asked one of the other developers I was working with what programing language I should learn. It’s an open-source project so new items are being added to it regularly. It contains inspiring lists, manuals, cheatsheets, blogs, hacks, one-liners, cli/web tools, and more. This repository is a collection of various materials and tools for developers. More than anything else it’s a good general checklist to prevent you from running into a road blocks down the road because you forgot to install something basic you needed. It covers everything from basic stuff like installing Homebrew & iTerm to more involved topics like Ruby & Node version management with rvm/nvm. This has been my go-to guide for setting up a Mac machine for development work for the past 5 years. Programmer & Coding Things MacOS Setup Guide It’s incredibly rudimentary but has been something I’ve used consistently for nearly a decade. It gives you a ton of syntax highlighting/color scheme options and is a way easier alternative than trying to mess with your editor and the snipping tool.Īllows you to calculate the missing value of an image based on its original aspect ratio when resizing it. It’s completely free, open-source, and even has a community of folks making libraries of shapes & objects that you can use as well.Ĭarbon lets you create great looking code snippet images for use in things like a presentation slide or blog post. Easily Make Diagrams w/ ExcalidrawĮxcalidraw lets you easily make “white-board” style diagrams that look great. It’s worth noting that if you’re trying to include an SVGs directly in JSX, TypeScript doesn’t like you using the the style attribute apparently? OMG-SVG allows you to convert those styles to their appropriate attribute values, making them JSX safe. It works really well and is completely open-source. Created by the always entertaining Jake Archibald, it takes the SVG optimizer tool SVGO, that would normally run as part of build/deploy process or toolchain and turns it into a web app with a simple user interface. Meaningless metadate, repeating styles, unneccesarily specific coordinate values, and more all conspire to bloat a file to multiple times larger than it needs to be. If you look at the code behind SVGs that are created using design tools like Photoshop or Illustrator (or even Boxy SVG), it’s kind of a mess. …and if you plan on putting SVGs on the internet you need to use OMG-SVG It also includes a really neat generator feature that allows you to create valid barcodes & QR codes, jigsaw puzzle templates, parliament charts, or printing marks. You do have to create an account to export or save anything, but it does allow you to generate alternative file types (png,jpg,etc). ai.īoxy SVG is a free, easy to use, and pretty robust SVG editor. An alternative is Photopea, which provides a lot of the same tools, but also allows you to open native file types like. It’s got layers, masking, transforms, clone stamping…literally all the things. Pixlr is free, runs in the browser, and accomplishes 80% to 90% of the stuff that most people would ever want to do in Photoshop. Visual & Design Things Pixlr: Photoshop for free on the internet There are tools for visual/design, coding, audio/video and DevOps & routing. « All Posts FebruClever Sites For DevelopersĪ small collection of sites/services/resources that I’ve found useful throughout my career in web dev.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |