Useful to the designer and developer. Fresh utilities and tools to speed up the work. Issue 10



    The 10th "Anniversary" release of useful pieces for designers and developers. Today in issue 31 is a reference to all sorts of fresh goodies. Nothing more to add → study for yourself and share with friends!

    By the way, if you use Figma , I recommend paying attention to our ready-made design systems . They help freelancers complete more orders per month, programmers are allowed to create beautiful applications on their own, and team leads “sprint” sprints faster using ready-made design systems for team work.

    And if you have a serious project, our team is ready to deploy a design system within the organization based on our best practices and tailor it to specific tasks using Figma. Web / desktop, and any mobile. We are also familiar with React / React Native. Write to T: @kamushken

    #sketch

    Dribbble → Sketch palette


    A free extension for the browser that allows you to import a palette from any Dribbble shot immediately into Sketch

    github.com/amiechen/dribbble-sketch-palette





    #uikit #sketch

    Planguru Free UI Kit


    Netguru is promoting a free UI kitik on the theme of the task scheduler. There are versions for Sketch and PS.

    www.behance.net/gallery/62593397/Planguru-Free-UI-Kit





    #development

    Direct select android


    Ramotion issued a ready-made code for mobile devices with a new approach to selecting an item in any list. The approach is based on the same concept as a pin fixed in the center of the screen, and the map below it is shifted by a swipe.

    github.com/Ramotion/direct-select-android





    #webtools

    Emojiers


    The new catalog of all emoji, sorted by category. There is a search functionality, by clicking a character is copied to the buffer. Emoji has often been used recently in publications, interfaces, and documents to enhance meaning.

    www.emojiers.com





    #tutorial

    Improve your landing page


    In his article (eng) Alexander Handley compares the techniques and approaches to the visual development of the landing pages of the 3 largest Western companies.

    medium.com/sketch-app-sources/improve-your-landing-page-by-learning-from-the-best-ddb431aa1c04





    #framer #sketch

    Sketch → Framer


    Framer launches the plugin for those who want to seamlessly migrate from Sketch. The redistribution of the market in all its glory.

    framer.com/sketch/?utm_source=designer_news&utm_medium=launch_post&utm_campaign=sketch_copy_paste





    #tutorial

    Hand lettering tutorial


    Extensive TopTal tutorial on caligraphic design (eng). Inside there are many beautiful handicrafts with links to the authors. Ideal as a source of inspiration.

    www.toptal.com/designers/typography/hand-lettering-tutorial





    #development #js #vanilla

    Onboarding driver


    Fast, easy, free library for highlighting the necessary sections on your site. Absolutely ideal basis for creating walkthrough / onboarding for any web products.

    kamranahmed.info/driver





    #development

    Newsletters for web developers


    A web developer named Travis Van Der Font picked up and collected in one post the most top-rated and useful in his opinion newsletters on webdev'a

    codeburst.io/newsletters-for-web-developers-c6d6590f7f55





    #development

    Prettier


    Prettier is an indispensable tool for developers to automatically format code. The link leads directly to "How it works", more than 8 languages ​​are

    supported prettier.io/docs/en/index.html





    #news #xd

    Xd news


    I take this opportunity to congratulate those who use Adobe XD - now he has learned to open PSD and Sketch files.

    www.adobe.com/products/xd/features.html?promoid=5NHJ8DC6&mv=other





    #news #development

    Stackoverflow.com survey 2018


    The Stackoverflow, which doesn’t need to be introduced, has published a survey of more than 100,000 web developers on the topic of professional development.

    insights.stackoverflow.com/survey/2018





    #webtools

    Artpalette


    Google has released its own image-based color scheme generator. Experimental :)

    artsexperiments.withgoogle.com/artpalette





    #stock

    Motosha


    Fresh free imagebank. In this area, new images are always good, because here and there you come across hackneyed faces with pixabay.

    www.motosha.com





    #figma

    Material components on video


    A small fascinating video showing 1682 material components of a design system in Figma. Perhaps this is a record team library today :)

    youtu.be/fj0RKgZecT0





    #webtools

    Webflow.com ecommerce


    Webflow coolly announced e-commerce solutions. Without coding by hands and templates. In fact, from the point of view of the environment of the tool itself, there is nothing new. Just a quality presentation and an attempt to target an audience that works in the field of ecommerce.

    webflow.com/ecommerce





    #sketch

    Native web components for sketch


    If you work in Sketch, the next library of components has been released for you. And not simple, but native! Yes, and under the web. The appearance is simple and unpretentious, but the author claims that the point is not at all in this. You can find it in his post on Medium, where he explains how it works.

    blog.prototypr.io/native-web-components-a-free-sketch-library-eaed1a8af936





    #uikit #sketch

    Card ui kit deck


    Another UI kit is released by InvisionApp. Designed for products where the flow of information in the form of cards is mainly used. PSD / Sketch.

    www.invisionapp.com/blog/card-ui-kit-deck





    #uikit #sketch

    macOS ui by Sketchapp.com


    A fairly extensive and proprietary lib UI components macOS from Sketchapp. This is the official UI kit.

    sketch.cloud/s/VEp78





    #development

    Light snackbar


    Light is a small material design style add-in for notifications that allows you to use the standard Android snackbar in a more elegant way. This is an interesting example when standard components start to “sound” in a new way.

    github.com/TonnyL/Light





    #stock

    Pixelify


    A huge new stock for designers, full of free buns in the form of fonts, icons, banners, ui whales and other graphics. Search filtering is available. Some sections are already well filled, some are not very good.

    pixelify.net





    #stock

    UIfaces


    A large library of faces and faces to fill your prototype with userpics. Using filters, you can specify the range of ages, emotions, as well as the sources by which to search (unsplash, pexels, pixabay, etc.).

    uifaces.co





    #webtools

    Color wheel


    Fairly simple, but curious “coloring” of graphics. Download a monochrome design and get a lot of different color schemes. Ideal for lazy designers who want to quickly show a lot of options to the customer :)

    brandmark.io/color-wheel





    #webtools

    Emojiart


    Emoji these days is quite important not just as emoticons. A new curious trend is emoji art. This library contains many ready-made combinations to copy, for example, in correspondence.

    emojiart.org





    #development #vue #js

    VueDS


    Free open source library to create design systems based on Vue.js

    vueds.com





    #webtools

    Cover letter


    For lazy programmers, there is also something useful - an automatic cover letter generator. Complete 4 inputs with your experience and skills and generate cover letter.

    www.dailycodingproblem.com/coverletter





    #development #git #python

    Sketches to HTML


    An experimental project in Python from Indian colleagues, which (attention!) Will upload a picture with a drawn layout by hand and convert it to HTML. Machine learning and artificial intelligence in all its glory!

    github.com/ashnkumar/sketch-code





    #tutorial #video

    Machine learning for JS tutorial


    Absolutely Hit Machine Learning Video Tutorial Using Javascript! (1k + likes “for” and only 4 “against”).

    www.youtube.com/watch?v=9Hz3P1VgLz4





    #webtools

    Trianglify


    The strongest browser generator of polygon textures with a bunch of settings: color, size, kink, and so on. The author, where were you a few years ago when it was a trend to stick such textures into any layout to blur the eyes of the customer? :)

    trianglify.io





    #webtools

    Online PNG tools


    Online PNG image handler. You can convert, improve, customize images without leaving the browser and without resorting to desktop image editors.

    onlinepngtools.com





    #webtools #development #js

    Ui charts


    New rich library for creating graphs and data visualization for any web-products.

    ui.toast.com/tui-chart





    You can share this article. Let us together develop a design community and support developers by helping them distribute their useful and free products. Thanks for attention!

    Timeline: first editionsecond editionthird editionfourth editionfifth editionsixth editionseventh editioneighth editionninth edition

    Also popular now: