Front-End Tools: My Favorite Finds of 2017 | CSS-Tricks


28 bookmarks. First posted by rtvenge december 2017.


Another twelve months have passed and I'm sure all of you have come across some interesting new coding techniques, technologies, CSS tricks (of course!), and other stuff that will make you more productive in 2018. As some of you might know, I curate a weekly newsletter called Web Tools Weekly, in which I feature dozens of links every week to new tools, mostly focusing on stuff that's useful for front-end developers. So it's an understatement to say that I've come across lots of new tools over the past 12 months. As I've done in years past, I've put together a brief look at some of my favorite finds in front-end tools. And please note that this is not a list of the "best" or "most popular" tools of 2017 – this has nothing to do with popularity or number of GitHub stars. These are tools I believe are unique, interesting, and practical – but not necessarily all that well-known. They are some of my personal favorite finds of the year, nothing more. tlapse When working on a new project, especially a large and lengthy one, it's easy to forget the number of changes the project's layout has gone through. tlapse is a command-line utility that allows you to set up automated screenshots of your work at specified intervals, essentially giving you a visual timeline of your development in the form of a series of screenshots. The project has 1,100+ stars on GitHub, so it seems developers are finding a valid use for this, even though it seems a little narcissistic at first glance. Besides the novelty of being able to look back at the progress of your project, I suppose tlapse could also be used to send visual progress reports to clients, project managers, or other development team members. You install tlapse as a global npm package: npm install -g tlapse Then run it in the background and start your work: tlapse -- localhost:3000 By default, tlapse will take screenshots at one minute intervals and the screenshots will be added to the tlapse folder in the current project (i.e. where you execute the command): Usefully, tlapse will also take a screenshot only if it detects the layout has changed in some way. So if the next scheduled screenshot is the same as the previous, it will skip it: If you want to use a different directory or change the screenshot frequency, enter these as options along with the regular command: tlapse --every 3m --directory ./screenshots -- localhost:3000 As the name suggests, tlapse allows you to make a time lapse video or a
from instapaper
january 2018 by dennisreimann
Front-End Tools: My Favorite Finds of 2017
from twitter_favs
december 2017 by mybeky
Another twelve months have passed and I'm sure all of you have come across some interesting new coding techniques, technologies, CSS tricks (of course!), and other stuff that will make you more productive in 2018. via Pocket
IFTTT  Pocket  refind  s 
december 2017 by igorette
nice list of tools! various I hadn't heard of.
tools 
december 2017 by ElliotPsyIT