johnny tisdale

Heeere's Johnny!

Hello and welcome to my website.

I’m an experienced web developer, proficient in HTML, CSS, WordPress, Javascript, jQuery, Bootstrap, PHP, and MySQL, among others. I currently work full time as web developer. I also subcontract and freelance on the side.

This site serves as a portfolio of some of my work. Please check out my resume, web development examples, and coding projects! If you’re interested in hiring me, please send me an email.

Thanks for visiting!

SKILLS

Skills I've Used Professionally

Skills I'm Learning

EXPERIENCE

Web Developer

Certified Technical Experts, Inc.CTE, Inc. – Montgomery, AL
Oct 2018 to Present

Web Developer

Danielle Zeigler LLC – Pittsburgh, PA
Sep 2014 to Present

Web Developer

Freelance – Montgomery, AL
Mar 2014 to Present

Paralegal

Dowe Law Firm – San Francisco, CA
Oct 2012 to Mar 2013

Intern

Helicity Montgomery – Montgomery, AL
Jan 2012 to Apr 2012

Web Developer

Clowns Unlimited – Portland, OR
Jan 2008 to Mar 2008

EDUCATION

Bachelor of Science in Psychology
Paralegal Certificate

Auburn University Montgomery – Montgomery, AL
December 2011

EXTRACURRICULAR ACTIVITIES

President of AUM Psychology Club

Staff Writer for AUM Student Newspaper

AWARDS

1st Place in Web Design
2nd Place in Video Production

2003 South Central Regional Fair
Alabama Council for Technology in Education

Dowe Law Firm

Danielle Zeigler LLC

Danielle Zeigler

Danielle Dowling

Catherine Cassidy

Morgan Northway

The Runner Beans

Victoria Flame Events

Helicity Montgomery

Capitol Heights Civic Association

Clowns Unlimited

skills used
  • JavaScript
  • jQuery
  • Bootstrap
  • CSS
  • HTML
features
  • Displays numbers with commas. "1000" is displayed as "1,000". This was not trivial because JavaScript does not add commas and treats "1,000" as NaN (not a number).
  • Converts numbers that are too big to fit in the display window to a displayable form. Numbers with many decimal places are rounded to the nearest hundredth. ("9.2384793832" becomes "9.24".) Exceedinly large numbers are converted to scientific notation. By default, JavaScript displays exponentials in the form "1.2e3". However, this program displays them in the more aesthetically pleasing form, "1.2 × 103".
  • Precisely represents numbers with decimals. This is not entirely trivial because JavaScript uses floating point representation. So, given the operation 6.3 + 4.1, JavaScript would return 10.399999999999999 instead of 10.4. In this example, the issue is resolved by multiplying each number by 10, adding them together, and then dividing the result by 10.
  • Returns an error message when the user attempts to divide zero by zero.
  • Returns a special error message when the user attempts to divide a non-zero number by zero. Try it!
  • Returns an error message when the user attempts to enter more numbers than can be displayed.
  • Displays each step in a multi-step operation until space runs out, at which point the operands are condensed to their solution.
skills used
  • JavaScript
  • jQuery
  • Bootstrap
  • CSS
  • HTML
features
  • Why have a boring static header when you can have a super awesome matrix header?
  • Each letter changes at its own randomized duration, independent of the other letters. This was achieved with a single setTimeout() function to prevent pollution of the global namespace.
  • Each letter is randomly shifting through all possible values of several CSS attributes:
    • font-style
    • text-decoration
    • text-decoration-style
    • text-transform
  • Each letter randomly changes to an alternate (i.e. uber-1337) version. This was achieved with Unicode.
  • A form gives the user control over which CSS attributes are changed, and whether the alternate characters are included. In addition to the CSS attributes listed above, the user is also given control over color.

matrix header

Characters:
Characters
Case
Alternate
Normal
Random
Uppercase
Lowercase
Color:
Random
Opacity
Name:
RGBA:
R
G
B
A
Decoration:
Line
Style
Random
Underline
Overline
Both
Linethrough
None
Random
Dashed
Dotted
Double
Solid
Wavy
Italics:
Random
Italics
Normal

Characters

Characters
Alternate
Normal
Case
Random
Uppercase
Lowercase

Color

Random

Opacity
Name:
RGBA:
R
G
B
A

Decoration

Line
Random
Underline
Overline
Both
Linethrough
None
Style
Random
Dashed
Dotted
Double
Solid
Wavy

Italics

Random
Italics
Normal

calculator

7
8
9
+
4
5
6
-
1
2
3
×
0
.
÷
=
C