Search

Nalezeno "device": 194

Optimize Images According to Network and Device Constraints in React

10.12.2020
Connectivity has evolved beyond recognition since the beginning of the internet. We are lightyears past dial up, these days, and can watch a video in high resolution on our smartphone while being connected to a mobile network. But not all mobile connections are created equal – older...

Under-Engineered Responsive Tables

1.12.2020
I first blogged about responsive data tables in 2011. When responsive web design was first becoming a thing, there were little hurdles like data tables that had to be jumped. The nature of <table> elements are that they have something a minimum width depending on the content they contain...

A Complete Guide to CSS Media Queries

2.10.2020
Media queries can modify the appearance (and even behavior) or a website or app based on a matched set of conditions about the user's device, browser or system settings. The post A Complete Guide to CSS Media Queries appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter

Interaction Media Features and Their Potential (for Incorrect Assumptions)

14.9.2020
The Media Queries Level 4 Interaction Media Features — pointer, hover, any-pointer and any-hover — are meant to allow sites to implement different styles and functionality (either CSS-specific interactivity like :hover, or JavaScript behaviors, when queried using window.matchMedia), depending...

Comparing Browsers for Responsive Design

1.9.2020
There are a number of these desktop apps where the goal is showing your site at different dimensions all at the same time. So you can, for example, be writing CSS and making sure it’s working across all the viewports in a single glance. They are all very similar. For example, they...

Here’s How I Solved a Weird Bug Using Tried and True Debugging Strategies

28.8.2020
Remember the last time you dealt with a UI-related bug that left you scratching your head for hours? Maybe the issue was happening at random, or occurring under specific circumstances (device, OS, browser, user action), or was just hidden in one of the many front-end technologies that are part...

Crypto Pro Portfolio Tracker Gets a Major Update

13.8.2020
Crypto Pro app has extended its Apple device support and is now available on Mac, iPhone, iPad, and Apple Watch. What is Crypto Pro? Crypto Pro tracks cryptocurrency prices in real-time and displays interactive charts with indicators. Users can also read the latest crypto news, set custom price...

SVG Title vs. HTML Title Attribute

30.7.2020
You know the title attribute? I can do this: <div title="The Title"I'm a div with a `title` </div And now if I’m on a device with a mouse pointer and hover the cursor over that element, I get… Which, uh, I guess is something. I sometimes use it for things like putting...

Apple declined to implement 16 Web APIs in Safari due to privacy concerns

25.7.2020
Why? Fingerprinting. Rather than these APIs being used for what they are meant for, they end up being used for gross ad tech. As in, “hey, we don’t know exactly who you are, but wait, through a script we can tell your phone stopped being idle from 8:00 am to 8:13 am and were near...

WebP Image Support Coming to iOS 14

24.6.2020
Apple announced a ton of new updates at yesterday’s WWDC20 keynote address, from new hardware to updated applications. There’s lots to gawk at and enough device-envy to go around. But there’s one little line in the Safari 14 Beta release notes that caught my eye: Added WebP image...

Turning a Fixed-Size Object into a Responsive Element

11.5.2020
I was in a situation recently where I wanted to show an iPhone on a website. I wanted users to be able to interact with an application demo on this “mock” phone, so it had to be rendered in CSS, not an image. I found a great library called marvelapp/devices.css. The library implemented the device...

9 Best Device Mockups for Your Web and Mobile App

7.5.2020
What are the main graphical elements of a modern presentation? If you think it is beautiful fonts or stocks taken from the big online image retailers, then you are... The post 9 Best Device Mockups for Your Web and Mobile App appeared first on Onextrapixel

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace