recentpopularlog in

garrettc : mobileweb   67

Using Media Queries For Responsive Design In 2018
This article will take a look at the use of media queries for responsive design today, how they work alongside Flexbox and Grid Layout, and also have a look at what is coming in the future.
css  flexbox  grid  webdesign  webdevelopment  responsivedesign  mobileweb 
february 2018 by garrettc
Designing for Mobile Performance
Mustafa Kurtuldu mulls over the topic of performance - both perceived and measured - for users of mobile devices. Of course, in managing to deliver millions of gifts around the world on the night before Christmas perhaps Santa is the real expert in mobile performance.
mobileweb  mobile  performance  responsivedesign  webdesign  webdevelopment 
december 2017 by garrettc
Chrome Summit: New Bar for Web Experiences
"At the Chrome Dev Summit in San Francisco, Thao Tran and Chris Wilson discussed the user experience benefits made possible by new Web technologies with a number of case studies. Here's my notes from their talk: The new bar for web experiences"
progressivewebapps  performance  mobileweb  webdevelopment  conference  report 
november 2017 by garrettc
What technology can do for Africa
TO FLY NORTH from Bangui, the capital of the Central African Republic (CAR), is to look down on a country that has become hell. The dark shadow cast by the UN helicopter passes over mile after empty mile of green, fertile land.
africa  technology  equality  electricity  power  poverty  mobile  mobileweb 
november 2017 by garrettc
Fundamentals of Responsive Images
Picture this: images that look awesome and load fast. Learn how to size up responsive image solutions to choose what's right for your site.
css  responsivedesign  webdesign  webdevelopment  images  photography  mobileweb  progressiveenhancement 
october 2017 by garrettc
The best Meeker 2017 Internet Trends slides and what they mean
Here are the must-read stats about what's happening with internet adoption, smartphones, ads, e-commerce, entertainment, gaming, enterprise healthcare, China, etc.
statistics  trends  internet  advertising  worldwideweb  mobileweb  gaming 
june 2017 by garrettc
Too Hot To Handle - Optimizing for Low Powered Devices
Simon Hearne explains why the CPU will soon be the biggest challenge for web performance (if it isn’t already), explores the many tasks that now rely on the CPU and the impact that these have on user experience, and demonstrates how to profile CPU usage to find issues and limit their impact as well as how to manage CPU load at scale to ensure that every customer gets a good experience, regardless of gigahertz.
javascript  webdevelopment  pwa  programming  performance  mobileweb 
may 2017 by garrettc
Your Traffic Went Mobile; Why Hasn’t Your Design Process? | Big Medium
"We increased revenue by reducing the number of ads. Lesson: better mobile UX means better business value."
mobileweb  responsivedesign  webdesign  webdevelopment  business  designthinking 
march 2017 by garrettc
Yes, progressive enhancement is a fucking moral argument
"I wrote about that shitty progressive enhancement article and how I'm fucking done with the lack of empathy in tech."

Hear hear!
progressiveenhancement  webdevelopment  webdesign  mobileweb  responsivedesign  accessibility 
december 2016 by garrettc
Debating Progressive Enhancement
"Don’t make up your mind about Progressive Enhancement by reading reductive blog posts or presentations that gloss over or outright ignore the details and nuances of actual web work. Read up on the individual tactics used. Judge them in terms of how effective they might be at solving the problems you are tackling. Every tactic strikes a different balance. Unless you plan on only solving one kind of problem, again and again, throughout your career, you owe it to yourself to study the tactics that lie outside your comfort zone."
responsivedesign  mobileweb  progressiveenhancement  webdevelopment 
december 2016 by garrettc
Parse time for javascript on mobile is non-trivial.
Parse time for javascript on mobile is non-trivial.
It has never been more important to ship less code to users.…
mobile  mobileweb  offlinefirst  javascript  webdevelopment  performance  research 
november 2016 by garrettc
The Web is not Fashionable.
"A good website in my mind has a number of features:

Robust on the Network
Progressive Enhancement
Accessible
Responsively Designed
"
webdevelopment  webdesign  responsivedesign  mobileweb  offlinefirst  progressiveenhancement 
october 2016 by garrettc
Accelerated Mobile Pages Foundations
Google course to learn about building AMP enabled pages
google  webdevelopment  amp  performance  mobileweb 
september 2016 by garrettc
Manifest Generator
Extend your site by incorporating native app experience.
android  browser  webdevelopment  manifest  mobile  mobileweb  icon  favicon 
may 2016 by garrettc
More Chinese Mobile UI Trends
Another look through mobile UI design patterns in the Middle Kingdom.
china  mobile  mobileweb  app  userinterface  search 
april 2016 by garrettc
In defence of the hamburger menu
Andy Budd's well argued defence of the hamburger menu. I like the comparison to the VCR/media player pause button, and how that is "…learnable (once you’ve pressed in once you know what it does), memorable (the icon is simple and easy to recall) and produced low error rates (if you accidentally press it you can easily recover with little negative effect)."
webdesign  userinterface  userexperience  mobileweb 
january 2016 by garrettc
Choosing between min-width and max-width media queries
I’m often asked a variation of the following question: Should I use min-width or max-width media queries? The obvious answer is, of course, “yes”. But you know what they’re …
css  webdesign  webdevelopment  responsivedesign  mobileweb  bestpractice 
december 2015 by garrettc
Will someone do this on mobile? Cloud Four Blog
Trying to decide if someone will do something complex on a mobile device? Here’s a simple two part answer.
mobileweb  responsivedesign  webdevelopment  userexperience 
august 2015 by garrettc
There Is No Fold
"On the Web, people use the concept of “above the fold” to support layout decisions, call to action designs, ad placements, and more. Here’s why most of these arguments don’t fly."
webdesign  scrolling  interaction  mobileweb  fold  userinterface 
april 2015 by garrettc
Quantity Queries for CSS
Dynamic content Responsive web design is primarily concerned with one variable: space. In testing responsive layouts, we take an amount of content and see which spaces it will successfully fit into. The content is deemed constant; the space, variable. The @media query is the darling of responsive web design because it allows us to insert “breakpoints” wherever one layout strategy ceases to be viable and another should succeed it. However, it’s not just viewport dimensions, but the quantity of content that can put pressure on space. Just as your end users are liable to operate devices with a multitude of different screen sizes, your content editors are liable to add and remove content. That’s what content management systems are for. 
css  responsivedesign  mobileweb  webdevelopment 
april 2015 by garrettc
The Performance team wall monitor, helping us *feel* the difference on mobile connections
The Performance team wall monitor, helping us *feel* the difference on mobile connections
mobileweb  mobile  network  performance  userexperience 
march 2015 by garrettc
Fluidity
HTML is almost 100% responsive out of the box. These 247 bytes of css fix the ‘almost’ part.
css  responsivedesign  mobileweb  webdevelopment 
april 2014 by garrettc
Liquidapsive (Liqui-dap-sive)
Know the difference between static, fluid, responsive, and adaptive layouts? This demonstrates them all for you:
webdesign  webdevelopment  responsivedesign  mobileweb 
march 2014 by garrettc
Installable web apps - QuirksBlog
"The mobile browser “bookmark” function should become “install” and place an icon on the home screen. This icon starts up the web page or web app; likely from local memory." - Interesting point of view from PPK.
webapp  webdevelopment  application  mobile  mobileweb  userexperience 
february 2014 by garrettc
Shocking difference between technology in 2005 and 2013
Two photographs comparing the announcement of Pope Benedict in 2005 and Pope Francis in 2013, and the proliferation of mobile devices.
photography  history  mobile  mobileweb  technology  society 
december 2013 by garrettc
Responsive design, screens, and shearing layers — Unstoppable Robot Ninja
Of course it's who again helps the weary make sense of current challenges with words that feel like a hug.
responsivedesign  webdesign  webdevelopment  mobileweb  contentstrategy 
november 2013 by garrettc
Client Relationships and the Multi-Device Web · An A List Apart Article
"When you step into the room with a client, you are a visitor from the future. You, web professional, spend your days immersed in the new paradigms of the multi-device web. Yet even for you, the constant change and adjustments that come with living on the internet can feel overwhelming. So how do you think your clients feel?"
business  responsivedesign  mobileweb  strategy  clients 
august 2013 by garrettc
We’re not ‘appy. Not ‘appy at all.
Tom Loosemore at GDS on why the core service is web first and apps are the exception.
responsivedesign  mobileweb  webdesign  webdevelopment  bestpractice  gds 
march 2013 by garrettc
Use Cases and Requirements for Standardizing Responsive Images
Thinking about responsive images? First read what a solution needs to offer, then assess your idea against those.
responsivedesign  mobileweb  webdesign  webdevelopment 
december 2012 by garrettc
Two Months of Device Diversity
"From the start of September to the end of October, technology companies have been busy releasing new connected devices of varying shape, size, and OS. When you look over this list, consider this covers only two months of announcements."
mobile  mobileweb  web  webdesign  webdevelopment  responsivedesign  data  research  wdcs  wdcsintranet 
october 2012 by garrettc
IE10 Snap Mode and Responsive Design
The lowdown on IE10 Snap mode and what it means for responsive design
ie  ie10  responsivedesign  mobileweb  webdesign  microsoft 
october 2012 by garrettc
72% of Consumers Expect Brands to Have Mobile-Friendly Sites
"Fifty-five percent of respondents said a frustrating mobile experience hurts their opinion of a brand […] If the site isn’t mobile-friendly, 61 percent said they’ll take their attentions elsewhere […] if a site is mobile-friendly, 67 percent of consumers said they’re more likely to make a purchase."
mobile  mobileweb  research  google  wdcsintranet 
october 2012 by garrettc
72% of Consumers Want Mobile-Friendly Sites
"Websites that aren’t mobile-friendly annoy users and that’s bad business. Consumers are doing more on mobile devices, including shopping and product research; when they do, users look for content to meet their on-the-go needs."
mobileweb  mobile  responsivedesign  research  statistics  wdcs  wdcsintranet  multiscreen 
october 2012 by garrettc
Give mobile users what they want: clearer, simpler, faster sites
The Google Mobile Ads Blog on the obvious: Give mobile users what they want: clearer, simpler, faster sites"
mobile  mobileweb  performance  responsivedesign  bestpractice  research  statistics  multiscreen 
september 2012 by garrettc
The New Multi-screen World
Understanding cross-platform consumer behaviour in a multi-screen world.
userexperience  behaviour  research  data  google  mobile  responsivedesign  wdcs  wdcsintranet  mobileweb  multiscreen 
september 2012 by garrettc
Navigating the new multi-screen world: Insights show how consumers use different devices together
Brand spanking new Google research on the multi-device user. Huge implications for user engagement.
mobile  mobileweb  webdevelopment  research  statistics  multiscreen 
august 2012 by garrettc
The Mobile Moment is Only Months Away
"The ultimate number in technology is upon us. Within months, literally, only months now, we will reach the point in time that there are more active mobile phone connections on the planet than human beings alive." - August 2012
wdcsintranet  mobile  webdevelopment  responsivedesign  mobileweb  multiscreen 
august 2012 by garrettc
Obama Administration Launches Sweeping Shift to Mobile
"As part of the President's commitment to delivering a 21st century government, he is issuing a directive today requiring that each major Federal agency make two key government services the American people depend on available on mobile phones within the next 12 months." - May 2012
government  society  responsivedesign  webdevelopment  mobile  wdcsintranet  mobileweb  multiscreen 
august 2012 by garrettc

Copy this bookmark:





to read