iPhone 6 Screens Demystified

Public Service Announcement: Watch Your @font-face font-weightLet's say you're browsing Google Web Fonts for a free font to use on your website. You find one you like... You think it will look nice as headings on your site. So you follow the directions on Google Web Fonts "quick use". 1) Copy/Paste CSS link to page: 2) Copy/Paste font-family CSS to your headings CSS:Regenerating Temporary Terminal Server CALS.From time to time it becomes necessary to regenerate temporary terminal server licenses. Whether it be a genuine error which is preventing you from using temporary licenses or the fact that someone "forgot" to purchase TSCALS within the grace period allowed by Microsoft. In my experience the below will fix 99.9% of problems surrounding temporary licenses and let you get back up and running with enough time to source some legitimate TSCALS.

font-weightThe font-weight property sets the weight, or thickness, of a font and is dependent either on available font faces within a font family or weights defined by the browser. The font-weight property accepts either a keyword value or predefined numeric value. The available keywords are: normalboldbolderlighter The available numeric values are:

Using media queries to handle HDPI screens ← The Publishing ProjectOne of the things that I find infuriating about multi device development is that people can’t seem to agree on a resolution or a device aspect ratio. This has become even more complicated with the advent of retina devices (both hand-held, laptops and desktop devices). Trying to keep an identical layout in different screen sizes is impossible. Even if we could create identical experiences, the amount of image replacement we have to do to accommodate the different resolutions so our images will not look like crap just is more than I’d like to deal with. A compromise solution is to use Media Queries to target the work to the devices that we are planning to work with.

Contiki: The Operating System for Internet of Things - Internet Of ThingsContiki is an operating system just like Microsoft Windows and Linux but for a very specific purpose and mainly focused on ‘things’ in the internet of things (iot). Here is everything you need to know about it. By Janardan RevuruFive Useful Things You Can Do With Adobe Reflow Right NowEdge Reflow is a relatively new program from Adobe, having been announced in 2012 and released in February 2013, with the elevator pitch of enabling you to "Design the responsive web" and "Create beautiful responsive designs". The tricky part is that right now you can't actually use it directly to create responsive websites, only responsive designs. This means you can open up Reflow and use its visual design interface to create fully functioning design prototypes, with color schemes, layouts, form elements, links and text content in place. You can preview your design both within the tool and in Chrome, and you can set breakpoints, make your design responsive then preview it for mobile through Adobe's Edge Inspect tool. However, at the moment that's as far as you can get. You're as yet unable to go ahead and export your design as an actual website.

Device pixel density testsIf you have a device that isn’t listed below and has a -webkit-min-device-pixel-ratio that’s not 1.0, please let me know and I’ll add it to the list. I’m @marcedwards on Twitter. Devices with -webkit-min-device-pixel-ratio: 1.0iPhone Killer: The Secret History of the Apple WatchIn early 2013, Kevin Lynch accepted a job offer from Apple. Funny thing about the offer: It didn’t say what he would be doing. So intense is Apple’s secrecy that all Lynch knew was his vague title, vice president of technology, and that he’d be working on something completely new. ¶ It was odd that Apple even offered him a job.

Exporting SVG for the web with Adobe Illustrator CCAs an artist and a web designer, I am excited about the possibilities that Adobe Illustrator CC offers in its support of Scalable Vector Graphics (SVG) and the flexibility it gives me when creating high-quality graphics. Since SVG is vector-based, I have a lot more freedom to create images that will automatically scale on all modern devices. Vector graphics can be very interesting for designers who need to create icons, symbols, or logos that will look great on all screens, including Retina displays. SVG graphics naturally scale and are usually small and can be compressed further by web servers.

How To Create a Pure CSS Dropdown MenuWith the help of some advanced selectors a dropdown menu can be easily created with CSS. Throw in some fancy CSS3 properties and you can create a design that was once only achievable with background images and Javascript. Follow this tutorial to see the step by step process of building your own pure CSS dropdown menu.

Scaling images and creating thumbnails from UIViews – iCab BlogIn this blog post I would like to show how you can do some common image-related tasks, like scaling an UIImage object or creating a thumbnail image from a UIView. I’m implementing these features as category for the UIImage class, so these can be used with all UIImage objects without the need to subclass the UIImage class. Scaling UIImagesWhat’s New With InDesign CC 2014Editor’s note: This article summarizes the most important changes in InDesign CC 2014. A more in-depth look at all of the new features will be published in issue 63 of InDesign Magazine. For the first time in a year, Adobe now has a major new release of InDesign for Creative Cloud subscribers. There are features for everyone, whether you create layouts for print or digital publishing.