• Home
  • WORDPRESS
    • PLUGINS
    • PHP
    • Themes
    • DEVELOPMENT
      • Javascript
      • JQuery
      • Mootools
  • WEB DESIGN
    • DESIGN
    • CSS
    • HTML
  • TYPOGRAPHY
    • FONTS
  • RESOURCES
    • TUTORIALS
    • THEMES
    • SLIDERS
    • TECHNOLOGY
  • ARCHIVES
  • CONTACT
  • Advertise

Code Geekz

    • Most Popular

      All time

    • 30 Best Tools for Data Visualization

      37 Comments

    • Best PHP Frameworks for Developers

      33 Comments

    • Latest Stories

      What is new?

    • Building Product Teams That Scale: The Case for Remote .NET Developers

      May 21, 2025

    • Choosing a WooCommerce Theme? Here’s What Most Store Owners Get Wrong

      May 9, 2025

    • Comments

      Most Recent

    • B. Frances on:

      Best WordPress Wedding Themes

    • Ultimate Content Locker Pro on:

      Best WordPress Social Content Locker Plugins for 2017

  • Home
  • WORDPRESS
    • PLUGINS
    • PHP
    • Themes
    • DEVELOPMENT
      • Javascript
      • JQuery
      • Mootools
  • WEB DESIGN
    • DESIGN
    • CSS
    • HTML
  • TYPOGRAPHY
    • FONTS
  • RESOURCES
    • TUTORIALS
    • THEMES
    • SLIDERS
    • TECHNOLOGY
  • ARCHIVES
  • CONTACT
  • Advertise

Fresh Resources for Developers – February 2017

0
  • by Gavin
  • In DEVELOPMENT · RESOURCES
  • — 21 Feb, 2017

Every month myriad of web development tools are being released by developer community. Such tools are quite useful when working on different projects. These tools not just make the work easier but also help you to accomplish the task on certain dead line.

If you are one of those developer who is looking for some handy tools then you are at right place, in this month’s edition (February 2017) we’ve included lots of productivity apps, frameworks, plugins, JavaScript libraries, best practices guides, educational resources, testing tools, and much more.

If we’ve missed something that you think should have been on the list, let us know in the comments.

And if you know of a new app or resource that should be featured next month, tweet it to @codegeekz to be considered!

1. Lunacy


It is a tool that allows you to open Sketch files in Windows. The free tool allows users to export images, generate CSS for layers and work offline. It also inspects layers, measurements, styles, fonts and colors so you can work with Sketch files away from a Mac.

2. Caption


This app, Caption, for instance is built on top of Electron. It is a simple app that allows you to search Subtitle files (.srt) to attach to the video you are watching.

3. Lottie


Lottie is an iOS, Android, and React Native library that renders After Effects animations in real time, allowing apps to use animations as easily as they use static images. Bundle vector animations within your app without having to worry about multiple dimensions or large file sizes. Alternatively, you can decouple animation files from your app’s code entirely by loading them from a JSON API.

4. IconJar


Iconjar leaves digging through your design asset folders behind and lets you access your icons without the hassle. Your icon organizer is always just one click away. It features incredible support for SVG’s and icon fonts that you can drag-and-drop into any app. It’s no rocket science, we pinky promise.

5. CSS Peeper


CSS Peeper is a smart CSS viewer for designers that helps you access styles with a Google Chrome extension. Install the tool and you can immediately see the line height, font or button size on any website.

6. Vonic


Vonic is a collection of UI for mobile built using Vue.js and Ionic CSS. It comprises a lot of UI components commonly found in a mobile including the Checkbox, Search Form, Swiper, and so-called Accordion.

7. Github Auto Updater


Github Auto-Updater is Composer library that allows your plugin to be updated from Github. This is a handy script for developers to maintain plugins for their clients without necessarily uploading it to Github repository.

8. Vecteezy Editor


Vecteezy is a free SVG editor that allows you to create vector elements with ease. The Chrome, Chromium or Opera plugin allows users to edit or create vector designs in-browser, a great time-saver for small elements and tasks.

9. Datedropper


Datedropper is one of the smallest jQuery UI date pickers you will find and it is quite powerful. The new 3.0 version includes touch interactions, a large mode and redesigned scripts.

10. Luxbar


Luxbar is a CSS framework to create a responsive navigation easily; simply add the stylesheet and add the HTML properly. You can install this library through NPM, Bower, or link the stylesheet directly from the CDN.

11. Graaf


Graaf is a collection of pure CSS grids for designing your new projects, Graaf provides an overlay over your page to see how the grid — column, row, gutter — is laid out. You can also generate your own grid specification using the API provided.

12. WordPress Component Library


10up, one of the prominent names in WordPress, released a UI library designed specifically for WordPress. Unlike other UI library which only provides CSS and HTML codes, 10Up also provides the PHP code snippet that you can just paste in your theme. The component includes Navigation, Tabs, Tooltips, Commonts, and Blogrol.

Each component in this library is built with simplicity and accessibility in mind, tailored to fit the often opinionated nature of WordPress core output. These components are intended to be easily adapted to any number of different projects and use cases.

13. Auto Layout for Sketch


Auto Layout is a Sketch plugin that allows designers to define and view a project on different screen sizes, not just iPhone 7. (There are plenty of users without the latest Apple device.) The coolest feature might be the ability to generate and see artboards for all selected screen sizes at one time.

14. jExcel


jExcel is a jQuery plugin to embed a spreadsheet, compatible with Excel, in your browser. You can load data straight to the table from a JS array, json or even a CSV file. You can copy and paste from or to Excel straight to jExcel.

You can easily integrate with third party jQuery plugins to create your own custom columns, custom editors, and others. It has a plenty of nice features such as key value dropdown, CSV loading/exporting, multiple spreadsheets and much more.

15. QArt.js


QArt.js is a javascript library that merges pictures and QR codes for artistic QR codes. It can be used as React component, Angular.js directive and Vue.js directive.

Share

Tags: auto layoutcss peeperfresh tools february 2017fresh web resourcesscreen sizessketch filesui libraryweb designer toolsweb development tools

— Gavin

A Web addicted Geek stuck inside Tron.

  • Previous story Best Linux Distributions for 2017
  • Next story 15 Best Beauty and Hair Salon WordPress Themes

You may also like...

  • JavaScript Code Editors and IDE for Developers
  • Latest Roundup of Useful Tools For Developers
  • Fresh Resources for Designers and Developers June 2014
  • Best Freebies and Goodies for Designers

Enter your em@il & get our posts delivered.





  • Enter your em@il & get our posts delivered.

  • Codegeekz
    • Home
    • DEVELOPMENT
    • Fresh Resources for Developers – February 2017
    • Home
    • WORDPRESS
      • PLUGINS
      • PHP
      • Themes
      • DEVELOPMENT
        • Javascript
        • JQuery
        • Mootools
    • WEB DESIGN
      • DESIGN
      • CSS
      • HTML
    • TYPOGRAPHY
      • FONTS
    • RESOURCES
      • TUTORIALS
      • THEMES
      • SLIDERS
      • TECHNOLOGY
    • ARCHIVES
    • CONTACT
    • Advertise

    CODEGEEKZ.COM