Oh, look! It’s a brand spanking new, shiny technological feature. And it probably helps that it’s being implemented by Apple products. A couple of great sites (like this one) have already started using it. What does it do? Will it be around forever? What does it mean and when or why should I try it?

We’re talking about becoming retina ready. I’ll be honest with you; when I first heard about it, I just threw it to the side. It’s mainly on Apple devices and I figured it was something only they could do. It wasn’t a huge game changer because lots of other people couldn’t affect it. But boy, was I wrong.

Now, I’ve perused a couple of sites and heard from a couple of ‘experts’ and it seems like there’s a real fascination with being retina ready. Let me also say, the fascination is mainly for web designers and artists who care about things looking good. I’m sure if you asked the average person (without an Apple device) what retina-ready is, they’d look at you like you had two heads. However, that doesn’t mean that it won’t be something that essentially turns out to be great and take over the world soon.

So…what is it?

When we look at our screens, sometimes we can see the individual pixels. Try taking a look at something like a CSS rounded corner or a really blurry image that’s being blown up. You can see the little tiny squares or dots that are trying to make up the element. Pixels are extremely small, but to a trained eye, like a designer’s, we can just sort of tell. We know when we see pixelation and we know when images and elements are just straight up ugly. 

The problem wasn’t a huge deal until things like responsive design and the need to fit one thing into several browser sizes came along. Before, you just dealt with it because your browser, whichever you were on, was going to show exactly what you asked it to show. Now with responsive design and the workings of tablets and other devices, I can pinch an image to make it smaller or double tap my screen to increase the size of the page.

On websites that are not retina ready, pages will look awfully pixelated and blurry in their normal state as well as when page sizes are increased. Retina ready websites, along with the devices, allow you to see more pixels per square inch. Therefore, your trained eye sees a very smooth, high quality image or element and no distortion. Becoming retina ready is done with some CSS and Javascript. However, for images, they are created at least double the size that they’ll be shown online.

Benefits of retina ready websites

1. Sharper images: As we’ve already talked about, the entire idea of the retina ready technology is to give us sharper images. The idea behind retina ready is to create something that would look as sharp as it would in print. Colors are vivid and bright because you get more pixels per inch on retina ready devices. It’s essentially like high definition for your laptop, phone or tablet. 

2. Better aesthetics for responsive: Again, we’ve touched on the idea that you get better picture quality. What some may not know is that creating retina ready website allows for sharper fonts. When we sometimes zoom into webpages on websites, we end up stretching out some fonts that aren’t able to be stretched. Many of these fonts aren’t to be used in such a way and give us the same pixeled look we may get from some images.

Retina ready websites help smooth over fonts. There are also some fonts that are prepared for retina ready sites and will maintain their image quality when zoomed in (or even out) on retina devices.

3. Designing with even more detail: I believe minimalism has become widely popular because it’s a simple concept to understand and design for. The idea is to remain as clean as possible and rid yourself of the fluff. Every so often, there are subtle details thrown into these types of themes, as well as others that are sometimes hard to see on regular screens. Retina devices are not only helpful in their high quality image projection but also in the brightness of their screen.

4. 30 million people think your site is ugly: Your web site is suffering right this minute if you are not retina ready. Over 30 million users have purchased these Apple devices that have this sharper screen feature. When they view your site, images are pixelated, fonts are tough to read and overall there’s probably a bad aesthetic. If you know your audience is probably the same audience that has these devices, it may be time to go ahead and prepare your site to become retina ready.

Tutorials and resources

Retina.js

Retina.js is a JavaScript script that checks your server to see if you have high resolution pictures available on your website. For example, if you originally have picture.jpg available, to make it retina ready, they will look for that picture that you uploaded that’s twice the size, and should be named accordingly. This takes care of much of the issue with high-res pictures.

How to make your WordPress theme Retina Ready

Once you get Retina.js, that deals mainly with the pictures, which is obviously a large portion of creating a retina ready site. This tutorial goes through some of the ways you can change the remainder of your site so that it works on these devices. There’s some CSS as well as swapping graphics outs for fonts and more.

How to Create Retina Graphics for your Web Designs

We understand that most of the work is with graphics, so how do you change the graphics you have to make the retina ready? And how do you continue to make retina ready graphics? Line25 explains some of the techniques available in Photoshop and Illustrator to get your graphics in order.

How to Create Retina Ready Graphics in Adobe Photoshop CS6

For those of us in a time crunch and want a quick fix to creating retina images in Photoshop only, this is the tutorial for you. With 3 quick steps, you’ll be a master of creating retina ready graphics in no time.

Conclusion

The retina ready world is still new and it’s still something that Apple has a grasp on. Nobody knows like time does, so we shall wait and see. In the meantime, many of us should enjoy the super crisp images and all around better design.

How do you feel about the web becoming retina ready? Does it even matter to you? Share your comments and links to retina ready sites in the comments.

SpyBar: Reverse Engineer Any Website – only $7!

Oh, look! It’s a brand spanking new, shiny technological feature. And it probably helps that it’s being implemented by Apple products. A couple of great sites (like this one) have already started using it. What does it do? Will it be around forever? What does it mean and when or why should I try it?

We’re talking about becoming retina ready. I’ll be honest with you; when I first heard about it, I just threw it to the side. It’s mainly on Apple devices and I figured it was something only they could do. It wasn’t a huge game changer because lots of other people couldn’t affect it. But boy, was I wrong.

Now, I’ve perused a couple of sites and heard from a couple of ‘experts’ and it seems like there’s a real fascination with being retina ready. Let me also say, the fascination is mainly for web designers and artists who care about things looking good. I’m sure if you asked the average person (without an Apple device) what retina-ready is, they’d look at you like you had two heads. However, that doesn’t mean that it won’t be something that essentially turns out to be great and take over the world soon.

So…what is it?

When we look at our screens, sometimes we can see the individual pixels. Try taking a look at something like a CSS rounded corner or a really blurry image that’s being blown up. You can see the little tiny squares or dots that are trying to make up the element. Pixels are extremely small, but to a trained eye, like a designer’s, we can just sort of tell. We know when we see pixelation and we know when images and elements are just straight up ugly. 

The problem wasn’t a huge deal until things like responsive design and the need to fit one thing into several browser sizes came along. Before, you just dealt with it because your browser, whichever you were on, was going to show exactly what you asked it to show. Now with responsive design and the workings of tablets and other devices, I can pinch an image to make it smaller or double tap my screen to increase the size of the page.

On websites that are not retina ready, pages will look awfully pixelated and blurry in their normal state as well as when page sizes are increased. Retina ready websites, along with the devices, allow you to see more pixels per square inch. Therefore, your trained eye sees a very smooth, high quality image or element and no distortion. Becoming retina ready is done with some CSS and Javascript. However, for images, they are created at least double the size that they’ll be shown online.

Benefits of retina ready websites

1. Sharper images: As we’ve already talked about, the entire idea of the retina ready technology is to give us sharper images. The idea behind retina ready is to create something that would look as sharp as it would in print. Colors are vivid and bright because you get more pixels per inch on retina ready devices. It’s essentially like high definition for your laptop, phone or tablet. 

2. Better aesthetics for responsive: Again, we’ve touched on the idea that you get better picture quality. What some may not know is that creating retina ready website allows for sharper fonts. When we sometimes zoom into webpages on websites, we end up stretching out some fonts that aren’t able to be stretched. Many of these fonts aren’t to be used in such a way and give us the same pixeled look we may get from some images.

Retina ready websites help smooth over fonts. There are also some fonts that are prepared for retina ready sites and will maintain their image quality when zoomed in (or even out) on retina devices.

3. Designing with even more detail: I believe minimalism has become widely popular because it’s a simple concept to understand and design for. The idea is to remain as clean as possible and rid yourself of the fluff. Every so often, there are subtle details thrown into these types of themes, as well as others that are sometimes hard to see on regular screens. Retina devices are not only helpful in their high quality image projection but also in the brightness of their screen.

4. 30 million people think your site is ugly: Your web site is suffering right this minute if you are not retina ready. Over 30 million users have purchased these Apple devices that have this sharper screen feature. When they view your site, images are pixelated, fonts are tough to read and overall there’s probably a bad aesthetic. If you know your audience is probably the same audience that has these devices, it may be time to go ahead and prepare your site to become retina ready.

Tutorials and resources

Retina.js

Retina.js is a JavaScript script that checks your server to see if you have high resolution pictures available on your website. For example, if you originally have picture.jpg available, to make it retina ready, they will look for that picture that you uploaded that’s twice the size, and should be named accordingly. This takes care of much of the issue with high-res pictures.

How to make your WordPress theme Retina Ready

Once you get Retina.js, that deals mainly with the pictures, which is obviously a large portion of creating a retina ready site. This tutorial goes through some of the ways you can change the remainder of your site so that it works on these devices. There’s some CSS as well as swapping graphics outs for fonts and more.

How to Create Retina Graphics for your Web Designs

We understand that most of the work is with graphics, so how do you change the graphics you have to make the retina ready? And how do you continue to make retina ready graphics? Line25 explains some of the techniques available in Photoshop and Illustrator to get your graphics in order.

How to Create Retina Ready Graphics in Adobe Photoshop CS6

For those of us in a time crunch and want a quick fix to creating retina images in Photoshop only, this is the tutorial for you. With 3 quick steps, you’ll be a master of creating retina ready graphics in no time.

Conclusion

The retina ready world is still new and it’s still something that Apple has a grasp on. Nobody knows like time does, so we shall wait and see. In the meantime, many of us should enjoy the super crisp images and all around better design.

How do you feel about the web becoming retina ready? Does it even matter to you? Share your comments and links to retina ready sites in the comments.

SpyBar: Reverse Engineer Any Website – only $7!

Baltimore Chapter of Electron Devices and Solid-State Circuits

Quantum Engineering of Semiconductor Atomic Structures for Biosensing

Dr. Manijeh Razeghi
Center for Quantum Devices
Electrical Engineering and Computer Science
Northwestern University

5:30pm Tuesday, 30 April 2013
206 Technology Research Center, UMBC

5:30pm social hour, talk begins at 6:15pm. Free but please RSVP to Sorry, you need javascript to view this email address. by Monday, April 29

Nature offers us different kinds of atoms, but it takes human intelligence to put them together in an elegant way in order to realize functional structures not found in nature. III-V semiconductors are made of atoms from column III (B, Al, Ga, In, Tl) and column V (N, As, P, Sb, Bi) of the periodic table, and constitute a particularly rich variety of compounds with many useful optical and electronic properties. Guided by highly accurate simulations of the electronic structure, modern semiconductor optoelectronic devices are literally made atom by atom using advanced growth technology such as Molecular Beam Epitaxy (MBE) and Metal Organic Chemical Vapor Deposition (MOCVD). Recent breakthroughs have brought quantum engineering to an unprecedented level, creating light detectors and emitters over an extremely wide spectral range from 0.2 µm to 300 µm. Nitrogen serves as the best column V element for the short wavelength side of the electromagnetic spectrum, where we have demonstrated III-nitride light emitting diodes and photo detectors in the deep ultraviolet to visible wavelengths. In the infrared, III-V compounds using phosphorus, arsenic, or antimony from column V with indium, gallium, aluminum, or thallium from column III can create lasers and detectors based on quantum-dot (QD) or type-II superlattice (T2SL). These are fast becoming the choice of technology in crucial applications such as environmental monitoring and space exploration. Last but not least, on the far-infrared end of the electromagnetic spectrum known as the terahertz (THz) region, III-V semiconductors offer a unique solution of generating THz waves in a compact device at room temperature. Continued effort is being devoted to all of the above areas with the intention of developing smart technologies which meet the current challenges in environment, health, security, and energy. This talk will highlight contributions to the world of III-V semiconductor nano-scale optoelectronic devices from deep UV to THz.

Dr. Manijeh Razeghi received the Doctorat d'État es Sciences Physiques from the Université de Paris in 1980. After heading the Exploratory Materials Lab at Thomson-CSF (France), she joined Northwestern University in Evanston, IL, in the fall of 1991 as the Director of the Center for Quantum Devices, where she created undergraduate and graduate programs in solid-state engineering. Dr. Razeghi pioneered the development and implementation of major modern epitaxial techniques such as MOCVD, VPE, gas MBE, and MOMBE for the growth of entire compositional ranges of III-V compound semiconductors. She is on the editorial board of journals such as the Journal of Nanotechnology and the Journal of Nanoscience and Nanotechnology, and is an Associate Editor of the Opto-Electronics Review. Dr. Razeghi is on the International Advisory Board for the Polish Committee of Science, and is an Adjunct Professor at the College of Optical Sciences of the University of Arizona in Tucson. She ha s authored or co-authored more than 1000 papers, over 30 book chapters, and fifteen books, including the textbooks Technology of Quantum Devices and Fundamentals of Solid State Engineering, 3rd Edition. Two of her books, MOCVD Challenge Vol. 1 (1989) and MOCVD Challenge Vol. 2 (1995), discuss some of her pioneering work in InP-GaInAsP and GaAs-GaInAsP based systems. [The MOCVD Challenge, 2nd Edition (2010) represents the combined updated version of Volumes 1 and 2]. Dr. Razeghi holds 50 U.S. patents and has given more than 1000 invited and plenary talks. Her current research interest is in nanoscale optoelectronic quantum devices. Dr. Razeghi is a Fellow of MRS, IOP, IEEE, APS, SPIE, OSA, and the International Engineering Consortium (IEC), a Fellow and Life Member of the Society of Women Engineers (SWE), and a member of the Electrochemical Society, ACS, AAAS, and the French Academy of Sciences and Technology. She received the IBM Europe Science and Technology Prize in 1987, the Achievement Award from the SWE in 1995, the R.F. Bunshah! Award in 2004, and multiple best paper awards.