Centering a block horizontally is no problem. Centering an absolute positioned block has its challenges. Vertically centering anything on a page can make you pull your hair out. That is, until now.
A Pen by kenhowardpdx on CodePen.
Ken Howard kenhowardpdx
kenhowardpdx
/ Simple-CSS-Vertical-and-Horizontal-Centering.markdown
Last active
December 22, 2015 23:19
Simple CSS Vertical and Horizontal Centering
kenhowardpdx
/ global.inc
Last active
December 27, 2015 12:29
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <? | |
| date_default_timezone_set('America/Los_Angeles'); | |
| //Connect to the database | |
| $db_host = "localhost"; | |
| $db_user = "dbuser"; | |
| $db_pass = "dbpassword"; | |
| $db_database = "dbname"; | |
| $mysqli = new mysqli($db_host, $db_user, $db_pass, $db_database); |
This is a simple demonstration on removing elements with HTML, CSS and jQuery.
A Pen by Ken Howard on CodePen.
A Pen by Ken Howard on CodePen.
kenhowardpdx
/ WordPress Google Analytics
Last active
April 5, 2023 18:00
Add Google Analytics to WordPress Theme functions.php
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function init_analytics() { | |
| $analytics = '<script type="text/javascript"> | |
| var _gaq = _gaq || []; | |
| _gaq.push([\'_setAccount\', \'UA-XXXXXXXX-X\']); | |
| _gaq.push([\'_trackPageview\']); | |
| (function() { | |
| var ga = document.createElement(\'script\'); ga.type = \'text/javascript\'; ga.async = true; | |
| ga.src = (\'https:\' == document.location.protocol ? \'https://\' : \'http://\') + \'stats.g.doubleclick.net/dc.js\'; |
kenhowardpdx
/ CSS3 - jQuery Animation Demo
Last active
January 3, 2016 15:39
CSS3/jQuery Animation Demo
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> | |
| <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> | |
| <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> | |
| <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="ROBOTS" content="NOINDEX,FOLLOW"> | |
| <meta name="GOOGLEBOT" content="NOARCHIVE"> | |
| <meta http-equiv="PRAGMA" content="NO-CACHE"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <style type="text/css"> | |
| .grid { | |
| -moz-box-sizing: border-box; | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box;. | |
| content:""; | |
| display:table; | |
| clear:both; | |
| margin: 0; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE> | |
| <html> | |
| <head> | |
| <title>Firebase Demo</title> | |
| <script src='https://cdn.firebase.com/v0/firebase.js'></script> | |
| <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" /> | |
| <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css"> | |
| <style> | |
| em { |
kenhowardpdx
/ README.markdown
Last active
November 5, 2021 08:09
sharelink.js - Share Links on Social Networks
A Pen by Ken Howard on CodePen.
OlderNewer