Skip to main content

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

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
simplykreative

Introducing Content-Aware Crop: Coming Soon to Photoshop CC - 0 views

goo.gl/BFhQ4i

design photoshop content aware crop

shared by simplykreative on 27 May 16 - No Cached
  • simplykreative on 27 May 16
     
    Every now and then, Adobe is building a new features, So today they are giving you a peek at Content-Aware Crop, a feature the Photoshop team is currently working on for you. With Content-Aware Crop, Photoshop looks at all the pixels around the edges of your image and automatically, seamlessly fills in the blank space with content when you expand or rotate an image.
bapi chatterjee

HTML height attribute - 0 views

www.w3resource.com/...html-height-attribute.php

design webdesign programming css web design height attribute

shared by bapi chatterjee on 28 May 12 - No Cached
  • bapi chatterjee on 28 May 12
     
    Description Purpose of the HTML height attribute is to specify the height of the element or frame. Supported elements HTML height attribute supports iframe, img and object elements. Syntax Where ElementName is any supported elements. Type of value Length. Value A number To specify length in pixels.
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
mygyanguide

Realme X2 Pro 64 MP कैमरा, ड्यूल स्टेरिओ स्पीकर्स के साथ | My Gyan Guide - 0 views

www.mygyanguide.com/me-x2-pro-64-mega-pixel-camera

#Realme xt 5 Pro X2 Price Specifications Features Launch Date

shared by mygyanguide on 17 Oct 19 - No Cached
  • mygyanguide on 17 Oct 19
     
    Realme X2Pro ओक्टा कोर स्नैपड्रगन 855 + प्रोसेसर , 2400*1080 स्क्रीन रेज़लुशन , क्वैड कैमरा 64 +8 +2 +2 MP Setup साथ 32 MP सेल्फी कैमरा, Dual Streo स्पीकर्स Dolby Atmos के साथ आएगा।
Hello Pixels

Website Designing and Development Abu Dhabi - Hello Pixels - 0 views

hellopixels.com

Design website css webdesign programming development

shared by Hello Pixels on 24 Feb 21 - No Cached
  • Hello Pixels on 24 Feb 21
     
    HelloPixels is one of leading Web development, Digital marketing and Search Engine Optimization(SEO) company where your dreams turn into a reality. Our range of services including Web design and Development, Mobile Application Development, Social media marketing in Abu Dhabi, Dubai,and UAE . Get qualified leads from our Lead Generation Strategy as a result we measure our performance by our customer's success.
drupalgurgaon

PSD to Drupal, PSD to Drupal Theme Conversion Services in USA, India - 0 views

drupalindia.co.in/psd-to-drupal

PSDtoDrupal Psdtodrupalconversion

shared by drupalgurgaon on 11 Oct 21 - No Cached
drupalgurgaon liked it
  • drupalgurgaon on 11 Oct 21
     
    Get customized & responsive PSD to Drupal theme conversion and integration services from Drupal India at affordable prices with complete satisfaction. Our expert developers deliver 100% hand-coded, W3C validated and pixel-perfect PSD to Drupal theme. Connect today!
wecodefuture2015

FOMO Plugin the notification tool - 2 views

The term FOMO has become a part of our vernacular - it is the feeling of anxiety about missing out on something good and exciting. The feeling is so common that word-of-mouth marketing has been des...

FOMO. Plugin. notification

started by wecodefuture2015 on 31 Oct 22 no follow-up yet
digitalpixelpro

Best madrid web designers - mejores diseñadores web en madrid - 1 views

Si buscas destacar en la escena digital de Madrid, el diseño web de calidad es la respuesta. Descubre más sobre los servicios de diseño web en Madrid de Digital Pixel Pro y prepárate para elevar tu...

Web webdesign design Development Website

started by digitalpixelpro on 02 Dec 23 no follow-up yet
‹ Previous 21 - 33 of 33
Showing 20▼ items per page