… Source: http://latentflip.com/loupe/?code=JC5vbignYnV0dG9uJywgJ2NsaWNrJywgZnVuY3Rpb24gb25DbGljaygpIHsKICAgIHNldFRpbWVvdXQoZnVuY3Rpb24gdGltZXIoKSB7CiAgICAgICAgY29uc29sZS5sb2coJ1lvdSBjbGlja2VkIHRoZSBidXR0b24hJyk7ICAgIAogICAgfSwgMjAwMCk7Cn0pOwoKY29uc29sZS5sb2coIkhpISIpOwoKc2V0VGltZW91dChmdW5jdGlvbiB0aW1lb3V0KCkgewogICAgY29uc29sZS5sb2coIkNsaWNrIHRoZSBidXR0b24hIik7Cn0sIDUwMDApOwoKY29uc29sZS5sb2coIldlbGNvbWUgdG8gbG91cGUuIik7!!!PGJ1dHRvbj5DbGljayBtZSE8L2J1dHRvbj4%3D
Tag: Dev Tools
Accessibility Testing Tools
There is a sentiment that accessibility isn’t a checklist, meaning that if you’re really trying to make a site accessible, you don’t just get to check some things off a list and call it perfect. The list may be imperfect and worse, it takes the user out of the equation, so it is said…. Source: […]
A minimalist guide to tmux
Let’s say you’re using vim to edit code on a remote computer using ssh, and you want to open a new terminal tab to start a development server…. Source: https://medium.com/@peterxjang/a-minimalist-guide-to-tmux-13675fb160fa
I have a confession to make… I commit to master.
I used to preach about Git Flow to keep my code releasable, rollback-able, and keep a clean history. But not anymore — now, bad code doesn’t make it into my codebase. This is because I have a robust continuous deployment pipeline, and I want you to have one too…. Source: https://medium.com/@patrickleet/i-have-a-confession-to-make-i-commit-to-master-6a804f334beb
The Refresh CSS Bookmarklet -or- How to Iterate Quickly When Debugging CSS
Firebug is my tool of choice to fiddle with CSS. I’ll edit the elements on the page, and then copy my changes back to the .css file. Then save. If you’re in a webapp, refreshing the page could take a while, so here’s a great way to reload the freshest copies of the stylesheets…. Source: […]
Using PostCSS for Minification and Optimization
In the last tutorial you learned how to use PostCSS to help make your stylesheets more cross browser compatible, in particular dealing with issues arising from support for legacy versions of IE…. Source: https://webdesign.tutsplus.com/tutorials/using-postcss-for-minification-and-optimization–cms-24568
Debugging
One of the key features of Visual Studio Code is its great debugging support. VS Code’s built-in debugger helps accelerate your edit, compile and debug loop. VS Code has built-in debugging support for the Node…. Source: https://code.visualstudio.com/docs/editor/debugging
Supercharging Frontend Development with VS Code
These past few days, I dove into Visual Studio Code and TypeScript in an attempt to get a better workflow going with GraphQL / React apps. It’s been a few months since evaluating the tools I use for developing every day apps, and I’ve found some amazing stuff…. Source: https://zach.codes/supercharging-react-app-development/
Little Things I Like to Do with Git
The shortlog gives us summaries of git log; the -s flag will suppress commit description and provide a commit count summary only, and the -n flag will sort output according to the number of commits per author instead of author alphabetic order…. Source: https://csswizardry.com/2017/05/little-things-i-like-to-do-with-git/
Chrome to force .dev domains to HTTPS via preloaded HSTS
Preload HSTS for the .dev gTLD. { “name”: “dev”, “include_subdomains”: true, “mode”: “force-https” }, { “name”: “foo”, “include_subdomains”: true, “mode”: “force-https” },… Source: https://ma.ttias.be/chrome-force-dev-domains-https-via-preloaded-hsts/