Responsive Web Map Design
ai2html is a free and open-source (FOSS) script that can be installed to run inside Adobe Illustrator and help cartographers and web developers solve problems with text sizing in responsive designs. It converts Illustrator files into HTML outputs that can be easily edited, customized, and mapped, with labels that stay relative to the image behind them. The created webpage features a responsive, scalable map of Sweden with hyperlink labels, hand-drawn graphics, and a header, footer, and supporting text in the page surround.
Key Skills
- Maintained principles of Web Content Accessibility Guidelines by implementing responsive design techniques in HTML and CSS, resulting in a webpage that adapts to different devices and the different needs of users.
- Created a fully-functional webpage in HTML displaying semantics, a header, footer, aside, and divs that operate with Flexbox properties.
- Operated the ai2html FOSS script across multiple platforms, modifying the script properties and fine-tuning customizations to conceive working, scalable graphics.
Software
- Adobe Illustrator
- ai2html
- Visual Studio Code
Click the icon in the bottom right to view in full-screen.