Comments (6)
Ok, found it - the concept of grouping icons into a single image for download and then pulling them out on the page is called using css "sprites" and is discussed well in this article:
http://www.webdesigndev.com/display-icons-using-a-single-image-and-css-sprites/
So the first step would be stitching together the icons into a single PNG, and then creating a css scheme giving each icon a name and background position. Then the code just assigns css classes based on the config file. It's possible we might need 3 versions of each icon: regular, greyed out, and a slightly different color than regular for creating a hover effect. Sound like fun?
from enviroatlas.
Here's my first attempt - please let me know if there's enough distinction in colors. If it looks good I can define the coordinates of each little section accordingly for css. I didn't make a shade variation for BWs... thought we could use the darker color image for hover.
from enviroatlas.
Awesome, looks great to me!
On Tue, Dec 8, 2015 at 11:53 AM, brosenbaum [email protected]
wrote:
[image: all_bc]
https://cloud.githubusercontent.com/assets/6422486/11666470/840e00ce-9da1-11e5-8508-04f1c6a36172.pngHere's my first attempt - please let me know if there's enough distinction
in colors. If it looks good I can define the coordinates of each little
section accordingly for css. I didn't make a shade variation for BWs...
thought we could use the darker color image for hover.—
Reply to this email directly or view it on GitHub
#61 (comment)
.
Torrin Hultgren
Senior Manager, Geospatial Solutions
Innovate!, Inc.
O: (703) 922-9090 x737
Innovate!, Inc. is a Virginia-based 8(a), Hispanic- and woman-owned
business delivering Geospatial, Information Technology, Security,
Business Consulting, Project Management and Executive Coaching
solutions to our government and private sector clients. Check us out
at www.innovateteam.com.
from enviroatlas.
Added People and Built Spaces (PBS) and Supplemental icons.
from enviroatlas.
here's the css style file assoicated with the image in a zipped folder to
add to the appropriate locations - Baohong - I'll let you place it where
you need. (add to an existing css?)
On Tue, Dec 8, 2015 at 12:29 PM, Torrin Hultgren [email protected]
wrote:
Awesome, looks great to me!
On Tue, Dec 8, 2015 at 11:53 AM, brosenbaum [email protected]
wrote:[image: all_bc]
<
https://cloud.githubusercontent.com/assets/6422486/11666470/840e00ce-9da1-11e5-8508-04f1c6a36172.pngHere's my first attempt - please let me know if there's enough
distinction
in colors. If it looks good I can define the coordinates of each little
section accordingly for css. I didn't make a shade variation for BWs...
thought we could use the darker color image for hover.—
Reply to this email directly or view it on GitHub
<
#61 (comment).
Torrin Hultgren
Senior Manager, Geospatial Solutions
Innovate!, Inc.
O: (703) 922-9090 x737Innovate!, Inc. is a Virginia-based 8(a), Hispanic- and woman-owned
business delivering Geospatial, Information Technology, Security,
Business Consulting, Project Management and Executive Coaching
solutions to our government and private sector clients. Check us out
at www.innovateteam.com.—
Reply to this email directly or view it on GitHub
#61 (comment)
.
Barbara Rosenbaum
Innovate!, Inc.
Office: (541) 929-6622
Message: (703) 922.9090 x 739
[email protected]
Innovate!, Inc. is a Virginia-based 8(a), Hispanic- and woman-owned
business delivering Geospatial, Information Technology, Security, Business
Consulting, Project Management and Executive Coaching solutions to our
government and private sector clients. Check us out at www.innovateteam.com.
from enviroatlas.
zip file would not load. Baohong has code and png for implementing into widgets.
from enviroatlas.
Related Issues (20)
- Community tiled layers not showing "Map description" in layer list menu, also popups are flakey
- Time Series Viewer - please change default visibility/transparency for all layers to 60% HOT 4
- Raindrop Tool - misc. questions HOT 1
- Only one segment of an elevation profile is being displayed
- Many layers are hidden from searchFilter widget when a community is selected
- All external services fail to load via add data widget, even if service is live
- Remove "+/-" button in search filter widget.
- Break multipart features into single part to make popups more performant HOT 1
- Delay application of new symbology until "apply" button is clicked HOT 2
- "Draw layer on top" isn't working for dynamic layers HOT 8
- Default visibility should be 60% instead of 50% HOT 2
- For tiled map services in the config file, the layer list legend does not respect transparency but... HOT 1
- Change wording from "All Communities" to "Combined Communities" throughout application HOT 1
- SLD layers have feature services turned on at all scales
- Config file changes HOT 1
- HUC Nav and raindrop text changes HOT 1
- fixes to left panel widgets HOT 1
- Explore including text next to cursor for analysis tools HOT 1
- Functionality issue between Raindrop/HucNav/Elevation HOT 1
- Explore upgrade to WebAppBuilder 2.x HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from enviroatlas.