All posts tagged “supports”

With Faircloth & Supply, Every Piece Makes a Difference: Each item sold from Phoebe Dahl’s linen-focused womenswear line supports a girl’s education in Nepal

With Faircloth & Supply, Every Piece Makes a Difference

British writer Roald Dahl touched the hearts of children around the world with his imaginative tales of gigantic peaches and golden tickets. His granddaughter Phoebe Dahl extends his legacy in her own way: by helping girls in Nepal to grab ahold……

Continue Reading…


Cool Hunting

Moto 360 smartwatch supports wireless charging

Motorola’s upcoming Moto 360 smartwatch has been largely shrouded in mystery. While we’ve seen developer examples of the Android Wear operating system that powers the Moto 360, most of the hardware details have simply been teased since its original announcement back in March. Google’s I/O conference will likely provide more information on the Moto 360 and Android Wear tomorrow, but the FCC has revealed ahead of time that Motorola’s smartwatch will support wireless charging.

In a test filing, a “Motorola Wireless Charger” is listed as a circular stand “intended for use with the Moto 360 wrist-worn device.” The charger uses the Wireless Power Consortium (WPC) protocol, commonly known as Qi, which indicates the Moto 360 will sit on top…

Continue reading…

The Verge – All Posts

Twitter now supports GIFs

GIFs have finally come to Twitter. On Twitter’s website as well as its iOS and Android apps, you’ll be able to watch a GIF in your timeline by clicking a play button that shows up over top of them. GIFs won’t animate automatically, likely to prevent you from downloading large files that you don’t need. Opening up a tweet on its own will, however, immediately begin playing the GIF.

Support for GIFs has been a highly requested feature, and adding it in makes reading through a Twitter feed much simpler, as you won’t have to open up a new window every time you want to view one. Notably, Facebook has adamantly refused to add support for GIFs, seemingly over concerns of how it would make its News Feed look. They may not all be beautiful, but…

Continue reading…

The Verge – All Posts

How to use the @supports rule in your CSS

Read more about How to use the @supports rule in your CSS at CreativeBloq.com


Have you ever used some form of CSS feature detection such as Modernizr to differentiate your CSS’s behaviour based on whether a feature is supported? I bet most of you have. Although the cascading nature of CSS lets us provide fallbacks for many CSS features just by writing multiple declarations, sometimes we need more granular control over what is applied when some of our cutting edge bling isn’t there.
    




Creative Bloq

Detect Browser CSS Support With @supports Rule

Since browsers have their own decision of what features to include, we web developers frequently have to identify if the browser supports particular features, then we fill in the gap using Polyfills (if required). The popular way of handling this kind of situation is by using Modernizr but do you know that we can also do this using only CSS?

There is a new rule being formulated in W3C Draft, called @supports. In this post, we will walk you through on how this rule works to let you detect browser features via CSS.

Using @support rule

Unlike Modernizr, the @supports rule requires property and the value specified. Let’s say we want to apply CSS3 grid only to the browser that supports it. We can write it this way.

 @support (display: grid;) { .selector { display: grid; grid-column: 3; grid-row: 1; grid-row-span: 2; } } 

The CSS rules under the @support will only be applied if the condition returns true. Given the above example, it will be applied if the browser supports display: grid. Or else, the browsers will apply other equivalent rules outside @support.

Mixing Conditions

Furthermore, we are allowed to combine multiple conditions using and, or, and not operator. For example, let’s say we want to apply rules only if the browser meets the following conditions:

  • It supports either CSS3 Grid or CSS3 Flexbox.
  • It supports CSS3 Columns.

In that case, we can write the conditional rules, as follows.

 @support ((display: grid;) or (display:flexbox;)) and (column-count:3;) { /* Your CSS rules here */ } 

Remember that if you include multiple operators in a single rule set, each operator should be grouped in parentheses as we have shown you above.

Writing it in the following way is invalid, and will confuse the browser.

 @support (display: grid;) or (display:flexbox;) and (column-count:3;) { /* Your CSS rules here */ } 

Final Thought

This feature is great and would be very useful on several occasions.

In order for the tests, however, the browsers have to support this rule; otherwise this method will fail. And at the time of this writing, Opera seems to be the only browser that has implemented this feature. So, until the spec is stable and has been covered by all other browsers, delay using this method to test during the production stages. For experiments though, go all out.

Further Resource


    


hongkiat.com

Reeder for iPhone now supports standalone RSS and Feedbin, Google Reader no longer required

Reeder-l_large

One of the side effects of Google’s decision to shut down Reader on July 1st is that numerous mobile and desktop apps are now scrambling for a new way to provide value to their users. Reeder, one of the most popular Google Reader appsfor iOS, had previously announced plans to continue development despite Reader’s impending shudown, and now there’s a new version of the app available that can sync with third-party RSS reader Feedbin. Of course, you’ll need to sign up for the $ 2 monthly fee that Feedbin charges, but after that you’ll be free to use Reeder long past July 1st.

Perhaps more noteworthy is Reeder’s new, standalone RSS feature — you don’t even need a Feedbin or Google Reader account anymore. Instead, you can start curating…

Continue reading…

The Verge – All Posts

Kinect hand recognition due soon, supports pinch-to-zoom and mouse click gestures

Kinecthands1_640_large_medium

Microsoft has been gradually enhancing its Kinect for Windows functionality since it debuted just over a year ago. The software maker is now close to releasing the next step: hand gesture recognition. It might sound like basic functionality, but Kinect’s hand detection will soon allow app developers to implement features such as pinch-to-zoom in apps thanks to a new handgrip detecting capabilities. An updated SDK, due in the coming weeks, will open this functionality up to pave the way for gestural equivalents of the mouse click.

Microsoft is demonstrating the updated functionality at TechFest this week at the company’s headquarters in Redmond. It’s fairly significant in Kinect’s evolution and in a demonstration I got to look at how you…

Continue reading…

The Verge – All Posts

Latest Chrome OS update also supports Google Play video, but distribution is ‘paused’

Chrome OS apps list desktop background

The main updates in Tuesday’s update to Chrome OS — a new app launcher and Google Drive integration — outshined one more feature that’s worth noting: compatibility with video hosted by Google Play, as noted by GigaOm. Google’s technical post on the update clarifies some of the bugfixes that the company has added and even stacks on one more feature: “Gestures: support 3-finger tap/click as middle.”

Unfortunately, that’s not the only news surrounding this latest update. That same post points out that the update is no longer available, “due [to a] few reports of connectivity issue with this build.” We reached out to Google to find out just what the story is and the company assures us that the distribution has just been “paused” and…

Continue reading…

The Verge – All Posts

Google Play Music supports more Google TV boxes, rich notifications

Photo

Google’s Play Music app now supports an extended range of Google TV devices and expandable notifications in Jellybean thanks to a new update. Up until now, newer Google TV boxes like the Sony NSZ-GS7 and Vizio Co-Star were incompatible with the app, but, according to Android Central, this update takes care of that.

One of many new features to arrive with Android 4.1 Jellybean was improved notifications that allow for rich interaction with apps without ever leaving the notification tray. In the latest Google Play Music, version 4.3.609, you’re now able to view album art along with standard music controls as a persistent notification. Android Central is also reporting that early adopters of the Nexus Q media streamer will gain a quick link…

Continue reading…

The Verge – All Posts