Sponsored Content
The Lounge What is on Your Mind? Prototyping New Responsive Mobile for UNIX.COM - Phase III Post 303008623 by Neo on Monday 4th of December 2017 09:50:55 AM
Old 12-04-2017
Hammer & Screwdriver New Forum Page Navigation for Mobile

The first prototype of the new mobile page navigation is done:


Image


Basically, it uses Swiper.js so mobile users can swipe (obviously from the name), LOL


Image


In a nutshell, you can swipe on mobile to select the page you want and then click to go there.
 

7 More Discussions You Might Find Interesting

1. What is on Your Mind?

Mobile App for UNIX.com?

Do we have a mobile app for unix.com? (1 Reply)
Discussion started by: ahamed101
1 Replies

2. What is on Your Mind?

Mobile Friendly Version of UNIX.COM

Hello, I have noticed some problems with Google complaining our site is not "https://search.google.com/www.usearch-console/mobile-friendly" using only Tapatalk. So, after a lot of work, I have re-enabled our legacy mobile style and make some improvements and Google has declared us "mobile... (2 Replies)
Discussion started by: Neo
2 Replies

3. What is on Your Mind?

Prototyping New Responsive Mobile UNIX.COM

I'm working on updates to the mobile phone view, and it's going to look much better I think. Here are some current prototypes: Prototype Mobile Home Page: https://www.unix.com/members/1-albums214-picture690.jpg Prototype Mobile Search Page: ... (43 Replies)
Discussion started by: Neo
43 Replies

4. What is on Your Mind?

Prototyping New Responsive Mobile for UNIX.COM - Phase II

Have completed "Phase I" of our project "Prototyping New Responsive Mobile UNIX.COM", I am now moving to "Phase II" which will be changing many of the menus and buttons to use Javascript and CSS for the mobile site menus. For example, here is the new "main side menu" for the mobile site (below).... (63 Replies)
Discussion started by: Neo
63 Replies

5. What is on Your Mind?

Phase III: CSS Flexbox Upgrades

On my never ending quest to get rid of table tags and make the site responsive for all device sizes, I plan to use CSS Flexbox with jQuery. I tried using Bootstrap Flex and CSS Grids, but none of these worked as easy and clean as CSS Flexbox. For example, today I changed the top header area... (0 Replies)
Discussion started by: Neo
0 Replies

6. What is on Your Mind?

Check Out UNIX.COM on Mobile - It's Looking Good

If you have not visited the site on mobile lately, you are missing out on a great looking mobile web site. If you don't have a mobile, you can always navigate to the sliding member panel and click on "Mobile View".... It's really looking killer'...... I'm starting to think that soon the... (6 Replies)
Discussion started by: Neo
6 Replies

7. What is on Your Mind?

New Responsive 404 Page for UNIX.com

Just created (actually, only modified... it was created by ShoutOut) a new responsive 404 "not found" page with the help of ShoutOut free templates. https://www.unix.com/status/404.html Same for 401 and 403 errors. Picture sans animation: ... (2 Replies)
Discussion started by: Neo
2 Replies
GETIMAGESIZE(3) 							 1							   GETIMAGESIZE(3)

getimagesize - Get the size of an image

SYNOPSIS
array getimagesize (string $filename, [array &$imageinfo]) DESCRIPTION
The getimagesize(3) function will determine the size of any given image file and return the dimensions along with the file type and a height/width text string to be used inside a normal HTML<IMG> tag and the correspondant HTTP content type. getimagesize(3) can also return some more information in $imageinfo parameter. Note Note that JPC and JP2 are capable of having components with different bit depths. In this case, the value for "bits" is the highest bit depth encountered. Also, JP2 files may contain multiple JPEG 2000 codestreams. In this case, getimagesize(3) returns the values for the first codestream it encounters in the root of the file. Note The information about icons are retrieved from the icon with the highest bitrate. PARAMETERS
o $filename - This parameter specifies the file you wish to retrieve information about. It can reference a local file or (configuration per- mitting) a remote file using one of the supported streams. o $imageinfo - This optional parameter allows you to extract some extended information from the image file. Currently, this will return the different JPG APP markers as an associative array. Some programs use these APP markers to embed text information in images. A very common one is to embed IPTC information in the APP13 marker. You can use the iptcparse(3) function to parse the binary APP13 marker into something readable. RETURN VALUES
Returns an array with up to 7 elements. Not all image types will include the channels and bits elements. Index 0 and 1 contains respectively the width and the height of the image. Note Some formats may contain no image or may contain multiple images. In these cases, getimagesize(3) might not be able to properly determine the image size. getimagesize(3) will return zero for width and height in these cases. Index 2 is one of the IMAGETYPE_XXX constants indicating the type of the image. Index 3 is a text string with the correct height="yyy" width="xxx" string that can be used directly in an IMG tag. mime is the correspondant MIME type of the image. This information can be used to deliver images with the correct HTTP Content-type header: Example #1 getimagesize(3) and MIME types <?php $size = getimagesize($filename); $fp = fopen($filename, "rb"); if ($size && $fp) { header("Content-type: {$size['mime']}"); fpassthru($fp); exit; } else { // error } ?> channels will be 3 for RGB pictures and 4 for CMYK pictures. bits is the number of bits for each color. For some image types, the presence of channels and bits values can be a bit confusing. As an example, GIF always uses 3 channels per pixel, but the number of bits per pixel cannot be calculated for an animated GIF with a global color table. On failure, FALSE is returned. ERRORS
/EXCEPTIONS If accessing the $filename image is impossible getimagesize(3) will generate an error of level E_WARNING. On read error, getimagesize(3) will generate an error of level E_NOTICE. CHANGELOG
+--------+---------------------------------------------------+ |Version | | | | | | | Description | | | | +--------+---------------------------------------------------+ | 5.3.0 | | | | | | | Added icon support. | | | | | 5.2.3 | | | | | | | Read errors generated by this function down- | | | graded to E_NOTICE from E_WARNING. | | | | | 4.3.2 | | | | | | | Support for JPC, JP2, JPX, JB2, XBM, and WBMP | | | became available. | | | | | 4.3.2 | | | | | | | JPEG 2000 support was added for the $imageinfo | | | parameter. | | | | | 4.3.0 | | | | | | | | | | bits and channels are present for other image | | | types, too. | | | | | 4.3.0 | | | | | | | | | | mime was added. | | | | | 4.3.0 | | | | | | | Support for SWC and IFF was added. | | | | | 4.2.0 | | | | | | | Support for TIFF was added. | | | | | 4.0.6 | | | | | | | Support for BMP and PSD was added. | | | | | 4.0.5 | | | | | | | URL support was added. | | | | +--------+---------------------------------------------------+ EXAMPLES
Example #2 getimagesize(3) example <?php list($width, $height, $type, $attr) = getimagesize("img/flag.jpg"); echo "<img src="img/flag.jpg" $attr alt="getimagesize() example" />"; ?> Example #3 getimagesize (URL) <?php $size = getimagesize("http://www.example.com/gifs/logo.gif"); // if the file name has space in it, encode it properly $size = getimagesize("http://www.example.com/gifs/lo%20go.gif"); ?> Example #4 getimagesize() returning IPTC <?php $size = getimagesize("testimg.jpg", $info); if (isset($info["APP13"])) { $iptc = iptcparse($info["APP13"]); var_dump($iptc); } ?> NOTES
Note This function does not require the GD image library. SEE ALSO
image_type_to_mime_type(3), exif_imagetype(3), exif_read_data(3), exif_thumbnail(3). PHP Documentation Group GETIMAGESIZE(3)
All times are GMT -4. The time now is 02:47 PM.
Unix & Linux Forums Content Copyright 1993-2022. All Rights Reserved.
Privacy Policy