Skip to main content

Home/ Web Development, Design & Programming/ Group items tagged resize

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
freefastapp

تحميل تطبيق Photo Resizer HD لتغير وتصغير حجم االصور اندرويد | تحميل التطبيقا... - 0 views

www.freefastapp.com/...photo-resizer-hd.html

تحميل تطبيق Photo Resizer HD لتغير وتصغير حجم االصور اندرويد

shared by freefastapp on 09 Oct 15 - No Cached
  • freefastapp on 09 Oct 15
     
    تحميل تطبيق Photo Resizer HD لتغير وتصغير حجم االصور اندرويد
  • freefastapp on 09 Oct 15
     
    تحميل تطبيق Photo Resizer HD لتغير وتصغير حجم االصور اندرويد
Luciano Ferrer

bgStretcher jQuery Plugin Allows to Add Background Image to Page and Proportionally Res... - 1 views

www.ajaxblender.com/background-plugin-updated.html

jquery background image slideshow fullscreen

shared by Luciano Ferrer on 01 Mar 12 - No Cached
  • Luciano Ferrer on 01 Mar 12
     
    "bgStretcher is a jQuery plugin that proportionally resizes the background-image to fill the entire viewport. It can be used with a single image just for the resizing feature or multiple images as a slideshow. The slideshow can be browsed with pagination and prev-next buttons besides the autoplay and there are multiple transition types offered. Further customization is possible by defining the slideshow speed, delay between each item and sequence mode (in an order or randomly). Also, methods exist for playing and pausing it from any custom events."
Vernon Fowler

Font sizing with rem - Snook.ca - 0 views

snook.ca/...font-size-with-rem

css3 rem font css fonts sizing webdesign web design

shared by Vernon Fowler on 10 Sep 12 - No Cached
  • The problem with em-based font sizing is that the font size compounds. A list within a list isn't 14px, it's 20px. Go another level deeper and it's 27px!
  • The rem unit is relative to the root—or the html—element. That means that we can define a single font size on the html element and define all rem units to be a percentage of that. html { font-size: 62.5%; } body { font-size: 1.4rem; } /* =14px */ h1 { font-size: 2.4rem; } /* =24px */
  • We can specify the fall-back using px, if you don't mind users of older versions of Internet Explorer still being unable to resize the text (well, there's still page zoom in IE7 and IE8). To do so, we specify the font-size using px units first and then define it again using rem units. html { font-size: 62.5%; } body { font-size: 14px; font-size: 1.4rem; } /* =14px */ h1 { font-size: 24px; font-size: 2.4rem; } /* =24px */
  • ...3 more annotations...
  • I'm defining a base font-size of 62.5% to have the convenience of sizing rems in a way that is similar to using px.
  • consistent and predictable sizing in all browsers, and resizable text in the current versions of all major browsers
  • The compounding nature of em-based font-sizing can be frustrating so what else can we do?
wordpress premium

Sezen Premium WordPress Theme : FlexiThemes - 0 views

premiumthemesclub.net/um-wordpress-theme-flexithemes

Premium WordPress Theme

shared by wordpress premium on 25 Sep 10 - No Cached
  • wordpress premium on 25 Sep 10
     
    Sezen WordPress Theme is clean and lightweight magazine Premium WordPress Theme from FlexiThemes. The them is designed for the magazine website or it can be used in day to day blogging purpose as well. Theme contains features like news article slider in homepage, drop down navigation menus, image resizing generator, lots of custom widgets, theme admin option panel and more.
Raja uk

MopBox | A draggable lightbox | Ajaxmint.com - 0 views

ajaxmint.com/...mopbox-a-draggable-lightbox

shared by Raja uk on 11 Jan 10 - No Cached
  • Raja uk on 11 Jan 10
     
    MopBox is draggable lightbox that supports divs (HTML and CSS), images , flash, video, etc. A slider is shown automatically if it has more than one child, a slider navigation is shown and it will automatically resize.
Vernon Fowler

resize - Change height of textarea based on number of lines of text in javascript - Sta... - 0 views

stackoverflow.com/...of-lines-of-text-in-javascript

javascript resize height text lines HTML forms

shared by Vernon Fowler on 03 Sep 11 - No Cached
  • Template Range on 04 Sep 11
     
    Get professional, low priced & high quality website templates from Templatesrange. http://www.templaterange.com
Luciano Ferrer

FREE Version of Flash Page Flipping - 5 views

www.flashpageflip.com/FreeFPF.asp

flash pageflip free

shared by Luciano Ferrer on 08 Oct 11 - Cached
  • Luciano Ferrer on 08 Oct 11
     
    "Free Version of Flash Page Flip has no advanced functions but it has some nice features like resizing and navigation. You can make and publish your own publications (Online Catalog, Digital Brochure, Flipping Book, Interactive Flyer, Virtual Magazine, Flip Album etc.) by writing JPEG or SWF formatted pages names on XML file in the Free Version. You don't have to know Flash software to make your flipping book. You can use Free FPF in your commercial and non-commercial websites but please firstly look at the Terms of Use. FlashPageFlip.com text link where at the lower left corner is only for Free Version. There isn't in the other versions. Flash Page Flip Free Version works like Basic XML Version. We advise you FPF Basic XML Version if you can use Free FPF without any difficulty and you enjoy it or you haven't server which supports ASP. You can use it offline (CD, DVD, etc.) or all online servers like Free FPF."
mikhail-miguel

MarkMyIMages - One-click watermark, resize, and rename for images (markmyimages.com). - 0 views

www.markmyimages.com

AI Artificial-Intelligence

shared by mikhail-miguel on 09 Jul 23 - No Cached
  • mikhail-miguel on 09 Jul 23
     
    MarkMyIMages: One-click watermark, resize, and rename for images (markmyimages.com).
mikhail-miguel

Pixelhunter - Pixel­hunter - free Artificial Intelligence image resizer for s... - 0 views

pixelhunter.io

Artificial-Intelligence AI

shared by mikhail-miguel on 09 Jul 23 - No Cached
  • mikhail-miguel on 09 Jul 23
     
    Pixelhunter: Pixel­hunter - free Artificial Intelligence image resizer for social media (pixelhunter.io).
Luciano Ferrer

gilbitron/Fitimg · GitHub - 0 views

github.com/Fitimg

jquery script plugin image resize fit

shared by Luciano Ferrer on 18 Sep 13 - No Cached
  • Luciano Ferrer on 18 Sep 13
     
    "Fitimg is a jQuery plugin to make images "fit" to their containers"
Soul Book

The Incredible Em & Elastic Layouts with CSS - 0 views

jontangerine.com/...m-and-elastic-layouts-with-css

blog css tools webdesign typography design fonts text layout web framework layouts em elastic

shared by Soul Book on 01 Apr 10 - Cached
  • Elastic design uses em values for all elements. Ems are a relative size, written like this: 1em, 0.5em, 1.5em etc. Ems can be specified to three decimal places like so: 1.063em. “Relative” means: They are calculated based on the font size of the parent element. E.g. If a <div> has a computed font size of 16px then any element inside that layer —a child— inherits the same font size unless it is changed. If the child font size is changed to 0.75em then the computed size would be 0.75 × 16px = 12px. If the user increases (or decreases) text size in their browser, the whole interface stretches (or shrinks.)
  • All popular browsers have a default font size of 16px. Therefore, at the default browser setting, 1em = 16px.
  • The <body> inherits it unless styled otherwise using CSS. Therefore 1em = 16px, 0.5em = 8px, 10em = 160px and so on. We can now specify any element size we need to using ems!
  • ...9 more annotations...
  • However, (gasp) IE has a problem with ems. Resizing text from medium (default) to large in IE5/6 would lead to a huge increase in font size rather than the gradual one expected. So another selector is needed to get IE to behave: html{ font-size:100%; }
  • Let’s give our <body> some more style, and center everything in the viewport (this will be important later for our content wrapper.) Our initial CSS ends up like this: html{ font-size: 100%; } body{ font-size: 1em; font-family: georgia, serif; text-align: center; color: #444; background: #e6e6e6; padding: 0; margin: 0; }
  • 1 ÷ 16 × 740 = 46.25em (1 ÷ parent font-size × required pixel value = em value)
  • While we're here, we might as well add some typographic goodness by selecting a basic leading and adding some vertical rhythm, with everything expressed in ems.
  • Set a 12px font size with 18px line height and margin for paragraphs
  • Dividing the desired line height (18px) by the element font size (12px) gives us the em value for line height. In this example, the line height is 1 and a half times the font size: 1.5em. Add line height and margin properties to the CSS: p{ font-size: 0.750em; line-height: 1.5em; margin: 1.5em; } Now the browser will say to itself, “Oh, line height and margin is set to 1.5em, so that should be 1.5 times the font size. What’s the font size, again? 12px? OK, cool, make line height and margin 1.5 times that, so 18px.”
  • To retain our vertical rhythm we want to set an 18px line height and margin. Easy: If the font size is 18px then 18px in ems is 1em! Let’s add the properties to the CSS (and make the font weight light:) h1{ font-size: 1.125em; line-height: 1em; margin: 1em; font-weight: 300; }
  • Jon, good article and very useful chartm but your text sizing method has one major drawback. If elements with font-sizes set in em’s are nested, i.e with lists, these elements inherit the font size. Therefore each child element will be 0.75em (or 75%) of the previous one: See an example here. (Would have posted the code put it was coming out really ugly!) I would recommend against using that method and setting the global font size in the body tag i.e. 'font-size:75%' for 12px. Then only setting different font-sizes where necessary.
  • Thanks Will, interesting point, but that is solved with a simple font-size:1em on the first child. Retaining the default ensures that even images are sized correctly in ems. IE (surprise) will compute incorrectly against a parent length equivalent to 12px. My preference born out by some minor but painful computed size errors in complex layouts is not to adjust the body, and only set font size where necessary for specific elements.
  • Soul Book on 01 Apr 10
     
    A nice and simple explanation of using EMs to make elastic layouts
1 - 13 of 13
Showing 20▼ items per page