MarkWorks

about

Mark Smith

I am a full-stack developer, designer, and team/project leader. I find and refine solutions, manage the team, and produce training documents. I’ve got a talent for making processes more efficient and I love elegant solutions.

    My skills include:

  • Web Design using WordPress, HTML5, CSS, and JavaScript
  • Web Development using Microsoft Azure, Google Cloud, PHP, NodeJS, and more.
  • 2D graphics creation and editing in Adobe Photoshop
  • Creation and testing of interactive e-learning content in Adobe Captivate 7, 8, and 9
  • Video editing with Adobe Premiere
  • Communication, scheduling and problem solving online and off

profile

portfolio

tweet counter dot com count any users tweets

Tweet Counter is a web app I built in order to count the tweets of any public user on Twitter in a given time span. Simply type in their user name and choose the dates to count between.

Count some Tweets

tweet counter dot com count any users tweets
cody medical foundation

The Cody Medical Foundation is a local non-profit. I gave their old WordPress site a complete makeover, including a new theme and dozens of customizations to said theme.

Visit the Site

cody medical foundation
dolphin world swim with dolphins

Dolphin World is a site I gave a responsive update to, so the site looks and works great on any screen size without changing the original look.

Count some Tweets

dolphin world swim with dolphins
free code camp certificate

That’s right, I’m a certified front-end designer according to freecodecamp.com. You can see a number of my projects from that certification in this portfolio.

See the certificate

free code camp certificate
simon game on codepen

A simon game I made on codepen. Includes a “strict” mode that makes you start over if you make a mistake. Can you get to 20?

Play the Game

simon game on codepen
tic tac toe game on codepen

A simple Tic-Tac-Toe game, including one- and two-player modes. You can beat the computer, but not often!

Play the Game

tic tac toe game on codepen
twitch streamer status on codepen

An example of a dashboard, using the Twitch API to get the status of Twitch streamers. Includes an input box to add more streamers in real time.

Check it out

twitch streamer status on codepen
pomodoro timer pmodr on codepen

A “Pomodoro” timer for more efficient work habits. Great for people who get distracted! Includes alerts so you don’t miss the end of the timer.

Work Smarter

pomodoro timer pmodr on codepen
TI-85 colored caclulator

A simple JavaScript calculator, with colors inspired by the device that got me programming in the first place: the TI-85.

Get Calculating

TI-85 colored caclulator
wikipedia viewer on codepen

A Wikipedia viewer. You can search and get results on the page, or be sent to a random page.

Check it out

wikipedia viewer on codepen
quote generator on codepen

This is a random quote retriever. It queries a quote database API and sets a random color when you click the “New Quote” button. Includes a link to tweet the quote.

Get a Quote

quote generator on codepen
weather widget on codepen

A very simple weather widget that queries a weather service and uses your location to show the temperature and current conditions. Includes Fahrenheit/Celsius toggling.

How’s the weather?

weather widget on codepen

The JW Fishers website is a pure HTML website I developed from a basic outline. I wrote dozens of JavaScript functions for the site, most notably the Order and Industry News pages.

View the site

TCwO

TeachCast with Oxford was my first major web project. I made a working prototype in Adobe Muse, then converted it to a responsive WordPress site with a custom theme.

View the site

twcoPoster
markWorks

You’re looking at it.
Prototyped in Photoshop, extracted to Brackets, powered by WordPress.

Visit the site

mwPoster
eleutian

I converted the Eleutian corporate website to be fully responsive, while preserving the original design. It runs on an old version of CMS Made Simple, which is as different from WordPress as you can get. Still, it was nice to learn.

Visit the site

eleutianPoster
townSmith

A joint portfolio project.
Coming soon!

Visit the site

townsmithPoster
ps_logo

Website prototyping in Adobe Photoshop: a visual and structural first draft, ready to be converted to code.

View image

mwPoster2
animateIcon

Edge Animate:
HTML5 animation without the need for plugins.
This is a simple keyframe animation with an intro followed by an at-rest loop, and mouseover effects.

View the animation

floatAnimation
eleutianAtNightPoster

Another Edge Animate project.
This one features two different star animations, generated repeatedly at random locations in the sky.

View the animation

starfieldPoster
uninvited

An old NES game I started replicating in Adobe Captivate 7. While unfinished, it is a good demonstration of some of the interactivity possible in Captivate.

Launch the module

uninvitedPoster
lgb1Intro

This is one out of a set of intro animations I produced in Adobe Premiere.

View the video

introPoster
ifaLogo

One of a trio of Video-On-Demand projects I edited for the Institute of Foresters of Australia.
I also set up a Vimeo page for each of the events.

Visit the page

ifaPoster
premiere_logo

Someone once told me that every webpage needs a cat video, so here’s my cat losing her mind in the bathtub.
I stabilized, cropped, and clipped the video in Premiere.

Watch the video

catPoster
 

More coming soon!

Watch that gear spin some more

contact

Send me a message using the form below and I will be delighted to speak with you as soon as I am able.
You can also connect with me on LinkedIn and Upwork.

Security Code:
security code
Please enter the security code:

Submit