J.P. McGarrity » css/html http://jpmcgarrity.com/blog Just another WordPress weblog Tue, 11 May 2010 13:21:06 +0000 http://wordpress.org/?v=2.8.4 en hourly 1 CSS Adjacent Sibling Combinators With Text http://jpmcgarrity.com/blog/index.php/2009/08/css-adjacent-sibling-combinators-with-text/ http://jpmcgarrity.com/blog/index.php/2009/08/css-adjacent-sibling-combinators-with-text/#comments Wed, 26 Aug 2009 21:59:09 +0000 J.P. http://jpmcgarrity.com/blog/?p=538 siblings_01
Here is a short and sweet post demonstrating the use of adjacent sibling combinators with text is an easy way to work with unique spacing with headers and copy in general.

Basic Example Code
h1 + p{
padding:20px 0 0;
}
h2 + p{
padding:0px 0 0;
}
h3 + p{
padding:0px 0 0;
}

Here is a link with 3 different headers and style demoing how convenient this approach is.

Eaching header has a unique spacing when followed by a <p/> tag.

]]> http://jpmcgarrity.com/blog/index.php/2009/08/css-adjacent-sibling-combinators-with-text/feed/ 0 HTML 5 Wordpress Theme (Naked) http://jpmcgarrity.com/blog/index.php/2009/07/html-5-wordpress-theme-naked/ http://jpmcgarrity.com/blog/index.php/2009/07/html-5-wordpress-theme-naked/#comments Fri, 17 Jul 2009 20:07:53 +0000 J.P. http://jpmcgarrity.com/blog/?p=399 naked

Here is an updated version of the Naked Wordpress theme to support HTML5.

Wordpress Naked has been put together by us as a simple Wordpress theme to assist developers that need to quickly implement a blog using Wordpress but don’t really have the time to spend looking under the hood in any detail or reading documentation when it comes to applying a custom theme (e.g. their clients’ design).

Find out more about the original theme.

Download HTML5 Theme

]]> http://jpmcgarrity.com/blog/index.php/2009/07/html-5-wordpress-theme-naked/feed/ 6 HTML 5 Bundle For Textmate http://jpmcgarrity.com/blog/index.php/2009/07/html-5-bundle-for-textmate/ http://jpmcgarrity.com/blog/index.php/2009/07/html-5-bundle-for-textmate/#comments Thu, 16 Jul 2009 20:50:01 +0000 J.P. http://jpmcgarrity.com/blog/?p=395 html5_bundle_icon1

Here is a download to the HTML 5 Bundle I have started for Textmate. This is my first attempt at creating a bundle from scratch please provide feedback and requests and I will add them.

Download Here

Update 7/19/2009

The bundle has also been uploaded to Github.

View Repository

]]> http://jpmcgarrity.com/blog/index.php/2009/07/html-5-bundle-for-textmate/feed/ 5 Video Player with HTML 5 http://jpmcgarrity.com/blog/index.php/2009/06/video-player-with-html-5/ http://jpmcgarrity.com/blog/index.php/2009/06/video-player-with-html-5/#comments Tue, 16 Jun 2009 22:54:20 +0000 J.P. http://jpmcgarrity.com/blog/?p=341 With some of the latest browsers supporting HTML 5 I thought I go ahead and take a stab at trying to create a very basic video player using some of the new tags. What’s interesting is many times when flash would be needed for video and audio HTML 5 will be able to support such media types with just a little JS.

Here is a sample player using HTML 5 (Note this is at a very early stage and only has play/pause functionality).

wildthingshtml5

<div id="myVideoContainer">
<video id="myVideo" src="../videos/WheretheWildThingsAre.mov" autoplay="autoplay">
<p>Sorry Your Browser Doesn't Support HTML 5. Safari 4 will support this video player, download it here</p>
</video>
</div>

Related information:

]]> http://jpmcgarrity.com/blog/index.php/2009/06/video-player-with-html-5/feed/ 0