{"id":995,"date":"2024-08-06T09:46:00","date_gmt":"2024-08-06T09:46:00","guid":{"rendered":"https:\/\/designforweb.org\/notes\/?p=995"},"modified":"2024-08-07T15:57:32","modified_gmt":"2024-08-07T15:57:32","slug":"lynn-fisher","status":"publish","type":"post","link":"https:\/\/www.designforweb.org\/notes\/lynn-fisher\/","title":{"rendered":"Lynn Fisher"},"content":{"rendered":"\n<p>Lynn is a designer, CSS developer, and illustrator whose work is simply beautiful, excellent, varied and fun. Her website is a true testament to her talent and an absolute joy to view. If you are stuck in a creative rut &#8211; check out the <a href=\"https:\/\/lynnandtonic.com\/work\/\">collection of her brilliant work<\/a> and have a look at the <a href=\"https:\/\/lynnandtonic.com\/archive\/\">archive of the various different designs<\/a> of her site ~ just beautiful \u30c4<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"362\" src=\"https:\/\/www.designforweb.org\/notes\/wp-content\/uploads\/2024\/08\/homepage-onload-1024x362.png\" alt=\"homepage in dark and light mode\" class=\"wp-image-999\" srcset=\"https:\/\/www.designforweb.org\/notes\/wp-content\/uploads\/2024\/08\/homepage-onload-1024x362.png 1024w, https:\/\/www.designforweb.org\/notes\/wp-content\/uploads\/2024\/08\/homepage-onload-300x106.png 300w, https:\/\/www.designforweb.org\/notes\/wp-content\/uploads\/2024\/08\/homepage-onload-768x271.png 768w, https:\/\/www.designforweb.org\/notes\/wp-content\/uploads\/2024\/08\/homepage-onload-1536x542.png 1536w, https:\/\/www.designforweb.org\/notes\/wp-content\/uploads\/2024\/08\/homepage-onload-2048x723.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">screenshot of <a href=\"https:\/\/lynnandtonic.com\/\">lynnandtonic.com<\/a>, taken 6\/8\/2024<\/figcaption><\/figure>\n\n\n\n<p>At the date of viewing, 7\/8\/24, the website loads with a very minimal statement of Lynn&#8217;s name and profession and a lovely little character, all in black and white. This changes as soon as the browser window is resized which triggers the addition of colour and a beautiful animated walk cycle and sliding background. The character walks towards the right when the browser window gets enlarged, and walks left when the window is scaled down. On change of direction, details of the background also change &#8211; just wonderful.<br \/>The following is a short screencast of this lovely animation, included in this post with kind permission ~ <br \/><strong>thank you, Lynn \u30c4<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1786\" style=\"aspect-ratio: 4028 \/ 1786;\" width=\"4028\" controls src=\"https:\/\/www.designforweb.org\/notes\/wp-content\/uploads\/2024\/08\/scrolling-lynnandtonic.mp4\"><\/video><\/figure>\n\n\n\n<p>One of my favourite pages of this site is definitely the archive &#8211; being able to view how her beautiful designs\u2014which are packed with personality\u2014changed over the years is just inspiring!<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"2560\" src=\"http:\/\/designforweb.org\/notes\/wp-content\/uploads\/2024\/08\/archive-lynnandtonic-scaled.webp\" alt=\"screenshot of archive page, lynnandtonic\" class=\"wp-image-1012\" srcset=\"https:\/\/www.designforweb.org\/notes\/wp-content\/uploads\/2024\/08\/archive-lynnandtonic-scaled.webp 1366w, https:\/\/www.designforweb.org\/notes\/wp-content\/uploads\/2024\/08\/archive-lynnandtonic-160x300.webp 160w, https:\/\/www.designforweb.org\/notes\/wp-content\/uploads\/2024\/08\/archive-lynnandtonic-546x1024.webp 546w, https:\/\/www.designforweb.org\/notes\/wp-content\/uploads\/2024\/08\/archive-lynnandtonic-768x1439.webp 768w, https:\/\/www.designforweb.org\/notes\/wp-content\/uploads\/2024\/08\/archive-lynnandtonic-820x1536.webp 820w, https:\/\/www.designforweb.org\/notes\/wp-content\/uploads\/2024\/08\/archive-lynnandtonic-1093x2048.webp 1093w\" sizes=\"auto, (max-width: 1366px) 100vw, 1366px\" \/><figcaption class=\"wp-element-caption\">screenshot of archive page on <a href=\"https:\/\/lynnandtonic.com\/\">lynnandtonic.com<\/a>, taken 6\/8\/2024<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Lynn is a designer, CSS developer, and illustrator whose work is simply beautiful, excellent, varied and fun. Her website is a true testament to her talent and an absolute joy to view. If you are stuck in a creative rut &#8211; check out the collection of her brilliant work and have a look at the archive of the various different [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":996,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[8],"tags":[],"class_list":["post-995","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-favourites"],"jetpack_featured_media_url":"https:\/\/www.designforweb.org\/notes\/wp-content\/uploads\/2024\/08\/lynnfisher-thn.png","_links":{"self":[{"href":"https:\/\/www.designforweb.org\/notes\/wp-json\/wp\/v2\/posts\/995","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.designforweb.org\/notes\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.designforweb.org\/notes\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.designforweb.org\/notes\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.designforweb.org\/notes\/wp-json\/wp\/v2\/comments?post=995"}],"version-history":[{"count":22,"href":"https:\/\/www.designforweb.org\/notes\/wp-json\/wp\/v2\/posts\/995\/revisions"}],"predecessor-version":[{"id":1024,"href":"https:\/\/www.designforweb.org\/notes\/wp-json\/wp\/v2\/posts\/995\/revisions\/1024"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.designforweb.org\/notes\/wp-json\/wp\/v2\/media\/996"}],"wp:attachment":[{"href":"https:\/\/www.designforweb.org\/notes\/wp-json\/wp\/v2\/media?parent=995"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.designforweb.org\/notes\/wp-json\/wp\/v2\/categories?post=995"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.designforweb.org\/notes\/wp-json\/wp\/v2\/tags?post=995"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}