mobileweb   3514

« earlier    

Flotato - real Mac app from any web page
Turn any web page into a Mac app

Break free from the browser tabs and add web pages to your Mac dock.

It's like phone apps for your desktop; compact, light-weight, unbelievably fast.
mac  software  browser  mobileweb 
5 weeks ago by mandarine
touch-action - CSS: Cascading Style Sheets | MDN
The touch-action CSS property sets how an element's region can be manipulated by a touchscreen user (for example, by zooming features built into the browser).
iOS  mobileweb  usability  performance  essentials  CSS 
august 2019 by archangel
Only 4% Of 73,000 Business Locations Ready For Voice Search 04/09/2019
For the analysis, Uberall identified 37 directories that feed voice-search platforms. These are the most important in terms of readiness. The most important information for business directories to include is the business address, opening hours, phone number, name, website, and ZIP code. For the study, Uberall assigned a number to each piece of information to use as a score.

/

only 3.82% of business locations analyzed had correct information even on these three major directories. While Bing remains in the top three, marketers neglected the listing platform most.

And this involves more than retail businesses. The average voice-search readiness (VSR) score was 44.12%, according to the analysis. Dentists had the highest average VSR score at 96.82%, followed by health food businesses at 96.60%. In contrast, consumer protection organizations had a score of 0.20%, and congressional representatives at 0.24% had the lowest scores.
voice_search  seo  mobileweb  mobile 
april 2019 by JohnDrake
React Native Course: how to build one an iPhone app, Android app, and website - all with the same codebase
You can watch the full video course on the freeCodeCamp.org YouTube channel (4 hour watch).
mobileweb  javascript  tutorial 
march 2019 by mandarine
HTML5 Boilerplate: The web’s most popular front-end template
A great place to go to get the latest ideas on how to structure an HTML5 web page. Well commented sections of code take you through the options available for consideration.
boilerplate  HTML  html5  template  WebDesign  layout  analytics  mobileweb  Responsive 
october 2018 by searchmeister
A one year PWA retrospective – Pinterest Engineering – Medium
"Part of the reason we were able to create and ship a full-featured rewrite in three months was thanks to our open-source UI library, Gestalt. At Pinterest, we use React 16 for all web development. Gestalt’s suite of components are built to encompass our design language, which makes it very easy to create consistently beautiful pages without worrying about CSS. We created a suite of mobile web-specific layout components for creating consistently spaced pages throughout the site."

"Performance was baked into the goals and process because of how tightly correlated it is to engagement, and how sensitive it is on a mobile connection. In fact, our home page Javascript payload went from ~490kb to ~190kb. This was achieved through code-splitting at the route level by default, encouraging use of a <Loader> component for component-level code-splitting. An easy-to-use route preloading system was built into our client-side router, which creates a fast experience for initial page load as well as client-side route changes. For more details on how we made it fast, check out a case study we did with Addy Osmani."

"We share code extensively across subsites for *.pinterest.com, and so we have certain measures set up to ensure that mobile web’s dependencies stay clean. First is a set of graphs reporting build sizes with alerts for when bundles exceed permitted growth rates. Second is a custom eslint rule that disallows importing from files and directories we know are dependency-heavy and will bloat the bundle. For example, mobile web cannot import from the desktop web codebase, but we have a directory of “safe” packages that can be shared across both."
MobileWeb  react 
august 2018 by colin.jack
shotsnapp - Beautiful mockup presentation
A simple tool to let you quickly create beautiful mockup presentation for your digital app and website design. Enable JavaScript to be able to use it.
mobile  mobileweb  testing  tools 
june 2018 by mandarine
Key insights from the latest 'Mary Meeker report' that media professionals should know | The Drum
The latest Mary Meeker report states that advertisers are not investing enough in mobile compared with the time consumers spend using mobile devices. It also notes that nearly half of product searches begin on Amazon and that people watch an average of over 30 minutes of mobile video per day.
webasmedium  marymeeker  researchtools  mobile  researchresources  onlineadvertising  mobileweb 
may 2018 by JohnDrake
28% of all media time will be mobile by 2020 | WARC
In addition, mobile is forecast to continue chipping away at almost all other media, so that it accounts for 28% of all media usage by 2020, and this trend will compel brands to reconsider how they plan their communications with mobile consumers.

/

Cinemas have gained too, the report adds, revealing that time spent at the cinema increased 3pp between 2011 and 2018 on the back of increased investment by cinema owners and their efforts to create a better experience for customers.
mobile  mobileweb  mobileshopping 
may 2018 by JohnDrake
swiper - npm
Swiper - is the free and most modern mobile touch slider with hardware accelerated transitions and amazing native behavior. It is intended to be used in mobile websites, mobile web apps, and mobile native/hybrid apps. Designed mostly for iOS, but also works great on latest Android, Windows Phone 8 and modern Desktop browsers

Swiper is not compatible with all platforms, it is a modern touch slider which is focused only on modern apps/platforms to bring the best experience and simplicity.
mobileweb  iOS  android  javascript  library 
april 2018 by archangel

« earlier    

related tags

2010s  2016  accessibility  advertising  africa  amp  analytics  android  app  apple  apps  architecture  bandwidth  basecamp  bestpractice  blog  boilerplate  book  brand_apple  browser  business  china  chromedevtools  comic  comparison  conference  criticism  css  css3  data  design  designthinking  documentary  dwell  ecommerce  electricity  emberconf  emberjs  equality  essentials  extension  favicon  film  flexbox  floss  framework  gaming  global  google  grid  gui  hahaonlyserious  haskell  howto  hteml  html  html5  http2  humor  hybrid  icon  ide  images  infrastructure  internet  ios  iphone  isomorphic  javascript  layout  library  links  mac  manifest  marymeeker  mediahabits  mediaspending  messaging  microsoft  mobile  mobileapp  mobileapps  mobilebrowser  mobilecommerce  mobiledev  mobilefirst  mobileinternet  mobilemarketing  mobileservices  mobileshopping  monetization  movie  native  networking  newsapps  no-code_tools  nocode  offline  offlinefirst  online  onlineadvertising  opensource  operamini  pamoja  parody  patterns  perceivedperformance  performance  phone  photography  poverty  power  privacy  progessive_apps  programme  programming  progressiveenhancement  progressivewebapps  pwa  rails  react.js  react  rendering  report  research  researchresources  researchtools  resources  responsive  responsivedesign  retail  review  rwd  search  searchenginewatch  seo  service  serviceworker  skype  smartphones  smartwatch  socialmedia  software  spent  statistics  support  technology  template  testing  thefuture  theweb  time  timespent  tips  tools  trends  tutorial  usability  usage  userexperience  userinterface  voice_search  web  webasmedium  webdesign  webdev  webdevel  webdevelopment  webpack  webpage  webpagetest  webperf  webperformance  webvsnative  wireless  wordpress  worldwideweb  www  适配 

Copy this bookmark:



description:


tags: