Better Icon and Label Alignment

Parakeet Blog: The Shape of Apps

While icons on iOS (formerly iPhoneOS) have always been rounded squares, and rounded-square icons have existed on Apple platforms for over 20 years now, Mac app icons have historically exhibited a variety of unique silhouettes, which helped identification alongside other visual tools like color, lighting, and dimensionality.

Shrink-wrap Text with `position-anchor`

Normal text wrapping can leave big gaps in your container, which can become even more exaggerated with the new-ish CSS values of text-wrap: balance and text-wrap: pretty. You almost certainly want …

Favicon Generator for perfect icons on all browsers

The ultimate favicon generator. Design your icons platform per platform and make them look great everywhere. Including in Google results pages.

Balancing flex items with flex-wrap: balance

A look at how flex items wrap and how to balance them across lines.

Icons in Menus Everywhere — Send Help

Writing about the big beautiful mess that is making things for the world wide web.

Mac 30th Anniversary Icons

Mac 30th Anniversary Icons in SVG format

Phosphor Icons

A flexible icon family for interfaces, diagrams, presentations — whatever, really.

Something’s Rotten in the State of macOS Icon Design

Writing about the big beautiful mess that is making things for the world wide web.

It’s hard to justify Tahoe icons

Looking at the first principles of icon design—and how Apple failed to apply all of them in macOS Tahoe

Davis Mega Maze - Davis Mega Farm Festival

[vc_row full_width=”stretch_row_content” css=”.vc_custom_1695133852660{margin-top: 0px !important;margin-right: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;padding-top: 0px !important;padding-right: 0px !important;padding-bottom: 0px !important;padding-left: 0px !important;background-color: #000000 !important;}”][vc_column css=”.vc_custom_1695133816273{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;background-color: #000000 !important;}”][vc_column_text css=”.vc_custom_1756320183567{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;}”][/vc_column_text][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1600113663479{padding-top: 0px !important;background-image: url(https://davismegamaze.com/wp-content/uploads/2018/07/Background.jpg?id=1374) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}”][vc_column css=”.vc_custom_1529348978248{margin-top: 0px […]

Home - Tour de Pologne

[vc_row full_width=”stretch_row_content_no_spaces” content_placement=”middle” css=”.vc_custom_1752606901988{background-color: #000000 !important;}” el_class=”top-grid”][vc_column][/vc_column][/vc_row][vc_row full_width=”stretch_row” content_placement=”middle” disable_element=”yes” css=”.vc_custom_1785748496713{padding-top: 10px !important;padding-bottom: 10px !important;background-color: #FFEA01 !important;}”][vc_column][mnky_retina_image img_url=”42235″ align=”retina-image-center” width=”347px” …

Fediverse Iconography

icons for the fediverse

Revealing Text With CSS letter-spacing | CSS-Tricks

Until we get something like ::nth-letter, there are still some really cool text effects we can make from existing CSS features, like letter-spacing, ::first-word and ::first-line.

The Making of Cursor's Icons

A year of drawing, testing, and shipping a complete icon system for the world's favourite coding agent.

The making of a product icon | Figma Blog

Product Designer Tim Van Damme shares his thoughtful approach to Figma icon design and the creative exploration that shapes each final result.