Archive For July 24, 2017

We’ll have a pretty good idea of when the iPhone 8 launches after next week

We’ll have a pretty good idea of when the iPhone 8 launches after next week
Tim Cook Sun Valley 2017Apple CEO Tim Cook.Getty

Apple is expected to launch a redesigned and desirable version of the iPhone this fall, and some analysts hope that a sales “supercycle” it could spur would turn Apple into the first public company worth $1 trillion.

One question is when the “iPhone 8” or “iPhone Pro” would go on sale.

New iPhones typically go on sale in September, which means that a few days get included in Apple’s third calendar quarter. But some analysts have said the iPhone 8 may not start shipping until October or later. read more

Read more »

Progressively Enhancing CSS Layout: From Floats To Flexbox To Grid

Progressively Enhancing CSS Layout: From Floats To Flexbox To Grid

Earlier this year, support for CSS grid layout1 landed in most major desktop browsers. Naturally, the specification is one of the hot topics at meet-ups and conferences. After having some conversations about grid and progressive enhancement, I believe that there’s a good amount of uncertainty about using it. I heard some quite interesting questions and statements, which I want to address in this post.

Statements And Questions I’ve Heard In The Last Few Weeks Link

  • “When can I start using CSS grid layout?”
  • “Too bad that it’ll take some more years before we can use grid in production.”
  • “Do I need Modernizr in order to make websites with CSS grid layout?”
  • “If I wanted to use grid today, I’d have to build two to three versions of my website.”
  • “Progressive enhancement sounds great in theory, but I don’t think it’s possible to implement in real projects.”
  • “How much does progressive enhancement cost?”

These are all good questions, and not all of them are easy to answer, but I’m happy to share my approach. The CSS grid layout module is one of the most exciting developments since responsive design. We should try to get the best out of it as soon as possible, if it makes sense for us and our projects.

Demo: Progressively Enhanced Layout Link

Before going into detail and expounding my thoughts on the questions and statements above, I want to present a little demo42 I’ve made.

Disclaimer: It would be best to open the demo on a device with a large screen. You won’t see anything of significance on a smartphone.

Progressively enhanced CSS Layout, with Flexbox and CSS Grid.3
The home page of an example website, with an adjustable slider to switch between different layout techniques.

When you open the demo42, you’ll find yourself on the home page of a website with a very basic layout. You can adjust the slider in the top left to enhance the experience. The layout switches from being very basic to being a float-based layout to being a flexbox layout and, finally, to being one that uses grid.

It’s not the most beautiful or complex design, but it’s good enough to demonstrate which shapes a website can take based on a browser’s capabilities.

This demo page is built with CSS grid layout and doesn’t use any prefixed properties or polyfills. It’s accessible and usable for users in Internet Explorer (IE) 8, Opera Mini in Extreme mode, UC Browser and, of course, the most popular modern browsers. You can perfectly use CSS grid layout today if you don’t expect exactly the same appearance in every single browser, which isn’t possible to achieve nowadays anyway. I’m well aware that this decision isn’t always up to us developers, but I believe that our clients are willing to accept those differences if they understand the benefits (future-proof design, better accessibility and better performance). On top of that, I believe that our clients and users have — thanks to responsive design — already learned that websites don’t look the same in every device and browser.

In the following sections, I’m going to show you how I built parts of the demo and why some things just work out of the box.

Quick side note: I had to add a few lines of JavaScript and CSS (an HTML5 shim) in order to make the page work in IE 8. I couldn’t resist, because IE 8+ just sounds more impressive than IE 9+.

CSS Grid Layout And Progressive Enhancement Link

Let’s take a deeper look at how I built the “four levels of enhancement” component in the center of the page.

HTML Link

I started off by putting all items into a section in a logical order. The first item in the section is the heading, followed by four subsections. Assuming that they represent separate blog posts, I wrapped each of them in an article tag. Each article consists of a heading (h3) and a linked image. I used the picture element here because I want to serve users with a different image if the viewport is wide enough. Here, we already have the first example of good ol’ progressive enhancement in action. If the browser doesn’t understand picture and source, it will still show the img, which is also a child of the picture element.

<section>
 <h2>Four levels of enhancement</h2>
 <article><h3>No Positioning</h3><a href="#"> <picture> <source srcset="320_480.jpg" media="(min-width: 600px)"> <img src="480_320.jpg" alt="image description"> </picture></a>
 </article>
</section>

Float Enhancements Link

A component of the demo page built with float
All items in the “four levels of enhancement” component, floated left

On larger screens, this component works best if all items are laid out next to each other. In order to achieve that for browsers that don’t understand flexbox or grid, I float them, give them a size and some margin, and clear the floating after the last floated item.

article { float: left; width: 24.25%; } article:not(:last-child) { margin-right: 1%; } section:after { clear: both; content: ""; display: table; } read more

Read more »

Apple iOS 10.3.3 Has A Great Secret Feature

Apple iOS 10.3.3 Has A Great Secret Feature

Apple iOS 10.3.3 has problems but what appears to be an otherwise dull update on the surface, actually hides a crucial improvement (but bad news for older iPhones) if you delve deeper…

‘Great Secret Features’ and ‘Nasty Surprises’ are my regular columns investigating operating system updates for the best features / biggest problems hidden behind the headlines.

Buried deep in Apple’s official iOS 10.3.3 security notes is something startling: iPhones have been vulnerable to hackers taking complete control of them simply via WiFi. The hack, dubbed ‘Broadpwn’, stems from Broadcom WiFi chips (model numbers BCM4354, 4358 and 4359) built into the vast majority of iPhones (Intel chips exist in some iPhone 7 and iPhone 7 Plus variants). read more

Read more »

Samsung ‘Confirms’ Galaxy Note 8 Is Massive

Samsung ‘Confirms’ Galaxy Note 8 Is Massive

Samsung is clearly excited about its (eye wateringly expensive) Galaxy Note 8. Earlier this month the company ‘accidentally’ leaked it and now Samsung has gone a step further and officially promoted its massive size and new design…

This details came this week when the company sent out official press launch invites for its latest and, arguably, most important smartphone to date. But more importantly Samsung chose to give away two of the handset’s biggest talking points.

Concept Creator

Galaxy Note 8 based on multiple leaks read more

Read more »

Apparently It’s Really Hard To Find A Nintendo Switch In Japan

Apparently It’s Really Hard To Find A Nintendo Switch In Japan
Screen Shot 2017-07-23 at 5.20.47 PM
(Photo: Nintendo Life)

We know that it’s been tough lately to try and find a Nintendo Switch on store shelves, despite a recently replenishment by some GameStop locations. But if you think it’s tough here, you ought to try Japan.

That’s just what Nintendo Life did, setting out on a quest to try and track down a Nintendo Switch console in the land of the Rising Sun last week when Splatoon 2 hit shelves. And did it have any luck? Well…

Its first stop was a few stores in the suburbs, with a lot of stores noting that there is no new stock on the system, and, more importantly, they didn’t know when they would be getting more in stock. read more

Read more »

The Hunt For An SNES Classic Is Already A Mess

The Hunt For An SNES Classic Is Already A Mess

A lot of people just want to preorder a damn SNES Classic. But nothing’s ever easy with Nintendo

The SNES Classic isn’t scheduled to come out for another few months but everyone is already furiously trying secure a preorder. As a result, when Walmart appeared be accepting them late Friday night, people swamped the site trying to lock one of the mini retro consoles down. Those of us who were asleep at the time, or working a late shift, got back to our computers hours later only to see we had missed the small window of opportunity completely read more

Read more »

Legendary Raids: How To Find — And Beat — Articuno And Lugia In ‘Pokémon GO’

Legendary Raids: How To Find — And Beat — Articuno And Lugia In ‘Pokémon GO’

Credit: Niantic

Lugia in Pokemon GO.

Legendary Raids have finally arrived in Pokémon GO, flying out to the world at large after a confusing  but oddly successful reveal at Pokémon GO Fest in Chicago. First up are Lugia and Articuno, two capable contenders that will take some doing to fight. But the name of this game, as we all know, is to catch ’em all. So here’s how you’ll want to go about finding, fighting and beating Articuno and Lugia.

Finding a Legendary Raid is pretty much the same as finding a normal one: the raids that you’re interested in are indicated by five little Rhydon icons, and you’re guaranteed either a Lugia or an Articuno if you see one of those eggs. You can either check gyms around you, or see if your area has a tool like this one to search wider. It’s worth noting that for right now, the concept of a Legendary Raid Pass does not appear to have made its way into the game. Legendary Raids work much like normal Raids in this regard: you just need to find the raid and spend a standard pass to get in . read more

Read more »

Pokémon GO Fest Plagued By Mile-Long Lines And Connectivity Issues In Chicago [Update]

Pokémon GO Fest Plagued By Mile-Long Lines And Connectivity Issues In Chicago [Update]
Niantic

Pokemon GO Fest in Chicago

Update: All attendees are getting refunds and $100 in Pokecoins as recompense for the connectivity issues. Additionally, everyone with passes will be getting a free Legendary, Lugia. The global unlock for Legendaries will still begin over the next 24 hours.

It seemed unlikely that Niantic’s first major Pokémon GO event would go off without a hitch, and so far, it appears to be drowning in them.

Seemingly endless lines and connectivity issues are currently plaguing the event and the game. Called away by an unavoidable family vacation, I’m not actually at GO Fest which is taking place in my home city, but I bequeathed my hastily-purchased pass to my friend, Bret Fortuna, who is providing me with live updates from the ground. Our own Dave Thier is also there, and will be reporting in with his own account shortly. read more

Read more »

The Essential Phone Hits A Delay, But Andy Rubin Promises It’s Coming In A ‘Few Weeks’

The Essential Phone Hits A Delay, But Andy Rubin Promises It’s Coming In A ‘Few Weeks’

Incredible air traffic video reveals UK’s busy skies

Andy Rubin’s Essential smartphone hit a few snags along the way, but its release date is almost upon us. Rubin has said the phone will ship within a few weeks.  ( Essential )


Android cofounder Andy Rubin’s upcoming Essential smartphone has missed its initial launch date, but we now know it is coming in August.

In an email released to those who preordered the phone, Rubin apologized for the initial delay but said the device was on its way. read more

Read more »

There’s Hope That Three Of The ‘Destiny 2’ Beta’s Biggest Problems Will Be Fixed By Launch

There’s Hope That Three Of The ‘Destiny 2’ Beta’s Biggest Problems Will Be Fixed By Launch

Bungie

The Destiny 2 open beta is in full swing, and everyone is starting to form their first impressions of the game. I’ve been playing since the PS4 early test and have pretty much done all I can do at this point, and I’ve already written pages and pages of my thoughts about the currently available content.

Among the coverage of the Destiny 2 beta, from my coverage to other sites to fan forums, there seem to be some common complaints about changes that have been made to the core of the game. Many of them feel like they favor PvP play over PvE, and some are based around that D2 just feels…off compared to what many are used to in Destiny. read more

Read more »