Pure CSS3 menu button effect.
A Pen by Nathan Schmidt on CodePen.
Paul Barthmaier pbrocks
pbrocks
/ Simple-CSS-Menu-Transition.markdown
Created
January 14, 2015 01:29
Simple CSS Menu Transition
pbrocks
/ Responsive-grid-using-elementQuery.markdown
Created
January 14, 2015 01:31
Responsive grid using elementQuery
Example of a responsive grid using element queries instead of media queries.
A Pen by Tyson Matanich on CodePen.
Similar to Masonry, but with less heavy javascript. This particular version is limited to just square and 2:3 tall images, so it's definitely not as flexible as masonry, just snappier. All positioning is done in CSS, with just a single Javascript loop over the elements to update the classes. Note that bad images would expose the background.
pbrocks
/ Fluid-Grid-Using-Text-align:-Justify.markdown
Created
January 14, 2015 01:33
Fluid Grid Using Text-align: Justify
A new technique for responsive grids I've been working on which uses inline-block and text-align: justify.
Take a look at this article for an explanation of the fundamentals of the technique:
http://www.barrelny.com/blog/text-align-justify-and-rwd/
Essentially, margins are calculated by the browser and never specified in the CSS. This saves a lot of tedious work! Also by not having to use floats, clearfixes, or nth-child, we avoid many common problems associated with more traditional methods.
pbrocks
/ Simple-Responsive-Image-Grid.markdown
Created
January 14, 2015 01:35
Simple Responsive Image Grid
pbrocks
/ Responsive-Image-Grid-From-RSS-Feed.markdown
Created
January 14, 2015 01:38
Responsive Image Grid From RSS Feed
A responsive image grid that uses a RSS feed to display the most recent posts as images. The algorithm gets the first image of each blog post and displays them in the grid.
Read More: http://blog.donovanglover.com/2013/02/get-first-image-of-blog-post-wordpress/
A Pen by Donovan Glover on CodePen.
A list of images that by default is two-columns. As screen real estate becomes available, more columns are added.
A Pen by Brad Frost on CodePen.
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
| <div class="bGImg"> | |
| <img src="http://www.stockvault.net/data/2010/11/24/116234/small.jpg" /> | |
| <p>THIS IS SOME OVERLAY TEXT</p> | |
| </div><div class="bGImg"> | |
| <img src="https://farm4.staticflickr.com/3774/10670407354_bba85826ce_n.jpg" /> | |
| <p>THIS IS SOME OVERLAY TEXT</p> | |
| </div><div class="bGImg"> | |
| <img src="http://www.stockvault.net/data/2010/11/24/116234/small.jpg" /> | |
| <p>THIS IS SOME OVERLAY TEXT</p> | |
| </div><div class="bGImg"> |
pbrocks
/ Ajax-Lazy-Load-with-AngularJS.markdown
Created
January 19, 2015 07:30
Ajax Lazy Load with AngularJS
Quickly put together lazy load of a JSON feed using AngularJS.
A Pen by Zachary Wills on CodePen.
pbrocks
/ paulund-wp-list-table.php
Last active
August 24, 2016 12:43
— forked from paulund/example-wp-list-table.php
An example code of using the WP_List_Table class.With Pagination.
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
| <?php | |
| /* | |
| * Plugin Name: Paulund WP List Table | |
| * Description: An example of how to use the WP_List_Table class to display data in your WordPress Admin area created by Paul Underwood and edited by @palibaacsi according to WP VIP Standards | |
| * Plugin URI: http://www.paulund.co.uk | |
| * Author: Paul Underwood and @palibaacsi | |
| * Author URI: http://www.paulund.co.uk | |
| * Version: 1.2 | |
| * License: GPL2 | |
| */ |