Project Blueprint: Jackalope.io (v2.0)

Prerequisite: Quick setup Planning: Timely: Time Tracking App Corresponding Trello board Discovery: Jackalope Media Priority 1: Local Deployment via gulp watch Remove any unnecessary hosts Installing the Roots package– Bedrock, Trellis, and Sage Priority 2: Deploy Staging Environment Deploying Bedrock and Sage via Trellis Priority 3: Develop Local Site then Deploy to Staging Design Site Create Hand Drawn Mockups … Continued

The Easiest Way to Learn Flexbox CSS

I’ve been meaning to learn Flexbox for a while now. Ever since I’ve seen the word popping up everywhere. But I’m often weary of learning something new, because I know it can trigger an avalanche of learning new tools. I found this game posted on Hacker News today, Flexbox Froggy. I’ve been playing it for … Continued

SVG Animation Workflow

Copy straight from Illustrator into Atom (text editor). Use your text editor to clean up and arrange before dropping it into a Codepen. Tips: If Illustrator’s shapes aren’t copying into raw text, go to Edit > Preferences > File Handling and Clipboard and make sure On Copy Include SVG code is checked Clean up underscores … Continued

How We Use Slack

Slack Channels Priorities Campaigns(be sure to say “if” you’re running campaigns) Leads Data – tests and analytics Site Tuts Setup Inviting new team members Assign new owner Create New Channel Creating API integrations Delete/Archive channel   Slack is a powerful communication channel for us to use. It takes all of our favorite apps– ties into their … Continued

Project Blueprint: SnapFast1.1 Landing Page

Git clone BootStage, and remove .git, run: cd sites && git clone https://github.com/masoninthesis/bootstrap-stage.git SnapFast1.1 && cd SnapFast1.1 && rm -rf .git Open it in Finder, run: open . Drag, drop it into Github app, make an initial commit, and publish the new repo calling it SnapFast1.1 Pull it up in Finder, then drag drop it into Atom … Continued

Working on Phase1 Bootstrap Site

Open project in command line gulp watch open github open github project in finder open github project in Atom Make customizations and updates to styling/html. When you’re done don’t forget to: Close gulp watch process Commit changes to Github

Project Blueprint: SnapFast.com Landing Page

Discovery: Jackalope Media Create Hand Drawn Mockups Create mockup Getting to know BS4Themes_v1.1 Getting to know BS4Themes_v1.2 LearningAboutDeployments_v2.1 BootStage: Setting Up A Bootstrap-4 Official Theme For Deployment   Next time, you should do step 7 before customizing anything in the theme. The only reason I started customizing first was because I didn’t know there was going to be … Continued

How to Set Default Parameters in Photoshop

Whenever I make a new shape in Photoshop, it applies a default transparent fill and a 22.43 pt  black dotted stroke. I’ve just been dealing with this, manually changing the shape each time I make it. After awhile, you can waste a lot of time. Most shapes I use are transparent with a 1 or 2 … Continued

The Day You Became A Better Animator

A few weeks ago I was turned onto a blog post on the Dilbert blog called, The Day You Became a Better Writer.   In 264 words he simply describes one trick that will make you a better writer. He doesn’t come up with some 9 step course that you have to buy from him. He doesn’t … Continued