Clik here to view.
Kimono API Test
See the Code - See it Full Page - See Details Kimono is a free tool for taking website data and turning them into APIs for use in websites and javascript. This is a quick test to see if using the API...
View ArticleClik here to view.
Infinite Scroller with jQuery Objects and Selectors
See the Code - See it Full Page - See Details I've been getting rusty on my basic Javascript and jQuery lately, so I'm working on this little example from a book to keep them strong. The final product...
View ArticleClik here to view.
Waypoints Practice
See the Code - See it Full Page - See Details Currently practicing Waypoints.js, a plugin a colleague referred me too for triggering scroll events and functions. Very useful, still getting familiar....
View ArticleClik here to view.
Isotope Showcase
See the Code - See it Full Page - See Details Isotope is a great plugin for responsive blocks and grids that adjust themselves automatically with different sizes and content. However it's been tricky...
View ArticleClik here to view.
Bourbon Practice
See the Code - See it Full Page - See Details After seeing how Compass was going out of style for its bulk, I decided to do some practice with interesting Bourbon functions and mixins since they're...
View ArticleClik here to view.
Angle Mixin
See the Code - See it Full Page - See Details For a recent assignment I had to make an angle effect for several different sides and colors. So I wrote a quick mixin to create an angle effect on the...
View ArticleClik here to view.
Web Development Resources
See the Code - See it Full Page - See Details Pulling a spreadsheet of useful web development tools, sites, plugins, and what-not into a searchable grid here. This Pen uses: HTML, SCSS, JavaScript, and
View ArticleClik here to view.
Frosted Glass effect
See the Code - See it Full Page - See Details After reading "CSS Secrets," I thought I'd give the Frosted Glass effect from one of the chapters. I edited it so it's possible to have the effect for...
View ArticleClik here to view.
Jade Practice
See the Code - See it Full Page - See Details Practicing using Jade as a pre-processor for my HTML. So far it's very useful in it's mixins and looping functionality! This Pen uses: Jade, SCSS,...
View ArticleClik here to view.
Responsive Typography
See the Code - See it Full Page - See Details I felt inspired after seeing Smashing Magazine article on Responsive Typography using Sass Maps, so I thought I'd create my own version of their mixin....
View ArticleClik here to view.
Daily Book Reader
See the Code - See it Full Page - See Details A little Javascript I wrote to make sure I kept my reading varied and active each day This Pen uses: Jade, SCSS, JavaScript, and
View ArticleClik here to view.
Vue.js Table
See the Code - See it Full Page - See Details Found Vue.js as a more accessible alternative to Angular.js, so I'm taking a shot at using it for an interactive table. It's searchable and has a solid...
View ArticleClik here to view.
Easy Font Sizes
See the Code - See it Full Page - See Details If you like using Bourbon and it's modular scale function to manage your font sizes, this is a handy mixin and Sass Map to easily control the sizes and...
View ArticleClik here to view.
A Pen by Maxwell Antonucci
See the Code - See it Full Page - See Details This Pen uses: Jade, SCSS, JavaScript, and
View ArticleClik here to view.
jQuery Collapsing Tables
See the Code - See it Full Page - See Details Some jQuery I used in a recent prototype for making some simple collapsing tables. Still fine-tuning it for space and scalability. This Pen uses: Jade,...
View ArticleClik here to view.
Contra-Color Mixin
See the Code - See it Full Page - See Details A simple mixin I customized for making sure font colors always contrast with the background. Let's you customize the text color for light and dark...
View ArticleClik here to view.
Firebase Demo
See the Code - See it Full Page - See Details This Pen uses: Jade, SCSS, JavaScript, and
View ArticleClik here to view.
Number Guessing Game
See the Code - See it Full Page - See Details You have five guesses to guess the number between one and one hundred. Can you do it? This is a relatively simple Angular application using jQuery and...
View ArticleClik here to view.
Animated Entries
See the Code - See it Full Page - See Details IN PRODUCTION A combination of Animate.css and Waypoints.js to make elements enter and exit the viewport with different animations. This Pen uses: Jade,...
View ArticleClik here to view.
Font-border mixin
See the Code - See it Full Page - See Details A quick mixin I wrote to create a blurred border effect around text. It lets you control how far the border goes in the X or Y axis, the color, and how...
View Article
