Skip to content

Instantly share code, notes, and snippets.

View magnificode's full-sized avatar
👹

Dominic Magnifico magnificode

👹
46 followers · 44 following
View GitHub Profile
@magnificode
magnificode / index.html
Created December 6, 2012 05:02
A CodePen by dominicmagnifico. Just Some Circles - They move and stuff.
<body>
<div class="description">
<div id="fig1" class="fig fig1">
<h1>Big</h1>
</div>
<div id="fig2" class="fig fig2">
<h1>Bigish</h1>
</div>
<div id="fig3" class="fig fig3">
<h1>Biggah!</h1>
@magnificode
magnificode / index.html
Created December 6, 2012 14:45
A CodePen by dominicmagnifico. Search Pretty - searchbar rebound
<body>
<p>Rebound of <a href="http://dribbble.com/shots/845017-Searchbar?list=popular&offset=529" target="_blank">Searchbar </a> by <a href="http://dribbble.com/taurean" target="_blank">taurean</a>
<div class="wrapper">
<input type="text" placeholder="Is it me you're looking for?"/>
<div class="search">
<input type="submit" value="" />
<div class="icon"></div>
</div>
</div>
</body>
@magnificode
magnificode / jQuery_Accordion.js
Created February 6, 2013 18:17
Super Simple jQuery Accordion
(function($) {
var allPanels = $('.accordion > div.acc-content').hide();
$('.accordion > div.acc-more > a').click(function() {
$this = $(this);
$target = $this.parent().next();
if(!$target.hasClass('active')){
allPanels.removeClass('active').slideUp();
@magnificode
magnificode / PHP-Facebook_Feed.php
Created February 6, 2013 21:14
Facebook Feed via JSON
<?php
$FBid = 'FACEBOOK_ID_HERE';
//Get the contents of a Facebook page
$FBpage = file_get_contents('https://graph.facebook.com/' . $FBid . '/feed?access_token=ACCESS_TOKEN&limit=4');
//Interpret data with JSON
$FBdata = json_decode($FBpage);
foreach ($FBdata->data as $news )
{
//Explode News and Page ID's into 2 values
$StatusID = explode("_", $news->id);
@magnificode
magnificode / index.html
Created April 18, 2013 22:22
A CodePen by dominicmagnifico. Moar Forms! - Awesome simple flat Login based off a rebound by <a href="http://dribbble.com/shots/991571-Flat-sign-in-screen?list=popular&offset=224" target="_blank">Pieter Goris</a>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Flat Sign In</title>
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="main-signin">
@magnificode
magnificode / GA_Switch.php
Created May 1, 2013 13:49
Google Analytics Switcher
<?php
//hostname based google code, only run if on live site - Tom Horak
//placed right before closing body tag according to google best practice: http://support.google.com/googleanalytics/bin/answer.py?hl=en&answer=55488
//moved to right before closing head tag per SEOverflow 05/25/12
$hostname = $_SERVER['HTTP_HOST']; //dev.zenman.com | localhost | Live server | etc..
switch ($hostname) {
case 'localhost': //do nothing
//echo '<!-- no google analytics code -->';
break;
@magnificode
magnificode / index.html
Created June 27, 2013 15:08
A CodePen by dominicmagnifico. Stats - Lovely little stat counter using progress bars
<div class="container">
<div class="progress_wrapper pink_blue">
<span class="pink_blue tooltip">0%</span>
<progress max="100" value="0" data-value="60" class="pink_blue">
</progress>
</div>
<div class="progress_wrapper pink_blue">
<span class="pink_blue tooltip">0%</span>
<progress max="100" value="0" data-value="80" class="pink_blue">
</progress>
@magnificode
magnificode / index.html
Created July 1, 2013 22:31
A CodePen by dominicmagnifico. Super Neat Responsive Nav - Uses a bit of jQuery to build a cool nav with some transitions.
<h2 class="slide-trigger">Super Neat Menu! <span></span></h2>
<nav role='navigation' class="nav">
<ul class="menu">
<li><a href="#">Inky</a></li>
<li><a href="#">Bink</a></li>
<li><a href="#">A Bottle</a></li>
<li><a href="#">Of Ink</a></li>
<li><a href="#">The Cork</a></li>
@magnificode
magnificode / index.html
Created July 25, 2013 21:04
A CodePen by dommagnifico. Hover Lover - Hover over a thing, so that thing underneith does stuff
<link href='http://fonts.googleapis.com/css?family=Arbutus+Slab' rel='stylesheet' type='text/css'>
<article class="focus__list">
<div class="focus__area--wrap">
<div class="focus__area">
<div class="focus__icon">&amp;</div>
<div class="focus__title">
Ampersand
</div>
</div> <!-- //__area -->
@magnificode
magnificode / gmap_center.js
Last active October 28, 2016 12:42
Google maps snippet to keep the center centered on window resize
google.maps.event.addDomListener(window, 'resize', function() {
map.setCenter(YOUR_LAT_LONG_VAR_HERE);
});