Tag Archive for: Website Workflows

Vision/Project Refinement Schedule

Crafting new multimedia content is a multifaceted endeavor, often presenting challenges that range from managing a diverse array of skills to striking the delicate balance between maintaining quality and meeting quantity demands. As someone deeply invested in personal growth and skill development, staying on schedule is paramount to my creative process. Over the years, I’ve […]

CC/Transcription via external CSV

Add closed captions or data driven graphics to your After Effects project using .csv files that a source text layer pulls data from.

Tumult Hype Responsive Canvas with Dynamic Text

Tumult Hype is my favorite go-to keyframe based animation app for creating HTML5 content. These two templates are adaptations of Tommy Hodgins’ responsive hype to enable scaling repsonsiveness https://gist.github.com/tomhodgins/f76b936ea90c4286b8f88285edbf231d and a script using JSON elements to import text dynamically into the Hype document using css classes. Dynamically adding text content via JSON allows for an […]

PROJECT WORKFLOW FOR AGENCIES, DESIGN TEAMS, AND PRODUCTION

How I take on new clients or projects with a simple but effective process that can be applied for any project.

Create Flexible Sitemaps with Gloomaps

Building site-maps is an important part of website design/development. With GlooMaps it’s really easy to create your own sitemaps fast and efficiently and share them with other collaborators. It’s free to use and you can create an unlimited amount of maps.

Image Optimization using ImageOptim

Have a Mac and need to compress an image fast? Check out this awesome app that not only compresses images but also removes any private EXIFmeta­data that gets embedded into images from digital cameras. Once it is installed you can set up your system preferences to ctrl+click on any image and get the option to compress your image without even opening the app! Check out how fast it is in the video.

Image Optimization with Fotosizer

Sometimes projects like designing websites or creating ads require mass image production. I’ll generally start off exporting out of the program that the image was created in, like Photoshop, but when it comes to batch resizing, renaming and optimization, Fotosizer is my go to when I’m working on a Windows machine.

Install Grunt & Grunt-cli on Ubuntu

Sometimes installing gruntJS on Ubuntu can be problematic if your new to the command line in Ubuntu. The following commands can help you get started.

Create Disk Images with Etcher

Have you ever tried to create a bootable disk to launch an operating system? How many steps did it take to actually get the drive to boot? Lost count midway through the process? Yeah, me to, until I found Etcher. Etcher can create a bootable drive with 3 clicks. Choose your OS then the drive you want to use to boot with, then click “Flash!”

Miro Video Converter

Miro is an awesome lightweight video converter for Mac that I use when I need a quick and dirty video conversion for the web, without diving into Adobe Media Encoder. It will take just about any file format and output it to .MP4 or WEBM.