Snipplr

(PHP) PHP Image Ratio Width & Height, Top & Left - ShawnG

Wed, 29 May 2013 03:48:55 GMT

Returns array with information like: Input image width 200 height 200 print_r(ratioResize('path/to/image.ext' , 100 , 50)); output: array( [ratio] => .5, [height] => 50, [width] => 50, [left] => 25, [top] => 25 );

(CSS) iframe css for dynamic width - leodruker

Tue, 19 Mar 2013 04:46:17 GMT

CSS to define an iframe to always be 100% of the container it's in.

(CSS) Fluid width spacing of divs - rickygri

Mon, 22 Oct 2012 22:33:26 GMT

Space div elements evenly inside a wrapper without using float (no right spacing issue) so that all elements are flush to the edges.

(CSS) CSS Box Sizing - Japegrape

Fri, 19 Oct 2012 05:44:53 GMT

This code modifies the default Box Sizing model from its regular style, "Content Box," to the much more sensible "Border Box," which does not include padding on top of width/height values.

(PHP) Get the width, height, type and attr of an image - Some0ne

Wed, 03 Oct 2012 12:53:29 GMT

Just a rework of http://snipplr.com/view/7523/ with an added switch to change type number to extention name.

(CSS) Centering div without width - cesarkohl

Thu, 05 Jul 2012 03:06:59 GMT

The idea here is that you contain the content you want to center in two divs, an outer one and an inner one. You float both divs so that their widths automatically shrink to fit your content. Next, you relatively position the outer div with it's right edge in the center of the container. Lastly, you relatively position the inner div the opposite direction by half of its own width (actually the outer div's width, but they are the same). Ultimately that centers the content in whatever container it's in. Check out the pictures on the website and it'll be clear. You may need that empty div at the end if you depend on your "product" content to size the height for the "product_container".

(ActionScript 3) AS3 - trim text for specific width and heigh - burnandbass

Thu, 26 Jan 2012 22:13:05 GMT

Hi; Sometimes you need to "trim" textifield for specific height... This solves just this, perfect for news, news-readers, rss etc

(PHP) Resize an image without distorting proportions (JPEG, GIF or PNG) - TimoZachi

Sat, 10 Sep 2011 08:38:41 GMT

A function that resizes an image to desired width and height, but does not distort the image proportions. Works for JPEG, GIF and PNG.

(PHP) Get All information from youtube video - TimoZachi

Sat, 10 Sep 2011 03:51:42 GMT

This code snippet gets all information from a YouTube video (title, description, duration, thumbnail url, thumbnail width, thumbnail height, etc..) using the video id and YouTube API.

(JavaScript) Browser dependent viewport size - devnull69

Wed, 06 Jul 2011 23:50:35 GMT

(jQuery) prettyPhoto YouTube width and height - devnull69

Fri, 01 Jul 2011 23:12:50 GMT

(PHP) Flickr Recent Photos to HTML with PHP - jakekimpton

Sat, 18 Jun 2011 20:21:14 GMT

It’s been driving me crazy that there’s no definitive script written to take out a user’s Flickr recent photos and parse it for formatting into HTML with a larger size than the standard 75 x 75 dimensions that the public_photo.gne Flickr script outputs. So I’ve written one, using a bit of skill and a snippet of code that someone posted which was kind of going in the same direction but then suddenly stopped and took a hard u-turn, veering off to somewhere stupid, as usual with programmers who know too much. So here’s a quick run through of what the code does: Collect the User ID that is added manually and constructs the Feed Links Get the File contents of the Feed Link once it’s been run Convert the XML to HTML Return it to the script for printing or a variable (Choice of the Programmer) I haven’t tested this on different versions of PHP, all I know is it works for me, and it’s using some pretty simple stuff so it should work fine. Just change the ID to your own or whoever’s it has to be and it should run.

(CSS) Vertically centre a menu without setting an explicit width - 1man

Thu, 03 Feb 2011 01:16:25 GMT

Useful bit of CSS to vertically centre a navigation. Good for Pagination.

(ActionScript 3) AS3 Fill Available Screen Area with Squares (Centred) - adrianparr

Wed, 05 Jan 2011 01:18:42 GMT

Taken from Christian Cantrell's Adobe article called 'Authoring mobile Flash content for multiple screen sizes'.

(CSS) Prevent oversized content to break fixed width floated layouts - blueocto

Sat, 01 Jan 2011 03:16:26 GMT

When oversized content (i.e. wide image) is placed in fixed width floated container, it may break the layout. To prevent that use this trick. It will hide a part of the content but at least your layout structure will remain intact.

(CSS) Centralizar menu sem largura ( width without center menu ) - shadow_d2

Wed, 03 Nov 2010 23:05:06 GMT

Centralizar menu sem usar width

(CSS) Center a div inside of a div - alozuldo

Mon, 25 Oct 2010 09:22:20 GMT

Of course, you don't have to set the width to 50%. Any width less than the containing div will work. The margin: auto is what does the actual centering.

(CSS) CSS: Printer Friendly Header Visibility Styles - karlhorky

Thu, 08 Jul 2010 04:43:28 GMT

When developing a website, an important consideration is accessibility on other media, including the medium of print. However, the printing engines of most browsers render content differently to allow for simple printed pages. One of the most notable differences is the omission of background images by default in modern browsers' print output. Background images are commonly used for header elements, which causes missing branding in the resulting printed pages. One option defined in this snippet is to add markup after your normal header for a 0 pixel by 0 pixel `` element (your print version header), and then style the two headers as invisible and visible based upon the stylesheet medium. So when you're viewing the screen version of the page the normal header will be visible and the print header will be an invisible element with a width and height of 0 pixels. With the print version of the page the normal header will not be displayed at all and the print header will be a visible element that is floated and correctly sized. This solution has been tested to work in: * Microsoft Internet Explorer 6, 7, 8 * Mozilla Firefox 3.6 * Google Chrome 5 * Apple Safari 4 * Opera 10

(ActionScript 3) AS3 SWF Metadata - adrianparr

Wed, 21 Apr 2010 10:10:41 GMT

Make sure you put the SWF Metadata AFTER any import statements.

(JavaScript) Get Window Height and Width (Cross-Compatible) - djstaz0ne

Fri, 02 Apr 2010 08:47:00 GMT

Returns window size as object. winsize.x = window width; winsize.y = window height;