Findings, tutorials, & thoughts about building websites
How to Preview SVG Files in Windows 10 Explorer, Without 3rd Party Extensions
After recently unzipping a folder filled with dozens of SVGs, I noticed that the current version of Windows 10 (as of January 2021) does not let you preview SVG files in File Explorer. This was disappointing. Opening them one by one was going to be tedious. So naturally I looked around to see if there […]
Can We Stop Using Input Placeholders in Place of Labels?
When the placeholder attribute made its way into HTML5 and usage of it became commonplace and fully supported by web browsers, a bad trend started—using them in place of labels in web forms. The temptation for designers to do this is understandable. In the process of laying out a design, keeping a UI as simple […]
Using Yoast’s “Primary” Category in Your WordPress Theme
The 3.1 update to Yoast’s WordPress SEO plugin brought with it a new feature—the ability to set a “Primary” category for a post. You’ll now see a “Make Primary” link when selecting categories (or a bold “Primary” label if one has been set). It's possible to use this primary category in a custom theme...
Stop Yoast’s WordPress SEO Plugin from Pinging / Resubmitting Your XML Sitemap
Responsive Diagonal Two-Tone Backgrounds with CSS (Corner to Corner)
Adventure Time’s BMO, Made in 3D Entirely with CSS
Oh my Glob! BMO in the Web Thingey. All the visuals are done entirely with CSS. The buttons also do some mysterious things when you press them. The making of 3D BMO grew out of following a tutorial creating an old Macintosh Plus in 3D with CSS. I wanted to better understand the CSS properties that were being used for 3D, and create something myself. In doing so, I ended up figuring out some math to create some beveled/rounded edges.
Adding a “Rate” Button to your Cordova-based Mobile App (Android, iOS, etc)
High ratings in the Google Play Store or iOS App Store are critical to an app’s success. And they’re beneficial to find out what the problems are when an app needs improvement. So, it’s very common to have a simple link/button that allows the end user to submit their review from inside the app. The less hoops to […]
Using Sublime Text as Your Primary Web Coding Tool: Workflow Tips
Sublime Text has become my primary web coding tool. It’s built with efficiency in mind, giving you keyboard shortcuts to avoid slowdowns with the mouse, and the ability to have multiple cursors. There are many extensions available that can be instantly found and installed via the Package Manager. Plus, it’s visually pleasing. And fast. The overall […]
Facebook’s Sharer is no Longer Being “deprecated” (2014)
Facebook’s sharer.php is officially back. Not that most people had stopped using it anyway! Along with the new Share button, you can safely use the sharer.php syntax to create a link that shares a URL on one’s Facebook timeline. As there are still many articles/answers out there that have outdated answers to questions about this, […]
Becoming a Full-time Freelance Web Developer: Preparation & Decisions
For those of us working in fields that reside within the digital realm, becoming a freelancer is very enticing. Especially for web developers and designers. The start-up expenses are negligible, and the path to transitioning away from a full-time job looks fairly natural. Making the switch is the hardest part. People call it, “The Plunge“, […]
Get SASS Working in Sublime Text for Windows in 8 Steps
Follow these installation instructions to start using SASS with Sublime Text. You'll be able to save your SASS (.scss) file, and it will compile to a CSS file automatically. There are a few more extensive guides out there on this, but they skipped over a few minor things that you may miss. This boils it down to the essentials that you need to get up and running.
Ignore SASS and LESS Partials (Starting with Underscore) when Using SublimeOnSaveBuild
I’ve recently started using SASS and LESS with Sublime Text. The most popular recommended extensions for SASS were “SASS” for highlighting, “SASS Build” for compiling, and “SublimeOnSaveBuild” to auto build whenever you save. The problem with the build on save is that it currently does not ignore partials. Partials are additional files starting with an […]
Opening YouTube Links Dynamically in a Twitter Bootstrap Modal Window
Colorbox Theme Pack Released – 12 Themes / Skins
When I couldn’t find any themes for the popular Colorbox jQuery lightbox, I decided to create a handful of them. This pack includes 12 themes for Colorbox by Jack Moore. The themes are contained in folders, similar to the example1, example2, etc that come with the script. Each theme has a colorbox.css file, sometimes images, and […]
Unity Tip for Mono Develop – How to Comment your Functions & Parameters (with XML)
The way in which I was writing comments for my functions was consistent, but entirely in my own style. I knew there must be a better way of creating this documentation using a more standard coding convention. Indeed there is. Using triple slashes and the format for XML comments, your explanation will be viewable when you using […]
Understanding Projects in Sublime Text – Saving, Switching, Etc.
Shopify’s Limitations and Weaknesses in Developing a Theme
After developing my first theme using Shopify, I've found that it is not all it's cracked up to be. There are major flaws and missing features that limit what can be done by the web developer and designer. This was a little disappointing to me, because the Shopify e-commerce platform appeared at first glance to be a beacon of current web standards and modern development, amidst other lumbering options filled with outdated code for the front-end developer...
SVG Export Settings for the Web with Adobe Illustrator
The SVG (Scalable Vector Graphic) file-format is an XML-based vector in that can be used on the web right now. Not only are they crisp at any size they are scaled to, but they are supported by IE9+, Firefox, Chrome, and Safari. For IE8 and below, you can provide a fallback PNG. Simple icons and logos are good candidates for the format, as they are often the first noticeable elements of a design that will look blurry on a retina display...
Inspiring Game Design Talks Round-Up
Designing a video game is hard, and usually it takes a long time. Sometimes you need a little inspiration to help form new ideas or to motivate yourself. Maybe you're working on a game right now, and are trying to make it more ... immersive, fun, rewarding, joyful, etc. I've been searching the web to find game design talks, audio and video, that are freely available, and have found them to be pretty scattered and harder to find than I would have thought, so I decided to do a round-up to help spark the creative pathways.