CodePen is one of the best tools for front-end developers to experiment, test out some new code, compile and reorganize your stuff, and of course to share them as well.
Use shortcode, widget or insert into the editor with TinyMCE button..
The list will be simple unordered list, which get the values from your site CSS.
To customize the plugin just reference the the list's.bits-codepen-list class in your CSS and style it however you want.
To fetch we use RSS and you can set the cache value easily...
pen's link inserted in the editor and the plugin automatically coverts it to embed pen..
The inserted shortcode converted to in post...
Upload the plugin files to the wp-content plugins plugin-name directory, or install the plugin through WordPress plugins screen directly..
Activate the plugin through 'Plugins screen WordPress...
Browse the code, check out SVN repository, or subscribe to the development log by RSS...
Read more