# \#design **URL:** https://forum.codeselfstudy.com/tag/design/45.md [Latest](https://forum.codeselfstudy.com/latest.md) · [Categories](https://forum.codeselfstudy.com/categories.md) · [Tags](https://forum.codeselfstudy.com/tags.md) --- ## [Icons, photos, and design elements](https://forum.codeselfstudy.com/t/icons-photos-and-design-elements/1018)
**Author:** [@PaulH](https://forum.codeselfstudy.com/u/PaulH)\ **Replies:** 9\ **Last updated:** [December 15, 2021, 5:20am UTC](https://forum.codeselfstudy.com/t/icons-photos-and-design-elements/1018 "2021-12-15T05:20:16Z")
For Free Icons: https://material.io/tools/icons/ For public domain photos: https://pixabay.com/ https://www.pexels.com/ Landing Page Templates --- ## [Wireframing Tools](https://forum.codeselfstudy.com/t/wireframing-tools/2063)
**Author:** [@Josh](https://forum.codeselfstudy.com/u/Josh)\ **Replies:** 0\ **Last updated:** [January 24, 2020, 10:34pm UTC](https://forum.codeselfstudy.com/t/wireframing-tools/2063 "2020-01-24T22:34:21Z")
Here are some interesting wireframing tools. They look a little like Balsamiq (but free). Figma is one that has been mentioned at meetups. I often use Inkscape. Rough.js https://wiredjs.com/ (showcase) https://miragej… --- ## [SVG Backgrounds](https://forum.codeselfstudy.com/t/svg-backgrounds/1585)
**Author:** [@Josh](https://forum.codeselfstudy.com/u/Josh)\ **Replies:** 2\ **Last updated:** [May 22, 2021, 7:20pm UTC](https://forum.codeselfstudy.com/t/svg-backgrounds/1585 "2021-05-22T19:20:31Z")
This looks useful: https://www.svgbackgrounds.com/ (via chat) --- ## [CSS Generators](https://forum.codeselfstudy.com/t/css-generators/2620)
**Author:** [@Josh](https://forum.codeselfstudy.com/u/Josh)\ **Replies:** 0\ **Last updated:** [March 23, 2021, 5:14am UTC](https://forum.codeselfstudy.com/t/css-generators/2620 "2021-03-23T05:14:46Z")
This looks useful: https://denic.hashnode.dev/css-generators See also: CSS Grid Generator SVG Backgrounds --- ## [Pixel art tips for programmers](https://forum.codeselfstudy.com/t/pixel-art-tips-for-programmers/2618)
**Author:** [@Josh](https://forum.codeselfstudy.com/u/Josh)\ **Replies:** 0\ **Last updated:** [March 21, 2021, 11:26pm UTC](https://forum.codeselfstudy.com/t/pixel-art-tips-for-programmers/2618 "2021-03-21T23:26:39Z")
Pixel art tips for programmers. --- ## [A Front-end developer using Figma](https://forum.codeselfstudy.com/t/a-front-end-developer-using-figma/2599)
**Author:** [@Josh](https://forum.codeselfstudy.com/u/Josh)\ **Replies:** 0\ **Last updated:** [March 2, 2021, 11:38pm UTC](https://forum.codeselfstudy.com/t/a-front-end-developer-using-figma/2599 "2021-03-02T23:38:29Z")
There are some tips on using Figma in this article, including information on how to export your styles so they can be used in Tailwind CSS. --- ## [CSS Gradient Generator](https://forum.codeselfstudy.com/t/css-gradient-generator/2494)
**Author:** [@Josh](https://forum.codeselfstudy.com/u/Josh)\ **Replies:** 0\ **Last updated:** [November 11, 2020, 8:51pm UTC](https://forum.codeselfstudy.com/t/css-gradient-generator/2494 "2020-11-11T20:51:52Z")
This looks useful: --- ## [Arwes - Sci-Fi UI Framework](https://forum.codeselfstudy.com/t/arwes-sci-fi-ui-framework/2416)
**Author:** [@Josh](https://forum.codeselfstudy.com/u/Josh)\ **Replies:** 0\ **Last updated:** [August 27, 2020, 2:01am UTC](https://forum.codeselfstudy.com/t/arwes-sci-fi-ui-framework/2416 "2020-08-27T02:01:18Z")
“Futuristic Sci-Fi and Cyberpunk Graphical User Interface Framework for Web Apps” --- ## [1950's Disney Animation Technology](https://forum.codeselfstudy.com/t/1950s-disney-animation-technology/2328)
**Author:** [@Josh](https://forum.codeselfstudy.com/u/Josh)\ **Replies:** 4\ **Last updated:** [May 26, 2020, 11:02pm UTC](https://forum.codeselfstudy.com/t/1950s-disney-animation-technology/2328 "2020-05-26T23:02:17Z")
I saw this while closing some browser tabs and thought was an interesting technique. --- ## [Inkscape version 1.0](https://forum.codeselfstudy.com/t/inkscape-version-1-0/2289)
**Author:** [@Josh](https://forum.codeselfstudy.com/u/Josh)\ **Replies:** 0\ **Last updated:** [May 5, 2020, 12:36am UTC](https://forum.codeselfstudy.com/t/inkscape-version-1-0/2289 "2020-05-05T00:36:37Z")
Inkscape just reached version 1.0. It’s a great program for editing SVG graphics (similar to Adobe Illustrator, but free). Article: https://inkscape.org/news/2020/05/04/introducing-inkscape-10/ Related links: https:… --- ## [Dark Mode vs. Light Mode](https://forum.codeselfstudy.com/t/dark-mode-vs-light-mode/2279)
**Author:** [@Josh](https://forum.codeselfstudy.com/u/Josh)\ **Replies:** 0\ **Last updated:** [May 2, 2020, 1:06am UTC](https://forum.codeselfstudy.com/t/dark-mode-vs-light-mode/2279 "2020-05-02T01:06:37Z")
This page might interest people. Summary: In people with normal vision (or corrected-to-normal vision), visual performance tends to be better with light mode, whereas some people with cataract and related disorders ma… --- ## [How to bulk convert SVG to PNG in the terminal](https://forum.codeselfstudy.com/t/how-to-bulk-convert-svg-to-png-in-the-terminal/1625)
**Author:** [@Josh](https://forum.codeselfstudy.com/u/Josh)\ **Replies:** 3\ **Last updated:** [May 11, 2019, 1:21pm UTC](https://forum.codeselfstudy.com/t/how-to-bulk-convert-svg-to-png-in-the-terminal/1625 "2019-05-11T13:21:27Z")
I just learned that Inkscape can convert from SVG to PNG at the command line: $ inkscape -z -e filename.png -w 300 -h 300 filename This will bulk-convert an entire directory of SVG images to PNG: for f in \*.svg; do … --- ## [Frontend Minimalism](https://forum.codeselfstudy.com/t/frontend-minimalism/1524)
**Author:** [@Josh](https://forum.codeselfstudy.com/u/Josh)\ **Replies:** 1\ **Last updated:** [March 12, 2019, 9:06pm UTC](https://forum.codeselfstudy.com/t/frontend-minimalism/1524 "2019-03-12T21:06:55Z")
I tend to lean towards minimalism on the frontend (JS & CSS) for content-based sites, so I think these ideas are worth examining. :slight\_smile: With the new version I wanted to prove that it was possible to deliver an… --- ## [Trianglify.io - Pattern Generator](https://forum.codeselfstudy.com/t/trianglify-io-pattern-generator/1513)
**Author:** [@Josh](https://forum.codeselfstudy.com/u/Josh)\ **Replies:** 0\ **Last updated:** [March 10, 2019, 5:24am UTC](https://forum.codeselfstudy.com/t/trianglify-io-pattern-generator/1513 "2019-03-10T05:24:06Z")
This pattern generating tool was mentioned at the meetup today: Example output: --- ## [Being conservative with web development](https://forum.codeselfstudy.com/t/being-conservative-with-web-development/1033)
**Author:** [@Josh](https://forum.codeselfstudy.com/u/Josh)\ **Replies:** 0\ **Last updated:** [September 8, 2018, 5:28pm UTC](https://forum.codeselfstudy.com/t/being-conservative-with-web-development/1033 "2018-09-08T17:28:36Z")
This is interesting: Today I turned off my ad blocker, enabled JavaScript, opened my network monitor, and clicked the first link on Hacker News - a New York Times article. It started by downloading a megabyte of data a… --- ## [Helvetica Documentary](https://forum.codeselfstudy.com/t/helvetica-documentary/564)
**Author:** [@Josh](https://forum.codeselfstudy.com/u/Josh)\ **Replies:** 0\ **Last updated:** [March 29, 2018, 5:14am UTC](https://forum.codeselfstudy.com/t/helvetica-documentary/564 "2018-03-29T05:14:40Z")
This documentary on the Helvetica font is good.