Archive for the ‘Sketch’ Category

Sketch Now Replicates Inside & Outside Stroke Alignment

Posted on: No Comments
I was just bemoaning strokes the other week: And that's the trouble with text-stroke in CSS: you have no choice. It's center-aligned stroke only. Either of the other options [outside-aligned or inside-aligned], arguably, would have been more useful. Th...

Papercons

Posted on: No Comments
Bobby Grace, on the Dropbox Paper team: On the engineering side, we use inline SVGs. These have many advantages. One advantage is that SVG is a well-structured format that we can manipulate with code. Paper is also using React and has a component for i...

Sketch Vs. Figma: The Showdown

Posted on: No Comments
    The past year has seen quite a rise in UI design tools. While existing applications, such as Affinity Designer, Gravit and Sketch, have improved drastica...

Preparing and Exporting SVG Icons in Sketch

Posted on: No Comments
There is an interesting gotcha about the fill-rule attribute of SVG, detailed here by Anthony Collurafici. Fill-Rule is an SVG property that basically defines how to determine what shapes are filled or subtracted from the shape. The default SVG value i...

How To Create A Realistic Clock In Sketch

Posted on: No Comments
    Creating a clock in Sketch might not sound exciting at first, but we'll discover how easy it is to recreate real-world objects in a very accurate way. Yo...

Exporting Images in Multiple Resolutions Simultaneously

Posted on: No Comments
No surprise to any of y'all: screens come in a whole lot of different sizes and pixel densities these days. The technology behind dealing with that is catching up. For example, responsive images. So, we need software to help us generate those many vers...