: How to make vector templates from CSS frameworks? I am planning in creating a Illustrator/Sketch vector based template for the CSS framework UiKit. And I wonder how to do that. My first thought

Posted in: #AdobeIllustrator #Css #SketchApp #TemplateDesign #Vector

I am planning in creating a Illustrator/Sketch vector based template for the CSS framework UiKit. And I wonder how to do that.

My first thought was to print to PDF and dissect it from there, but then the print styles get to work. And it would be way too much work to remove all print related styles with FF's element inspector.

So my only other idea would be to make screenshots of the page and redraw it in Illustrator, using an overlay tool such as GluePrint (Mac) or Image Overlay Utility (Win).

I also tried to use Inkscape's CSS via its XML inspector, but it obviously does not support a lot of the required CSS.

10.02% popularity Vote Up Vote Down

: Table in Indesign not exactly a table inside text frame. What is it? I am designing a catalog using several elements from another one. BUT what looks like a table is not a table exactly.

@Shelton719

Posted in: #AdobeIndesign

1 Comments

: Does Photoshop CS6 Lens Correction need to be done before other edits? If I have a photograph and forgot to do Lens Correction for the lens used to take the photograph, and have subsequently

@Shelton719

Posted in: #AdobePhotoshop #Crop #Vignette

2 Comments

: Inkscape: 14px font bigger than I expected To design a website using Inkscape, I have added a 960px grid. But, the first thing I have notice is that the 14px font seems to big respect to

@Shelton719

Posted in: #Inkscape

1 Comments

: Can you suggest a font similar to this cursive shoelace style font from the Wale Mixtape I need to find a font similar to this font: The font is from a mixtape "100 Miles & Running"

@Shelton719

Posted in: #Calligraphy #FontIdentification #FontRecommendation #Fonts

3 Comments

Login to post a comment!

2 Comments

Sorted by latest first Latest Oldest Best

@Lengel450

WebVector is a java applet that can render HTML as SVGs.

Creat an HTML file for each UiKit component you wanted to convert
Point WebVector at each file and generate your SVGs
Tidy up the SVGs in your favourite vector editing app.

10% popularity Vote Up Vote Down

@Steve758

I haven't tried this, but it might be worth a shot:

Paparazzi can take screenshots of a page and save it as an editable svg, that can then be imported into sketch/illustrator

Here's a more detailed tutorial on how to do it

10% popularity Vote Up Vote Down

Feed

: How to make vector templates from CSS frameworks? I am planning in creating a Illustrator/Sketch vector based template for the CSS framework UiKit. And I wonder how to do that. My first thought

More posts by @Shelton719

: Table in Indesign not exactly a table inside text frame. What is it? I am designing a catalog using several elements from another one. BUT what looks like a table is not a table exactly.

: Does Photoshop CS6 Lens Correction need to be done before other edits? If I have a photograph and forgot to do Lens Correction for the lens used to take the photograph, and have subsequently

: Inkscape: 14px font bigger than I expected To design a website using Inkscape, I have added a 960px grid. But, the first thing I have notice is that the 14px font seems to big respect to

: Can you suggest a font similar to this cursive shoelace style font from the Wale Mixtape I need to find a font similar to this font: The font is from a mixtape "100 Miles & Running"

Login to post a comment!

2 Comments

Back to top | Use Dark Theme