What is the better way to show these icons selected?
These are the icons we have made for one of the product and these ones are the finalized ones.
But we have a problem as we are unable to get a better way to show the selected ones.
One way to do this is by inverting the colors but the issue is we have more than 50 icons overall and from the development perspective we have to provide two SVGs for a single icon to the developers which will make the app heavy.
So my problems are :
(a) Better way to show these icons(in general : icons with long shadow effect) selected.
(b) And a way to show them on the darker backgrounds
Use a colour to represent "selected" and grey scale to represent "unselected". You can do this against a dark background too (as long as the "selected" and "unselected" has enough visual contrast and visual harmony against that darker background)
You can achieve this by using colors. Depending on the environment/language you are working with. I think you are developing a web-based application. Use the original color of the icon when it's selected else target the unselected icons with class that when they are inactive , their colors would be set to grey. This is the most used technique and it will reduce the cognitive load.
Just add a grey square around the icon so it looks selected.
I have an application with gulp task, in a certain task I have retire, like a security package, when I run this task with gulp, I get a log like this: demo-mobile 1.1.5 ↳ debowerify 1.3.1 ↳ bower 1.3.12 ↳ semver 2.3.2 I want to save this log in a htm
Background: I'm in the process of writing guidelines for use within the company. These guidelines list all sorts of possible solutions to a given problem, and each of them are rated according either to its difficulty or to its efficacy, or both. Ques
After loading some files I get a table that looks like the following: The picture above shows that 49 rows were processed, of which 33 are okay, 8 have warnings and 8 have errors. Now, each rows with warnings or errors can have a list of errors. I wa
So we have data that is to be searched based on date, time and preferred duration. Think of it like a meeting scheduling system with a search functionality of finding a meeting room at one of the many locations. Now a calendar view seems to be the mo
What's the best way to show a text message for only IE 6 and IE 7 ? Should I add a html tag to my webpages and normally hide it with css for all browsers except the above mentioned ? And when I use IE6 IE7, should I hide the website with css and show
What is the best way to solder these stranded wires onto a vero board (strip board)? I am thinking maybe using some kind of connector instead of just soldering on. It will make things more flexible. I also want it to look semi professional. If using
I have a page to create orders on which the users can take any one of two actions - send to design and send for invoicing. Different groups of users take these actions in different order. The fields on the page are grouped in sections which are liste
I have been looking at some of the most used project management / issue tracker on how do they show associated projects to thier user. In trello, I found that on the click of "Boards" they show the project list. While on asana, they have a sideb
I have to implement a solution to share some xml files between a frontend server in a DMZ and his backend in an internal network. Both servers are Solaris 10 boxes. What is the better way regarding security? The backend server has a oracle database a
I have a input field of type "datetime-local" . When I am assigning to it the current TimeStamp, the input filed is showing the seconds and milliseconds also. What is the simplest way to show the time only till minutes ? <body ng-controller=&
I have to create a priority queue for elements which have multiples variables with an associated weight, what is the better way calculate a unique value in order to get the order of each element in the queue? using a weighted average or using some ma
I've been trying to find documentation on how to correctly dispose webs and sites and I've come across this article which is quite good, but doesn't seem to cover all my scenarios. My specific problem is with the following scenarios: 1: SPWeb.ParentW
This question already has an answer here: How to show code samples in an interview? [closed] 3 answers I realize that there are already a couple of questions about this, but they mostly are about if you should bring code to the interview, which is no
We have a list of missions on one page. We want to highlight difficulty level so the user can choose depend on his skills or how much time do they have. Right now we have stars there. But it is more connected with rating than with complexity/difficul
I am working on an e-commerce aggregator site. I need to place a Facebook like widget. Now, I am not sure what is the best way to get the user to like the Facebook page. What would be the best way to get user to like the page on Facebook? Should I go
I have a very concrete scenario but I think it would be quite frequent. I'm trying to come up with a solution that it's "better" by better meaning more scalable, reusable and not smelly. I'm working with very old crufty legacy code and Trying to
I am working on wireframes for small application, which has 2 screens. One of them is primary, the other one is secondary. Now I am thinking of what is the best way to create navigation for this kind of application. What would be your advices? ------
I do need to implement iOS application with video files played back in background. E.g. on first viewController one video should be played back in background instead of some photo or color background. on second viewController another video should be