Category Archives: Coding
Using your mac terminal 101
As a web-developer, utilising your terminal becomes crucial as you do the following: Manipulating the terminal is a very useful skill that will serve you well in the long term as a developer. Let’s learn some basics: Final Thoughts: Being … Continue reading
Setting Up a New Exhibit in Canvasser
Step 1 Get the map/image (and any other relevant assets) from your client. Note: If the elements that are meant to be interactive are not yet highlighted, make sure you clear that out with the client. Step 2 Using the … Continue reading
Installing Grav Locally
Before starting this training, please make sure you’ve already installed MAMP: [tutorial here] Grav is an open source CMS focused on speed and simplicity. Unlike most other platforms like WordPress, Grav does not rely on a database. Instead, it uses … Continue reading
HTML/CSS | How to Create CSS Flip Cards in CLIO
CSS flip cards are a great way to dynamically display Q/A or vocabulary-baed content. You can even add audio and images to your cards, depending on the content from the client. In this training, you’ll learn how to: Create animated … Continue reading
Web Design | Web Accessibility Standards
Awareness and understanding of disability has certainly deepened in recent years but there is still a great deal of work to be done. Disabilities span the realms of physical, mental, cognitive, and developmental, just to name a few. People with … Continue reading
How to use script to convert Hebrew text
This tutorial will cover how to run a bash script that will convert all .txt files in a directory from broken Hebrew text to readable Hebrew text. We assume that you’ve already extracted the text and images from the SWF … Continue reading
How to extract text and images from a Flash module
This tutorial will explain how to take a Flash file (.swf, Small Web Format) and extract its text and images. Required Installations: JDK 8 Since our decompiling program, FFdec is relatively old (last updated in 2018), it only lets us … Continue reading
Web Accessibility Checklist
Making work accessible creates a better experience across the board. Use this checklist to help build accessibility into your process no matter your role or stage in a project. http://accessibility.voxmedia.com/
Mobile Responsive images + SVG files
So the biggest thing these days is responsive design and making your site completely mobile ready out of the box, as opposed to going back and making everything responsive after the site is done, or making a whole new mobile … Continue reading
Fixing Responsive Design
Add CSS @ Genesis -> Simple Custom CSS I recommend using Firefox, downloading the “Web Developer” Add-On to see responsive sizes quickly and all at once. (After installing and going to your page, Right click -> Web Developer -> Resize … Continue reading
Google Sites
sites.google.com I’m unsure of if there is an import/export feature (I don’t think there is), so I recommend getting the client to sign in to Google and follow the instructions to create a new site and set permissions. This way, … Continue reading