https://pinboard.in/u:matthewmcvickar/public/ recent bookmarks from matthewmcvickar 2023-01-10T23:34:06+00:00 https://sabrinas.space/ matthewmcvickarthis suggests that japan is relatively unique in its concentration of lighter coloured and/or denser web design. A companion site to this video: https://www.youtube.com/watch?v=z6ep308goxQ]]> webdesign japan technology https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:84c965af619d/ 2021-12-17T20:28:53+00:00 https://chr15m.github.io/DoodleCSS/?ref=sidebar matthewmcvickarA simple hand drawn HTML/CSS theme.]]> webdesign webdevelopment design https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:5f174763687c/ 2021-01-04T22:47:53+00:00 https://houdini.how/ matthewmcvickarThe community-driven resource library of CSS Houdini worklets. Learn about CSS Houdini, its APIs, usage, polyfills, and browser status, to take advantage of the Houdini APIs today. “Houdini is a set of low-level APIs that exposes parts of the CSS engine, giving developers the power to extend CSS by hooking into the styling and layout process of a browser’s rendering engine. Houdini is a group of APIs that give developers direct access to the CSS Object Model (CSSOM), enabling developers to write code the browser can parse as CSS, thereby creating new CSS features without waiting for them to be implemented natively in browsers.” —MDN]]> css webdesign webdevelopment https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:299a5c54803c/ 2020-11-30T22:50:51+00:00 https://meowni.ca/font-style-matcher/ matthewmcvickarIf you're using a web font, you're bound to see a flash of unstyled text (or FOUC), between the initial render of your websafe font and the webfont that you've chosen. This usually results in a jarring shift in layout, due to sizing discrepancies between the two fonts. To minimize this discrepancy, you can try to match the fallback font and the intended webfont’s x-heights and widths [1]. This tool helps you do exactly that.]]> css fonts typography webdesign https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:a77567164d17/ 2020-08-24T00:29:16+00:00 https://nickymeuleman.netlify.app/blog/css-animated-wrapping-underline matthewmcvickarUnderlines are hard. Complications quickly arise if you want to do anything fancier than the good ol’ CSS text-decoration: underline. There are a lot of different techniques. Unfortunately, they nearly always come with significant drawbacks.]]> css webdesign webdevelopment https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:2f1cba71658e/ 2020-08-09T18:46:32+00:00 https://www.nocode.tech/ matthewmcvickarCurated directory of the best free resources and tools for non-technical entrepreneurs. Packed with the best discount codes for your favourite online tools.]]> apps webdevelopment webdesign internet https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:440d824d2714/ 2020-07-14T20:29:25+00:00 https://ishadeed.com/article/uncommon-css/ matthewmcvickarThere are a lot of CSS properties that some don’t know about, or they know about them, but forget to use them when they’re needed.]]> css webdevelopment webdesign https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:39bdd5c21bda/ 2020-05-22T20:06:11+00:00 https://pinegrow.com/ matthewmcvickarPinegrow is a Mac, Windows and Linux web editor that lets you build responsive websites faster with live multi-page editing, CSS & SASS styling, CSS Grid editor and smart components for Bootstrap, Foundation and WordPress.]]> webdevelopment webdesign software https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:adf6946e292a/ 2020-03-24T16:21:49+00:00 https://github.com/paulirish/lite-youtube-embed matthewmcvickarProvide videos with a supercharged focus on visual performance. This custom element renders just like the real thing but approximately 224× faster.]]> video webdesign https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:dc4fe508d5fa/ 2020-02-25T17:43:51+00:00 https://uxdesign.cc/the-ultimate-guide-to-proper-use-of-animation-in-ux-10bd98614fa9 matthewmcvickar animation ui webdesign https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:f25ff80138f4/ 2019-12-29T21:35:41+00:00 https://refactoringui.com/previews/building-your-color-palette/ matthewmcvickarYou can't build anything with five hex codes. To build something real, you need a much more comprehensive set of colors to choose from.]]> color webdesign ui webdevelopment https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:8b8d3ea66e9d/ 2019-11-22T06:50:38+00:00 https://whocanuse.com/ matthewmcvickarIt's a tool that brings attention and understanding to how color contrast can affect different people with visual impairments. The Web Content Accessibility Guidelines (WCAG) covers a wide range of recommendations for making Web content more accessible. Just a tiny part of making the web more accessible is accommodating for those with a form of blindness or low vision. The standard grading system is a great start, but I thought I'd try to humanize the people who are affected by the different grades.]]> color webdesign https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:833ce50be677/ 2019-07-15T15:57:44+00:00 https://www.felixjoy.co/designbase matthewmcvickarEveryone needs a base to start from. We are DesignBase. DesignBase is a database of highly curated free resources for all designers.]]> design webdesign webdevelopment free https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:38b628bacebf/ 2019-07-12T16:20:07+00:00 https://github.com/Kickball/awesome-selfhosted matthewmcvickarThis is a list of Free Software network services and web applications which can be hosted locally. Selfhosting is the process of locally hosting and managing applications instead of renting from SaaS providers.]]> opensource webdesign https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:d6f62ae1eee5/ 2019-04-16T17:16:35+00:00 https://kognise.github.io/water.css/ matthewmcvickarWater.css is a just-add-css collection of styles to make simple websites like this just a little bit nicer.]]> css design webdesign https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:d1c0fa2afcc2/ 2019-01-25T21:14:40+00:00 https://uxdesign.cc/designing-forms-for-gender-diversity-and-inclusion-d8194cf1f51 matthewmcvickarA little question is a big deal when it comes to shaping people’s experience with your product. How do we ask people for their gender in a thoughtful and respectful way?]]> diversity gender forms webdevelopment webdesign https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:08cf79dc2653/ 2018-11-28T22:10:09+00:00 https://www.smashingmagazine.com/2018/05/print-stylesheets-in-2018/ matthewmcvickarWe have covered print stylesheets in the past here on Smashing Magazine. In this article, Rachel Andrew takes a look at the state of printing from the browser today.]]> webdesign webdevelopment css https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:abb8c9229ee4/ 2017-07-11T15:35:23+00:00 https://www.reliablepsd.com/ultimate-google-font-pairings/ matthewmcvickarfonts typography webdesign _free-fonts https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:4f88e62a0ca1/ 2016-05-23T15:51:56+00:00 http://nocode.in/aligning-text-smartly-in-css/ matthewmcvickar webdesign css https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:f9bb687bf3ff/ 2015-07-20T19:49:16+00:00 https://iamthefold.com/ matthewmcvickarAn experiment to show how designing for The Fold can be treacherous. Each line below is from a random sampling of past-visitors' viewport heights. Take care when making assumptions about people's screen sizes on the web.]]> webdesign https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:0712a6f288e0/ 2014-11-22T06:01:40+00:00 http://startbootstrap.com/ matthewmcvickarFree HTML starter themes and templates for Bootstrap - up to date for Bootstrap 3! An even faster way to develop websites in Bootstrap!]]> webdesign https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:f501396ce870/ 2014-05-02T19:15:59+00:00 http://littlevisuals.co/archive matthewmcvickar photography webdesign commercialuse _free-stock-photos https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:acb9a962722e/ 2013-11-29T01:26:04+00:00 http://alistapart.com/column/he-aint-snowfalling-hes-my-brother matthewmcvickarWhat newsroom design shops have needed is a renewed interest in research and development, and that’s exactly what these pieces are delivering.]]> webdevelopment journalism internet webdesign https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:b523c6f469f2/ 2013-03-20T19:42:34+00:00 http://mydesignpad.com/create-a-html-email-signature-for-mac-os-x-mountain-lion-10-8/ matthewmcvickarIf you want to create a custom HTML email signature for Mail on Mountain Lion, the HTML coding part remains the same but the installation have changed. Follow this tutorial to create a HTML email signature file and to get it installed into the new version of Mail on Mountain Lion OS X 10.8.]]> mail email html webdesign osx apple https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:780e06e8e8b6/ 2013-03-06T18:39:51+00:00 http://css-tricks.com/using-svg/ matthewmcvickarSVG is an image format for vector graphics. It literally means Scalable Vector Graphics. Basically, what you work with in Adobe Illustrator. You can use SVG on the web pretty easily, but there is plenty you should know.]]> css webdesign html https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:b71db40adb36/ 2013-02-19T08:53:01+00:00 http://css-tricks.com/using-flexbox/ matthewmcvickarcss webdesign html https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:1c9bd6dd7fb2/ 2012-12-30T03:57:21+00:00 http://calendar.perfplanet.com/2012/progressive-jpegs-a-new-best-practice/ matthewmcvickarAnd even though not all current browsers make use of progressive jpeg’s progressive rendering, the ones that do really benefit, and we get file size savings across the board. It’s our best option today and we should use it. Progressive jpegs are the future, not the past.]]> images performance webdesign webdevelopment https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:3ebe215edd77/ 2012-08-01T03:03:24+00:00 http://www.smashingmagazine.com/2012/07/11/avoiding-faux-weights-styles-google-web-fonts/ matthewmcvickarIf you’re using Google Web Fonts on your websites, then there’s a very good chance that 1 in 5 visitors are seeing faux bold and italic versions of your fonts — even if you correctly selected and used all of the weights and styles. That’s because the implementation method recommended by Google Web Fonts doesn’t work with Internet Explorer 7 or 8.]]> fonts google typography webdesign https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:3684a98dc408/ 2012-07-10T18:30:24+00:00 http://idea15.wordpress.com/2009/03/14/what-goes-into-a-good-web-design-contract/ matthewmcvickar webdesign business design legal https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:38046ece941f/ 2011-11-13T11:31:07+00:00 http://coding.smashingmagazine.com/2011/11/11/our-pointless-pursuit-of-semantic-value/ matthewmcvickar and

right — there's no ‘right’. The web is mostly not structured content, and semantic tags aren’t necessarily more accessible or searchable or portable. ]]> html5 webdesign semanticweb https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:b82bb2a5e024/ 2011-10-10T15:15:13+00:00 http://subtlepatterns.com/ matthewmcvickar design webdesign graphics free https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:4367edcbc879/ 2011-10-10T14:10:34+00:00 http://www.smashingmagazine.com/2011/10/07/16-pixels-body-copy-anything-less-costly-mistake/ matthewmcvickar typography webdesign css design https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:dbbd971314fd/ 2011-10-06T07:20:32+00:00 http://www.css-101.org/articles/trick-for-rapid-prototyping/ matthewmcvickar css webdesign webdevelopment copywriting grid https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:62aa0252b224/ 2011-10-03T17:51:56+00:00 http://webexpedition18.com/articles/useful-css-snippets/ matthewmcvickarcss webdesign webdevelopment https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:c31bcbd32cc6/ 2011-10-02T02:17:34+00:00 http://davidwalsh.name/mobile-highlight-color matthewmcvickar webkit css ios webdesign webdevelopment https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:f52d1c3796c0/ 2011-09-02T07:03:32+00:00 http://www.w-portfolio.com/ matthewmcvickar portfolio wordpress grid webdesign design art https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:642df23aa7a5/ 2011-06-14T07:01:57+00:00 http://www.html5rocks.com/en/tutorials/speed/html5/ matthewmcvickarhtml5 webdevelopment webdesign performance https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:b3b049125cba/ 2011-06-11T08:57:07+00:00 http://www.satzansatz.de/cssd/onhavinglayout.html matthewmcvickar css ie webdesign https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:c505cb1e93be/ 2011-04-30T20:11:33+00:00 http://nicolasgallagher.com/css-drop-shadows-without-images/demo/ matthewmcvickar css css3 webdesign https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:a535f26b458c/ 2010-08-23T07:51:01+00:00 http://camendesign.com/code/developpeurs_sans_frontieres matthewmcvickarwebdesign webdevelopment html css howto https://pinboard.in/u:matthewmcvickar/b:ec7234e26b59/ 2010-08-16T06:05:25+00:00 http://www.fontsquirrel.com/fontface/generator matthewmcvickar fonts webdesign webdevelopment type typography free css3 design https://pinboard.in/u:matthewmcvickar/b:c540d4db2f53/ 2010-07-31T15:13:20+00:00 http://media.24ways.org/2007/17/fontmatrix.html matthewmcvickar fonts osx windows adobe adobecs msoffice typography webdesign webdevelopment https://pinboard.in/u:matthewmcvickar/b:076c3c8c3ef7/ 2010-07-31T15:07:05+00:00 http://caniuse.com/ matthewmcvickar html5 css3 svg html css webdesign webdevelopment ie browser https://pinboard.in/u:matthewmcvickar/b:61db8dd46df0/ 2010-07-31T15:06:08+00:00 http://colorschemedesigner.com/ matthewmcvickar color webdesign graphicdesign design https://pinboard.in/u:matthewmcvickar/b:090c204aa4d1/ 2010-07-25T02:00:18+00:00 http://www.alistapart.com/articles/supersize-that-background-please/ matthewmcvickar webdevelopment webdesign css css3 design html https://pinboard.in/u:matthewmcvickar/b:2f6a05074096/ 2010-04-26T00:59:59+00:00 http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/ matthewmcvickar jquery jqueryui javascript webdesign webdevelopment tutorial https://pinboard.in/u:matthewmcvickar/b:9fc3b00b1b90/ 2010-04-19T00:46:26+00:00 http://mislav.uniqpath.com/2010/04/targeted-css/ matthewmcvickar css ipad iphone mobile webdevelopment webdesign css3 https://pinboard.in/u:matthewmcvickar/b:b15f4df3725d/ 2010-03-22T03:26:00+00:00 http://www.typography.com/email/2010_03/index_tw.htm matthewmcvickarfonts typography style webdesign tutorial inspiration design https://pinboard.in/u:matthewmcvickar/b:09dfa644b19f/ 2009-10-25T22:42:50+00:00 http://raphaeljs.com/ matthewmcvickar webdevelopment webdesign javascript animation graphics visualization jquery svg https://pinboard.in/u:matthewmcvickar/b:f38f1eb05c03/ 2009-10-25T22:28:40+00:00 http://www.appelsiini.net/projects/jeditable matthewmcvickar jquery javascript webdesign programming forms https://pinboard.in/u:matthewmcvickar/b:3c911c8f7a8c/ 2009-05-06T20:08:52+00:00 http://www.designer-daily.com/30-high-quality-free-fonts-for-professional-designs-1999 matthewmcvickar fonts free webdesign typography https://pinboard.in/u:matthewmcvickar/b:c2436b2bc8fc/ 2009-02-26T03:41:22+00:00 http://code.google.com/p/the-golden-grid/ matthewmcvickar webdevelopment design webdesign css html grid code opensource https://pinboard.in/u:matthewmcvickar/b:42f13bcb5278/ 2009-02-26T03:09:19+00:00 http://gist.github.com/66018 matthewmcvickar design webdevelopment webdesign html css opensource javascript https://pinboard.in/u:matthewmcvickar/b:2895d9c2ee01/ 2009-02-26T03:08:38+00:00 http://gist.github.com/66000 matthewmcvickar opensource javascript webdesign webdevelopment design https://pinboard.in/u:matthewmcvickar/b:f39545bc92f9/ 2009-01-10T03:06:14+00:00 http://www.viget.com/inspire/the-mysterious-save-for-web-color-shift/ matthewmcvickar color photoshop reference webdesign design graphics https://pinboard.in/u:matthewmcvickar/b:e0f2908049b7/ 2008-12-02T19:00:55+00:00 http://www.thegridsystem.org/ matthewmcvickar design grid modern howto webdesign inspiration reference https://pinboard.in/u:matthewmcvickar/b:d5414d8375fb/ 2008-09-17T21:36:42+00:00 http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/ matthewmcvickar fonts css design webdesign https://pinboard.in/u:matthewmcvickar/b:93c8d6034cc9/ 2008-08-20T07:34:23+00:00 http://www.simplebits.com/notebook/2008/08/14/ampersands.html matthewmcvickar ampersand typography webdesign fonts design css https://pinboard.in/u:matthewmcvickar/b:d65cb49707b7/ 2008-08-02T22:46:05+00:00 http://css-tricks.com/color-rendering-difference-firefox-vs-safari/ matthewmcvickar color webdesign photoshop web safari firefox images https://pinboard.in/u:matthewmcvickar/b:c18984d0e350/ 2008-05-29T19:52:03+00:00 http://www.my-debugbar.com/wiki/IETester/HomePage matthewmcvickar browser webdevelopment webdesign windows software utilities IE https://pinboard.in/u:matthewmcvickar/b:99094391e758/ 2008-04-27T12:19:34+00:00 http://www.subtraction.com/archives/2007/1106_somethings_m.php matthewmcvickar criticism webdesign design web https://pinboard.in/u:matthewmcvickar/b:440619c4a5dd/ 2008-03-15T02:21:21+00:00 http://www.alistapart.com/articles/oncreativity matthewmcvickar creativity business design philosophy webdesign https://pinboard.in/u:matthewmcvickar/b:ba4aa24743de/ 2008-01-16T04:18:11+00:00 http://zachklein.com/ matthewmcvickar people design webdesign blog https://pinboard.in/u:matthewmcvickar/b:2764dfa97a7e/ 2008-01-04T05:10:52+00:00 http://particletree.com/notebook/reflections-of-an-interface-designer/ matthewmcvickar webdevelopment design webdesign webapp https://pinboard.in/u:matthewmcvickar/b:b19a813a23e8/ 2007-11-21T02:42:50+00:00 http://www.alistapart.com/articles/howtosizetextincss matthewmcvickar typography web webdevelopment webdesign css3 howto grid https://pinboard.in/u:matthewmcvickar/b:52acea65c0c7/ 2007-11-06T10:55:37+00:00 http://www.derailer.org/paparazzi/ matthewmcvickar mac software webdevelopment utilities webdesign osx free screenshot https://pinboard.in/u:matthewmcvickar/b:592cab55fd9d/ 2007-11-03T04:00:53+00:00 http://h20325.www2.hp.com/blogs/color/archive/2007/10/29/4914.html matthewmcvickarcolor design utilities webdesign https://pinboard.in/u:matthewmcvickar/b:deb17578e8e7/ 2007-10-27T12:10:04+00:00 http://urlgreyhot.com/personal/resources/omnigraffle_wireframe_palette matthewmcvickar webdevelopment webdesign design free gui osx software wireframe https://pinboard.in/u:matthewmcvickar/b:6dd8ce96a562/ 2007-10-04T19:55:53+00:00 http://particletree.com/features/visualizing-fittss-law/ matthewmcvickar usability webdesign math design reference https://pinboard.in/u:matthewmcvickar/b:f35952e60585/ 2007-09-25T11:59:03+00:00 http://userfirstweb.com/76/speed-of-site-and-usability/ matthewmcvickar usability webdevelopment webdesign https://pinboard.in/u:matthewmcvickar/b:f14e4292cca8/