#pixelsnap

[syndicode]

PixelSnap 2 for measuring anything on your screen

“Design can be art. Design can be aesthetics. Design is so simple, that’s why it is so complicated.” We agree and would like to offer you a possibility to experience a really magical tool that will help you to make your design projects more enjoyable. Please meet PixelSnap 2 ...

[trilionstudios]

#icon #design for #insurance - scalable #icons for #web and #print #fiercelycreative #proudlydependable #suprisinglynimble #pixelsnap #linework #creativestudio #iconstudio #illustrator #illustration #icondesigner #creativestudio #auto #uidesign #uidesignstudio #design #graphicdesign #designdaily #lawrenceks #dailydesign

[twentiethcenturysims]

Hi! I've been trying to find it, but I haven't had any luck. Do you know where the hair from your Milkmaid dress came from? Thank you!!

Jane Hair by @o0o0oo00o0o0o0ooo0o00o0o0

[qtrust]

Game maker retor palette swap

#GAME MAKER RETOR PALETTE SWAP CODE#

#GAME MAKER RETOR PALETTE SWAP CODE#

Here's the relevant code for the default fragment shader. Now we can finally edit the fragment shader: fixed4 SampleSpriteTexture (float2 uv)įixed4 c = SampleSpriteTexture (IN.texcoord) * IN.color We'll use a 2D texture sampler, since Unity doesn't support 1D samplers: sampler2D _MainTex We also need to define a sampler for the second texture, so we can actually access it. The first one, _MainTex, is the sprite texture the second one, _SwapTex, is the swap texture. PixelSnap ("Pixel snap", Float) = 0Īs you can see, we've got two textures here now. _MainTex ("Sprite Texture", 2D) = "white" The first thing we need to do is to add an additional texture to the shader: Properties The resulting color is then multiplied by the alpha, to make the sprite darker at lower opacities. Since the demo project is made in Unity, I'll use the default Unity sprite shader.Īll the default shader does (that is relevant to this tutorial) is sample the color from the main texture atlas and multiply that color by a vertex color to change the tint. We'll implement this idea by modifying an existing sprite shader. Note that this may not work as expected if two or more colors on the sprite texture share the same red value! When using this method, it's important to keep the red values of the colors in the sprite texture different.Īlso note that, as you can see in the demo, putting a transparent pixel at any index in the swap texture will result in no color swapping for the colors corresponding to that index. Now, when the shader encounters a color with a red value of 25, it will replace it with the blue color from the swap texture: The swap texture, with the color at index 25 set to blue. If we want to swap this color, then in the swap texture we need to set the pixel at index 25 to the color we want the outline to be: blue. The outline color is the last one on the palette-the one with a red value of 25. Let's say we want to replace the outline/eye color (black) on the sprite with the color blue. Here are the red color values of the sprite palette's colors: This means that the swap texture will need to be 256 pixels wide, because that's how many different values the red component can take. The big question is, how do we link the color from the sprite texture to the color from the swap texture? The answer is, we'll use the red (R) component from the RGB color to index the swap texture. Instead, we will use an additional texture, which will contain the replacement colors. We would definitely like to avoid any conditional statements entirely, in fact. However, this doesn't scale well for many colors, and is quite an expensive operation. Now, let's think about how we could swap these colors inside a shader.Įach color has a unique RGB value associated with it, so it's tempting to write shader code that says, "if the texture color is equal to this RGB value, replace it with that RGB value". There are quite a few colors on this texture. Here's the example texture we're going to use to demonstrate the shader: I downloaded this texture from, and edited it slightly. (The other characters all use the same sprite, but have been similarly recolored.) Click Hit Effect to make the characters all flash white briefly. Use the color pickers to recolor the top character. You can check out the Unity demo, or the WebGL version (25MB+), to see the final result in action. In this tutorial, we'll create a simple color swapping shader that can recolor sprites on the fly. The shader makes it much easier to add variety to a game, allows the player to customise their character, and can be used to add special effects to the sprites, such as making them flash when the character takes damage.Īlthough we're using Unity for the demo and source code here, the basic principle will work in many game engines and programming languages.

[manzanitas]

Favorite tweets

My favorites: - Bartender: Neat menu bar (less buggy than Vanilla)https://t.co/4rJaJl47PF - Alfred: Launching stuff & quick actionshttps://t.co/q4FcDPbvXH - PixelSnap: Measuring stuff on the screenhttps://t.co/2Rl7CIyfkg - Rectangle: Window managerhttps://t.co/S2ZACHLgqZ

— Sindre Sorhus (@sindresorhus) January 7, 2020

from http://twitter.com/sindresorhus via IFTTT

[webbygraphic001]

What’s New For Designers, June 2019

It’s that time of year when everyone’s mind is less on work, than on vacation. So, we’ve tried to round up a few new tools and resources for designers that can make projects seem a little more like play. Enjoy!

Fontanello

Fontanello is a Chrome browser extension that lets you see the type styles of text just by right-clicking it. This tool takes all the hassle out of looking for font styles by showing the name, size, leading, and color of a typeface quickly. (There’s also a Firefox browser extension.)

Freemium

Freemium is a collection of free tools and resources for designers. You can find information about all types of websites and applications (even stock photos) that are free to use. Each tool includes a description and buttons to access the tool or learn more. This database is a lot faster than searching everywhere for the right tools and having to sort through all the digital clutter.

Creative Machine

Creative Machine is an ad template tool that’s still in beta (and free if you want to try it). Use it to create an ad template and then create other dynamic creatives with just a click. If you build a lot of ad sizes for the web, this tool can help save time.

GPortfolio

GPortfolio lets you generate an automatic portfolio based on your GitHub profile. How many times have you asked for that functionality? There’s plenty of documentation to walk you getting started and examples templates.

Gradient Toggles

Gradient Toggles mixes cool animation with trendy color in elements that fade away on click. The Pen is by Mikeal Ainalem and worth a look.

Mailgo

Mailgo makes mailto functions that much prettier. The tiny tool substitutes all mailto links on your website with a snazzy popup modal that will impress visitors and allow them to choose what email program to open and send from.

PixelSnap 2

Pixel Snap 2 is a simple tool that measures anything on your screen instantly. The new version is faster and works on any screen, including apps. Measure distances between objects and copy to the clipboard or determine the size of elements or groups of elements. The tool is only for Mac right now and starts at $25 for one computer.

Design Ladder Goals

Design Ladder can help you create goals for yourself and work on your career. We all struggle with this at times; taking a minute to reflect and look forward can help push a career. It’s a worthwhile exercise.

DesignGapp

DesignGapp is a simple tool to create beautiful design documentation for projects. It takes a lot of the hassle out of building style guides that users will want to look at and you can collaborate within the tool.

Accessible Icon Buttons

Accessible Icon Buttons is a deep-dive into the UX of this design element and how it could be better for more users. Sara Soueidan does a great job with explanations and suggestions for creating more accessible button elements in your website design projects.

Materia Icons Library

Materials Icons Library is a huge collection of icons, with more than 1,000 individual elements. The style is simple in a material style, and works with popular software including Sketch, Figma, Invision Studio, and Adobe XD. Icons are also in SVG and PSD formats.

Nerd Flat Icons

Nerd Flat Icons makes me think of the Big Bang Theory – who else misses this TV classic already? – with a cool set of geeked out vector icons. The set mixes math, space, chemistry, and physic themes in 50 flat, colorful icons. Each is available in PNG and SVG format.

Nom Nom Nom Illustrations

Nom Nom Nom Illustrations are fun food-based vector drawings for projects. What’s cool about each design is that you can download an original file or convert it to a phone or desktop wallpaper. Download just the illustrations you like one by one.

3D Frame Illustrator

Picture your artwork in a frame image. The tool is perfect to see what color or style frame would look best before you push artwork for sale on design marketplaces. All you have to do is upload an image and then download a high-resolution framed image with your work inside.

Font Kiko

Font Kiko is an icon font with more than 700 individual icon elements. Search the icon set, which includes light, regular, and solid options. Icons feature a variety of elements in multiple categories for ease of use.

Giselle

Giselle is a simple handwriting-style script with nice flourishes and tails. It has a solid weight and isn’t too feminine, making it acceptable for a variety of applications.

Isle Headline

Isle Headline is a lovely serif typeface in multiple weights. The free version has a limited character set, but there is a full version available. It includes upper- and lowercase characters and the black weight is especially nice for display.

Ministry of Moron

Ministry of Moron is a striking display typeface with a wide stance and funky feel. It has uppercase letters only and numbers and is free for personal use.

National Park

National Park is a typeface designed to look like the iconic font used by the organization’s carved signs. The free font comes in four weights — light, regular, heavy, and outline — and includes a full character set.

Salt

Salt is a minimalist typeface with a low x-height. It includes a full uppercase character set and numbers in regular and bold weights. The funky feel is ideal for display use.

Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!

Source from Webdesigner Depot http://bit.ly/2XYugOM from Blogger http://bit.ly/2RgVdKI

[herrprofessor]

PixelSnap 2 — The fastest tool for measuring anything on your screen ✨ http://bit.ly/2WffHIY #hotproduct

PixelSnap 2 — The fastest tool for measuring anything on your screen ✨ https://t.co/Xeql2r3Irr #hotproduct

— herrprofessor (@ilprofessoredi) May 21, 2019

from Twitter https://twitter.com/ilprofessoredi May 21, 2019 at 11:12AM via IFTTT

[sinsonido]

RT @lukaszmtw: 👨🏻‍💻 After months of hard work it's finally here. ⚡️ PixelSnap 2 - The fastest tool for measuring anything on your screen! 👉 Now LIVE on @ProductHunt: https://t.co/mATOmcaLtL https://t.co/tZwldxSCky

👨🏻‍💻 After months of hard work it's finally here. ⚡️ PixelSnap 2 - The fastest tool for measuring anything on your screen! 👉 Now LIVE on @ProductHunt:https://t.co/mATOmcaLtL pic.twitter.com/tZwldxSCky

— Luke Oslizlo (@lukaszmtw) May 21, 2019

from Twitter https://twitter.com/sinsonido May 21, 2019 at 11:08AM via IFTTT

[hottestproducts]

The fastest tool for measuring anything on your screen ✨

[screationz2k18-blog]

Allvowance and claiming horse race.The best horse race performed. #screationz #digitalart #digitaldrawing #digitalartist #digitalillustration #digitalilltrationt #artdigital #artpractice #quickart #graphicdesign #graphicdesigner #vector #vectorart #graphicdesigners #digitaldrawing #digitaldrawings #illustration #graphic_arts #vectorgraphics #comic #illustrationartist #illustrationart #illustrationoftheday #funnyillustration #funny #adobeillustrator #illustrator #pixelsnaps https://www.instagram.com/p/Br5MAnXhyb7/?utm_source=ig_tumblr_share&igshid=4ked3s8u6d08

[trilionstudios]

#icon #design for #drone #technology- scalable #icons for #web and #print #fiercelycreative #proudlydependable #suprisinglynimble #pixelsnap #linework #creativestudio #iconstudio #illustrator #illustration #icondesigner #creativestudio #auto #uidesign #uidesignstudio #design #graphicdesign #designdaily #lawrenceks #dailydesign

[wl199601]

Tweeted

So this app just changed my life: https://t.co/ucjStTmlVF PixelSnap: "The fastest way to measure everything on screen." pic.twitter.com/88XTD9ManA

— Kent C. Dodds (@kentcdodds) September 27, 2018

[sohilpandya1990]

RT @kentcdodds: So this app just changed my life: https://t.co/ucjStTmlVF PixelSnap: "The fastest way to measure everything on screen." https://t.co/88XTD9ManA

So this app just changed my life: https://t.co/ucjStTmlVF PixelSnap: "The fastest way to measure everything on screen." pic.twitter.com/88XTD9ManA

— Kent C. Dodds (@kentcdodds) September 27, 2018

from Twitter https://twitter.com/Sohil_is September 28, 2018 at 05:27PM via IFTTT

[manzanitas]

A tweet

My favorites: - Bartender: Neat menu bar (less buggy than Vanilla)https://t.co/4rJaJl47PF - Alfred: Launching stuff & quick actionshttps://t.co/q4FcDPbvXH - PixelSnap: Measuring stuff on the screenhttps://t.co/2Rl7CIyfkg - Rectangle: Window managerhttps://t.co/S2ZACHLgqZ

— Sindre Sorhus (@sindresorhus) January 7, 2020

[iyarpage]

What’s New for Designers, February 2018

Sometimes you need to practice a little self-care. When it comes to self-care for work and design professionals that often means spending a little time to learn something new and re-energize yourself.

This month’s roundup has some great options for doing just that. Not only are these items new, but they are almost guaranteed to make you better at your job. From learning how to create better web type, to a design conference you can attend in your slippers, to a few font choices that might become part of your go-to collection, we think what’s new for designers this month will be inspiring.

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 @carriecousins to be considered!

Better Web Type

Is it time that you learned how to create better type for the web? Better Web Type is a free web typography course for web designers and developers. (It also has a paired book, “Better Web Typography for A better Web” by Matej Latin.) The online course tackles concepts such as vertical rhythm, modular scaling and composition and breaks it down in a way that’s understandable even if you don’t have any knowledge of type theory. Here’s how it works: Just register for the online course and you’ll get a daily lesson in your inbox (it should take 5 to 10 minutes to read), then keep exploring those ideas with links and other resources. The course lasts just seven days and will help you feel better about your web typography skills. You have nothing to lose.

Design Systems Virtual Summit 2018

The new Design Systems Virtual Summit is a live, online conference-style event for UX and product professionals. It’s packed with sessions and advice from some top names in the industry. Plus, it’s free for anyone to join and you can get all the great resources and information from your computer anywhere in the world. The event is Feb. 13-16 and you should reserve a spot online to get access to 13 live webinars and case studies from some great companies. Speakers include designers and UX pros from companies such as IBM, GE Digital, Salesforce, LinkedIn, Airbnb and more. If you have been wanting to attend a conference and don’t have a budget for travel, this is your ticket to get inspired and reenergized about design.

Yo! By Rob Hope

Designer Rob Hope, the person behind One Page Love, has a new YouTube show and channel, Yo!, for designers. (You can also sign up for an accompanying email of links and resources that he mentions in each episode.) The focus of the short YouTube series is design and development news, including jobs, events, resources and freebies. His roundup isn’t too long and includes plenty of things that you can use in your workflows.

JotForm Cards

JotForm, an online form creation software with 3.3 million users, debuts JotForm Cards this month, a user-friendly style of online forms that can improve completion rates. JotForm is a small business and website tool used for contact forms, lead generation, event registration, surveying customers and more. The new product means that organizations of all types will get more of the critical data upon which they depend. The company says that with testing they’ve done, JotForm Cards improves response rates by a whopping 34%. What’s different about this tool is that questions are shown one at a time to help users focus on the answer, all cards are optimized for mobile devices, micro-animations add to engagement and a progress bar shows (and encourages) form completion.

Learn Flexbox for Free

Scrimba has a new 12-part free online course that will teach you to use Flexbox. It includes all the tools you need to arrange content in flexible containers and leave you wondering how you ever worked without this tool. The course is made for beginners so that they can gain new skills and start using them quickly.

Pigment

Pigment takes the guesswork out of tints, tones and lighting differences for colors on the web. Use the tool to make adjustments on the screen for different colors and then grab the swatches for projects. It’s quick, easy and you can see the adjustments to colors right on the screen.

SVG Backgrounds

Need a fun or funky website background? Start with SVG Backgrounds. The tool allows you to create customizable SVG patterns and background designs for use on websites. You can select a premade option to start and tweak to meet your needs, then output the CSS with a Creative Commons license for use in all your projects.

Tutorial: Make Multi-Colored Icons with SVG and CSS

Learn how to create your own icon set with icon font vectors that you can color and scale for all types of website design projects. Developer Sarah Dadyan has a great step-by-step guide at freeCodeCamp with in-depth explanations for why and how to use her technique. She also shares all the code so you can try it yourself.

Adele

Adele is a collection of publicly available design systems and patterns. The design systems repository, created by UXPin, is named as a “tribute to one of the most important computer scientists focused on graphic user interfaces, design patterns and object-oriented programming – Adele Goldberg.” The massive collection includes links to design systems by name and company, as well as where you can find the code (such as GitHub or another repository), code depth, components and framework information. It’s a massive collection of design information that you can easily get lost in or learn from.

PixelSnap

PixelSnap is a simple paid web app that allows you to measure anything on the screen. Measure any distance, set hotkeys and adjust settings for maximum measurement ability. The tool is $15.

Gradient Folders

This fun set of icons includes 38 handcrafted gradient folders so the files on your desktop or laptop are a little less boring. The set includes Mac or Windows downloads with plan folders or folders with icons.

iOS 11 UI Kit for iPhone X

Design+Code has a great UI kit with all the components, layouts and typography you need to great iOS 11 and iPhone 11 mockups in Sketch. Plus the naming convention of each component follows Apple Developer Documentation so you can get familiar with the nomenclature.

Magicons

Magicons is a collection of 30 colored travel icons. Icons come in PNG, SVG, EPS and Sketch formats and can be used for almost any project where transportation or travel icons are needed.

Detectron

Facebook recently made its AI-based software system that implements object detection algorithms open source. It is written in Python and powered by the Caffe2 deep learning framework. According to Facebook, the goal of the project is to “provide a high-quality, high-performance codebase for object detection research. It is designed to be flexible in order to support rapid implementation and evaluation of novel research.” You can find it all on GitHub.

Stadia Maps

Stadia Maps helps you create great mapping experiences for better visualizations online. The tool includes raster and vector map tiles, static maps and routing maps. There are free and paid options depending on your website mapping needs.

FontRapid

FontRapid is a tool that helps you convert letter shapes in Sketch into an OpenType font. The tools allows users to make any path or shape into a font with a click, including the ability to adjust glyphs, add ligatures and create alternates for robust type collections. FontRapid is free to use within Sketch.

Fixer

Fixer is a simple geometric typeface with plenty of weights and options. From thick to thin to inline variants it can be used for display purposes.

Highlander Marker Script

Highlander Market Script is a fun handwriting-style typeface in a minimalist style. The character set includes upper-and lowercase letters, numerals, swashes and punctuation in a set that’s robust for a fee option. It makes a great display typeface for web or print use.

Influence Numerals

The typeface is a number set with high contrast for numerals with impact. The set includes four fat-style number sets – outlined, multiple inline, stripe and solid. The collection is a modern envisioning of 19th century Fat Face numerals.

Nikola

Nikola is a modern serif in regular and medium weights that can work for large of small text usage. It’s highly readable and as a paid option includes plenty of alternates, swashes and ornamentation options.

TT Wellingtons

TT Wellingtons is an English humanist-style sans serif with nice character features. The simple lines have a geometric flair to them. The premium typeface comes in nine weights and italics with ligatures and alternates.

Rebelle 2: Real-Media Watercolor and Acrylic Paint App – only $29!

Source p img {display:inline-block; margin-right:10px;} .alignleft {float:left;} p.showcase {clear:both;} body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;} What’s New for Designers, February 2018 published first on https://medium.com/@koresol