https://pinboard.in/u:matthewmcvickar/public/ recent bookmarks from matthewmcvickar 2021-08-05T16:02:25+00:00 https://kidpix.app/ matthewmcvickarJS Kid Pix / Kid Pix 1.0 was released in to the public domain and this is an HTML/JS reimplementation.]]> javascript art software macos https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:c69313ce05f7/ 2021-01-20T17:55:48+00:00 https://www.impressivewebs.com/fading-in-page-on-load-with-css-javascript/ matthewmcvickarAn easy to implement technique for fading in a page with CSS & JavaScript, useful for pages that have a slight delay when loading.]]> javascript css webdevelopment https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:425b4bdaf1a8/ 2020-08-24T16:26:45+00:00 https://webamp.org/ matthewmcvickarWinamp 2.9 reimplemented in HTML5 and JavaScript.]]> javascript audio music webdevelopment https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:4e875efa8d4a/ 2020-07-06T21:38:35+00:00 https://www.bryanbraun.com/checkboxland/ matthewmcvickarCheckboxland is a JavaScript library for rendering anything as HTML checkboxes. You can use it to display animations, text, and arbitrary data. It also supports plugins, so you can build more powerful APIs on top of it. Checkboxland is dependency-free, framework-agnostic, and fun! 🙃]]> html javascript webdevelopment https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:9bbda05cd89e/ 2020-05-22T20:05:48+00:00 https://tumult.com/whisk/ matthewmcvickarTumult Whisk is the lightweight HTML and PHP editor with a live preview pane that displays the updated page as you type. It is an essential app for your web dev toolkit.]]> javascript html webdevelopment https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:5613ec712cfd/ 2020-03-30T06:03:59+00:00 https://css-tricks.com/creating-an-editable-site-with-google-sheets-and-eleventy/ matthewmcvickarYay, there we go! We have a performant static site that takes its data from Google Sheets and deploys automatically when updates are made to the sheet.]]> webdevelopment javascript cms https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:bbf8ee76a9e1/ 2020-02-21T19:34:48+00:00 https://css-tricks.com/a-guide-to-console-commands/ matthewmcvickarThis guide covers what’s available in the console object of Firefox and Chrome as they are often the most popular browsers for development and they do have a few differences in various aspects of the console. The new Chromium-based Edge is essentially the same as Chrome in many ways so, in most cases, the console commands will operate much the same.]]> javascript webdevelopment internet https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:00e8badba73f/ 2020-02-14T19:52:04+00:00 https://belugajs.com/ matthewmcvickarbeluga is open-source software for creating your own ecommerce site Built with React + Node.js, and using Stripe for payment processing. - Design your own Store - Create Products and Collections - Cart and Checkout Pages - Order Admin View - Email Confirmation and Shipping Updates]]> javascript ecommerce webdevelopment software https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:8094a3179301/ 2019-12-05T19:22:36+00:00 https://blog.stephaniestimac.com/posts/10-30-2019-performance/ matthewmcvickarUnconscious privilege hides in delivering so much unused code to customers. In not taking the time to understand what the implications are of using the code you choose to use and how large those files are, we assume that all of our customers are in the same situation with the same access to resources. NPR smartly chose to build a text-only website so that people with limited internet connectivity during Hurricane Irma could receive up-to-date news. If you do assess your code and for whatever reasons find that you cannot reduce the size of your website, be it time or staffing propose adding a text-only website, especially if you provide a service that is essential to most of the population in your area. […] Assuming all of your customers are living the same life, with the same privilege, with the same access to fast internet and data is the quickest way to ensure you’re excluding some of them and not providing the same level of service the rest get. It’s most likely not even happening intentionally, bias is inherent in us all in some way or another. Bias based on location is something I hadn’t considered before my experience on a subpar network due to where I live. […] Testing on a <$100 Android device on a 3G network should be an integral part of testing your website. Not everyone is on a brand-new device or upgrades often, especially with the price point of a high-end phones these days.]]> performance javascript webdevelopment https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:7c5915c77bc8/ 2019-10-26T18:22:25+00:00 https://parceljs.org/ matthewmcvickarBlazing fast, zero configuration web application bundler.]]> javascript webdevelopment https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:681bbb142b88/ 2019-08-05T17:07:35+00:00 https://github.com/sindresorhus/alfy matthewmcvickarCreate Alfred workflows with ease.]]> javascript macos apps alfred productivity https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:ffe557f501c7/ 2019-07-25T03:34:26+00:00 https://logicmag.io/intelligence/javascript-is-for-girls/ matthewmcvickarViewed from one angle, the rise of get-girls-to-code initiatives is progressive and feminist. Many people involved in the movement are certainly progressive feminists themselves, and many women have benefited from these initiatives. But there are other ways to look at it too. Women are generally cheaper, to other workers’ dismay. “Introducing women into a discipline can be seen as empowerment for women,” says Ensmenger. “But it is often seen by men as a reduction of their status. Because, historically speaking, the more women in a profession, the lower-paid it is.” Hicks, the computing historian, can’t stand it when people tout coding camps as a solution to technology’s gender problem. “I think these initiatives are well-meaning, but they totally misunderstand the problem. The pipeline is not the problem; the meritocracy is the problem. The idea that we’ll just stuff people into the pipeline assumes a meritocracy that does not exist.” Ironically, says Hicks, these coding initiatives are, consciously or not, betting on their graduates’ failure. If boot camp graduates succeed, they’ll flood the market, devaluing the entire profession. “If you can be the exception who becomes successful, then you can take advantage of all the gatekeeping mechanisms,” says Hicks. “But if you aren’t the exception, and the gatekeeping starts to fall away, then the profession becomes less prestigious.”]]> javascript programming sexism gender computers https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:e1349193baca/ 2019-07-23T16:42:45+00:00 https://css-tricks.com/css-animation-libraries/ matthewmcvickarThere are an awful lot of libraries that want to help you animate things on the web. These aren't really libraries that help you with the syntax or the technology of animations, but rather are grab-and-use as-is libraries. Want to apply a class like "animate-flip-up" and watch an element, uhhh, flip up? These are the kind of libraries to look at. I wholeheartedly think you should both 1) learn how to animate things in CSS by learning the syntax yourself and 2) customize animations to tailor the feel to your site. Still, poking around libraries like this helps foster ideas, gets you started with code examples, and might form a foundation for your own projects.]]> animation webdevelopment css javascript https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:7ba25a6f18f9/ 2019-07-23T16:39:02+00:00 https://simpleparallax.com/ matthewmcvickarsimpleParallax is a simple and tiny JavaScript library which adds parallax animations on any images.]]> javascript webdevelopment https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:f92b2e2ab9a2/ 2019-07-11T05:18:52+00:00 https://blokdust.com/ matthewmcvickarInteractive music-making. Build synths & sounds all in the browser, and share your creations.]]> audio browser javascript music synth https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:a8dfafc09c27/ 2019-07-10T16:18:29+00:00 https://github.com/ryanmcdermott/clean-code-javascript matthewmcvickarSoftware engineering principles, from Robert C. Martin's book Clean Code, adapted for JavaScript. This is not a style guide. It's a guide to producing readable, reusable, and refactorable software in JavaScript. Not every principle herein has to be strictly followed, and even fewer will be universally agreed upon. These are guidelines and nothing more, but they are ones codified over many years of collective experience by the authors of Clean Code.]]> javascript book programming development https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:b787facfad6b/ 2019-06-18T18:10:40+00:00 https://maxwellito.github.io/vivus/ matthewmcvickarVivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearence of being drawn. There are a variety of different animations available, as well as the option to create a custom script to draw your SVG in whatever way you like.]]> javascript svg webdevelopment animation https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:b1e9ac98702b/ 2019-06-10T03:12:03+00:00 https://css-tricks.com/prevent-page-scrolling-when-a-modal-is-open/ matthewmcvickar webdevelopment css javascript https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:eabcdedd6f97/ 2019-04-03T18:52:04+00:00 https://www.theregister.co.uk/2019/04/01/npm_layoff_staff/ matthewmcvickarLayoffs at JavaScript package registry raise questions about fate of community resource]]> javascript business tech https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:6056c5ed7de1/ 2017-03-24T21:26:20+00:00 https://wiki.requarks.io/ matthewmcvickarAn open source, modern and powerful wiki app built on Node.js, Git and Markdown.]]> javascript wiki markdown https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:2b9898f2376a/ 2016-11-28T19:51:11+00:00 https://dollarshaveclub.github.io/reframe.js/ matthewmcvickarReframe.js is a javascript plugin that makes unresponsive elements responsive.]]> javascript https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:76c3fe89ffef/ 2016-11-26T22:23:27+00:00 https://dixonandmoe.com/rellax/ matthewmcvickarVanilla Javascript parallax library.]]> javascript https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:1ebca4abe741/ 2015-10-20T09:13:02+00:00 http://keithamus.github.io/jwerty/ matthewmcvickarAwesome handling of keyboard events. jwerty is a JS lib which allows you to bind, fire and assert key combination strings against elements and events. It normalises the poor std api into something easy to use and clear.]]> javascript jquery https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:02013ecd219c/ 2015-10-20T09:09:35+00:00 http://benpickles.github.io/peity/ matthewmcvickarPeity (sounds like deity) is a simple jQuery plugin that converts an element's content into a simple javascript jquery visualization https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:87451cb61d9a/ 2015-05-19T21:42:36+00:00 http://www.rich-harris.co.uk/ramjet/ matthewmcvickarRamjet makes it looks as though one DOM element is capable of transforming into another, no matter where the two elements sit in the DOM tree.]]> javascript https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:643533ae890e/ 2015-03-15T20:51:38+00:00 http://flickity.metafizzy.co/ matthewmcvickarTouch, responsive, flickable galleries]]> javascript https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:f4dcdd2e7cfc/ 2014-08-07T16:41:22+00:00 http://julian.com/research/blast/ matthewmcvickarA jQuery/Zepto plugin for separating text.]]> javascript https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:dce5857e5884/ 2013-02-19T20:18:48+00:00 http://paulirish.com/2012/why-moving-elements-with-translate-is-better-than-posabs-topleft/ matthewmcvickaranimation css javascript performance webdevelopment https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:88216d689d01/ 2012-10-21T23:38:47+00:00 http://www.rvl.io/ matthewmcvickar html5 javascript presentation powerpoint slides https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:1b0649d73b65/ 2011-05-23T22:02:46+00:00 http://kilianvalkhof.com/2011/javascript/annoying-js-how-to-be-an-asshole/ matthewmcvickar javascript webapp html5 usability https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:8c189df4083e/ 2011-04-29T08:28:24+00:00 https://gist.github.com/783822 matthewmcvickar facebook javascript https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:ba40ca17de80/ 2011-01-29T21:08:46+00:00 http://www.1stwebdesigner.com/design/snippets-html5-boilerplate/ matthewmcvickar css html html5 performance javascript webdevelopment https://pinboard.in/ https://pinboard.in/u:matthewmcvickar/b:2f9b2c0b7f8b/ 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/ 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-03-03T21:32:50+00:00 http://lab.arc90.com/2009/03/readability.php matthewmcvickar design web internet typography usability javascript browser clutter useful https://pinboard.in/u:matthewmcvickar/b:24493001e4cb/ 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/ 2008-01-09T08:27:12+00:00 http://hivelogic.com/enkoder matthewmcvickar email javascript webdevelopment https://pinboard.in/u:matthewmcvickar/b:21deff64d7d0/ 2007-09-19T10:18:59+00:00 http://regexpal.com/ matthewmcvickar regex javascript programming utilities https://pinboard.in/u:matthewmcvickar/b:a4200b565bad/ 2007-09-15T08:31:43+00:00 http://www.shauninman.com/archive/2007/09/10/styling_file_inputs_with_css_and_the_dom matthewmcvickar CSS webdevelopment webdesign javascript html forms https://pinboard.in/u:matthewmcvickar/b:88e9c25f75f7/ 2007-08-02T09:19:52+00:00 http://www.joehewitt.com/blog/introducing_iui.php matthewmcvickar iphone webdevelopment mobileweb javascript css https://pinboard.in/u:matthewmcvickar/b:66f015d58c8c/ 2007-07-29T17:51:53+00:00 http://del.icio.us/help/playtagger matthewmcvickar javascript delicious music mp3 audio https://pinboard.in/u:matthewmcvickar/b:51a5d59709a3/