Life hack

How to turn web apps into first-class desktop citizens

This time was no different. I bought this because i thought full paid versin from the App Store would just work.

5 Ways to Turn Any Website Into a Desktop Mac App

No it doesnt. So yeah, 1 star because it simply doesnt work.

Dear user, Just open the app after you create it, in this way it will configure itself and can be used. You can also send me an email to hello alexdenk. Privacy practices may vary, for example, based on the features you use or your age.

How to turn web apps into first-class desktop citizens

Learn More. With Family Sharing set up, up to six family members can use this app.

‎Web2App -Websites to real apps on the Mac App Store

Mac App Store Preview. Description With Web2App you can turn your favorite websites and internet services into real desktop apps. Nov 9, Version 2. Ratings and Reviews.

App Privacy See Details. Now hit the Create button to set up the app. You’ll then find it in the Applications folder unless you have changed its location during setup. Fluid gives you several customization options once you’ve created a desktop app.

Turn Your Favorite Web App into a Native Mac App

These appear in the app’s settings or Preferences section, like they do for any regular Mac app. Turn don’t have to worry about a Into on the number of desktop apps you can create with Fluidthe app is free. Using full screen mode for apps created with Fluid is also a premium feature. Download: Fluid Free, App version available.

Applicationize lets you turn web apps into Chrome apps. You Website create a Chrome app at applicationize. There, enter the Any of a website or web app you want to add to your desktop and hit the Generate and Download Chrome Extension button. The downloaded app appears as a CRX extension file. Before you generate the app, you can also configure a few Real for it with the Advanced Mac link.

google chrome – How to make Web Apps appear as First-Class Mac Desktop Citizens – Ask Different

For example, you can customize Real app to receive notifications and open links within popups. On the Extensions page that opens up, turn on the Developer mode switch at the top-right. Then Any on the Add app button when Chrome asks you if you want to install the extension. It’s now ready for you to launch as a standalone app.

If you Website to drag the app out to the Dock, you can do that via the Turn Shortcut option within the Mac context menu. Download: Applicationize Free. This website gives App a ready-made interface to generate desktop apps, with no installation required. Start Into grabbing the URL of the website you want to turn into a Mac app and paste it into the field provided.

Fluid – Turn any webpage into a real Mac App

Add a name for your new desktop Any and a custom app icon if you want one. After you type in the email address where you want to receive the download link, hit the Create Now button. Once you download the app, you Turn move it to the Website folder or add it to Into separate folder. If you want to see Real results of Web2Desk before you convert a web app into a desktop app, try one of the sample apps featured on the website.

Of App the apps listed here, Web2Desk is the only one that generates a heavy app it takes Mac a few hundred megabytes of space.

Interestingly enough, Google Chrome for Mac doesn’t do this. These are apps complete with their own settings, behaviors, and customizeable icons. My favorite thing about fluid is that while it can do a lot, you don’t have to get in depth to turn your favorite website into a desktop application.

Watch as I turn the scheduling application Doodle into a desktop app:. Now that I’ve created a desktop version of Doodle, I don’t want it to behave like a browser tab.

Turn any website into a Mac app, with Fluid –

Here’s why- when I close an application window on my mac, it doesn’t quit the application. It’s still running, so when I click the icon in the dock the last window I was on springs open.

Aug 16, · First, grab the URL of the website you want to turn into a Mac app and paste it into Fluid. Next, type in a name for your new desktop app. If you want to throw in a custom icon for the app, you can add that too. (By default, Fluid uses the source website’s favicon). Now hit the Create button to set up the Akshata Shanbhag. Turn any website into a real Mac app with Fluid. Free Download. Version Just a svelte MB download. Requires Mac OS or later. Lost your License? • Report a Bug. Fluid is developed by Todd Ditchendorf. Once. Jun 21, · 2. Once the app has been downloaded, double-click on it and it will launch. 3. The first screen of the app has got a couple of options that you are required to fill in. Here’s what you need to enter in those boxes: URL – Enter the URL of the web app you want to turn into a Mac app. Name – Enter the name for your new software.quietnew.coted Reading Time: 3 mins.

This usually isn’t the case on the web. When you close a browser tab, it’s closed. You can go back to the website but it has to re-load.


The process for creating desktop-app versions of websites in Google Chrome for Windows is even simpler. Unfortunately, you don’t get some of the slick options that you would in Fluid, but the end result is just as useful. Step 2: Click the Wrench Icon.

Chris Hoffman
How to turn web apps into first-class desktop citizensChris Hoffman

Chris Hoffman is Editor-in-Chief of How-To Geek. He’s written about technology for over a decade and was a PCWorld columnist for two years. Chris has written for The New York Times, been interviewed as a technology expert on TV stations like Miami’s NBC 6, and had his work covered by news outlets like the BBC. Since 2011, Chris has written over 2,000 articles that have been read nearly one billion times—and that’s just here at How-To Geek. Read more.

How to turn web apps into first-class desktop citizens

Your smartphone or tablet’s home screen isn’t just for apps. Whatever platform you’re using, you can pin your favorite websites to your home screen so you can quickly access them.

Some platforms offer bonus features. For example, Chrome for Android opens these websites in their own windows with no browser interface, while Windows 8 and Windows Phone offer live tile updates on some websites.


Launch Chrome for Android and open the website or web page you want to pin to your home screen. Tap the menu button and tap Add to homescreen. You’ll be able to enter a name for the shortcut and then Chrome will add it to your home screen.

How to turn web apps into first-class desktop citizens

The icon will appear on your home screen like any other app shortcut or widget, so you can drag it around and put it wherever you like. Chrome for Android loads the website as a “web app” when you tap the icon, so it will get its own entry in the app switcher and won’t have any browser interface getting in the way.

How to turn web apps into first-class desktop citizens
Other popular Android browsers also offer this feature. For example, Firefox for Android can do this if you tap the menu button, tap the Page option, and tap Add to Home Screen.

How to turn web apps into first-class desktop citizens

iPhone, iPad, & iPod Touch

Launch the Safari browser on Apple’s iOS and navigate to the website or web page you want to add to your home screen. Tap the Share button on the browser’s toolbar — that’s the rectangle with an arrow pointing upward. It’s on the bar at the top of the screen on an iPad, and on the bar at the bottom of the screen on an iPhone or iPod Touch. Tap the Add to Home Screen icon in the Share menu.

How to turn web apps into first-class desktop citizens

You’ll be prompted to name the shortcut before tapping the Add button. The shortcut can be dragged around and placed anywhere, including in app folders — just like a normal app icon. (To create app folders on iOS, touch-and-drag an app’s icon onto another app’s icon and hold it there for a moment.) When you tap the icon, it will load the website in a normal tab inside the Safari browser app.

How to turn web apps into first-class desktop citizens

Other browsers, like Chrome for iOS, don’t offer this feature. Due the limitations in Apple’s iOS, only Apple’s own Safari browser is allowed to do this.

Windows 8, 8.1, RT

Windows 8, 8.1, and RT devices also offer a way to pin websites to your Start screen. This is obviously most useful on tablets, not on desktop PCs where you don’t want to see the Start screen. On the Windows desktop, you can pin website shortcuts to your taskbar for easier access.

First, open the modern Internet Explorer browser — that’s what you’re probably using on a tablet, anyway, as it offers the most touch-optimized experience. Navigate to the website you want to pin, pull up the app bar — for example, by right-clicking or swiping up from the bottom of your screen — and tap the star icon. Tap the pin icon, enter a name for the shortcut, and click Pin to Start. The website will appear as a tile on your Start screen.

How to turn web apps into first-class desktop citizens

Tap the tile and the website will open in Internet Explorer. Some websites offer live tile support — Windows will use an associated RSS feed to display the latest headlines and updates from a site if you pin it to your Start screen. Most websites haven’t been configured to support this feature. If they have, you’ll see the updates after pinning it to your home screen.

How to turn web apps into first-class desktop citizens

Windows Phone

The process is similar on Windows Phone. First, open the website you want to pin in Internet Explorer. Tap the More (…) button and tap Pin to Start in the menu that appears. Windows Phone 8.1 supports live tile updates from websites that have configured the feature, just as Windows 8 does.

How to turn web apps into first-class desktop citizens

If you have another type of smartphone or tablet, it probably has this feature, too. Just open its browser and look in its menu for an option named something like “Add to home screen” or “Pin to home screen.”

To remove a website shortcut from your device’s home screen, just long-press the shortcut and remove it like you would any other app icon.

  • › How to Add Images to Questions in Google Forms
  • › How to Delete Your Photos on Facebook
  • › Razer Thinks You Want a PC Gaming Headset That Vibrates
  • › How to Get a Link to a Photo or Video on Instagram
  • › The Fix for Slow AMD Processors on Windows 11 Is Here

How to turn web apps into first-class desktop citizens Chris Hoffman
Chris Hoffman is Editor-in-Chief of How-To Geek. He’s written about technology for over a decade and was a PCWorld columnist for two years. Chris has written for The New York Times, been interviewed as a technology expert on TV stations like Miami’s NBC 6, and had his work covered by news outlets like the BBC. Since 2011, Chris has written over 2,000 articles that have been read nearly one billion times—and that’s just here at How-To Geek.
Read Full Bio »

How to turn web apps into first-class desktop citizens

โดยปกติแล้วเว็บแอปอาศัยอยู่ในเบราว์เซอร์ผสมกับเว็บไซต์อื่น ๆ ที่คุณกำลังดูและ จำกัด อยู่ในไอคอนเบราว์เซอร์เดียวบนทาสก์บาร์ของคุณ Chrome และ Internet Explorer อนุญาตให้คุณสร้างหน้าต่างเฉพาะสำหรับแอปพลิเคชันเว็บของคุณโดยให้หน้าต่างและไอคอนแถบงานแยกต่างหาก Mozilla Firefox เคยมีฟีเจอร์นี้ผ่านทางส่วนขยายต่าง ๆ แต่มันถูกยกเลิกไปแล้ว.

ใน Google Chrome คุณสามารถสร้างทางลัดไปยังเว็บไซต์ใด ๆ ได้อย่างง่ายดายเพียงไม่กี่คลิก ก่อนอื่นเปิดเมนูโดยคลิกที่จุดสามจุดที่มุมขวาบน.

How to turn web apps into first-class desktop citizens

จากนั้นตรงไปที่รายการ“ เครื่องมือเพิ่มเติม” จากนั้น“ เพิ่มไปยังเดสก์ท็อป”

How to turn web apps into first-class desktop citizens

How to turn web apps into first-class desktop citizens

นี่จะเป็นการสร้างลิงค์ด่วนไปยังเว็บไซต์หรือแอพบนเดสก์ท็อปของคุณ จากตรงนั้นคุณสามารถลากลงไปที่ทาสก์บาร์เพื่อปักหมุดเพื่อให้แน่ใจว่ามันพร้อมใช้งานได้อย่างรวดเร็วเสมอ ฉันใช้คุณสมบัตินี้สำหรับเว็บแอปอย่างสงบใจนักเขียน, WordPress, How-to Geek, Tweetdeck, Google Calendar, เล่นเพลง, Google Keep, Feedly, Google ชีตและ Google เอกสาร โดยทั่วไปฉันอาศัยอยู่ในก้อนเมฆ.

Internet Explorer ยังมีคุณสมบัติที่คล้ายกันเพียงแค่ลากและวาง favicon ของเว็บไซต์ (ไอคอนทางด้านซ้ายของที่อยู่ในแถบที่อยู่) ไปยังแถบงานเพื่อสร้างหน้าต่างเฉพาะสำหรับแอปพลิเคชัน โปรดทราบว่าสิ่งนี้ไม่ทำงานใน Microsoft Edge เพียง Internet Explorer ไปคิด.

How to turn web apps into first-class desktop citizens


Chrome, Firefox และ Edge ยังรองรับ“ แท็บที่ถูกตรึง” ซึ่งช่วยให้คุณสามารถทำให้เว็บแอปพลิเคชันทำงานต่อไปโดยไม่ต้องเพิ่มพื้นที่ว่างบนแถบแท็บ หากต้องการเปลี่ยนแท็บที่เปิดเป็นแท็บแอพให้คลิกขวาที่แท็บใน Chrome หรือ Firefox แล้วเลือกแท็บปักหมุด.

How to turn web apps into first-class desktop citizens

แท็บจะย่อลงมาที่ favicon เท่านั้น เมื่อคุณปิดและเปิดเบราว์เซอร์ใหม่แท็บที่ถูกตรึงจะยังคงเปิดอยู่ดังนั้นนี่เป็นวิธีที่สะดวกในการบอกให้เบราว์เซอร์ของคุณเปิดเว็บแอป (และหน้าเว็บอื่น ๆ ) ที่คุณใช้บ่อยๆ.

How to turn web apps into first-class desktop citizens


เบราว์เซอร์สมัยใหม่ช่วยให้คุณตั้งค่าเว็บแอปเป็นแอปเริ่มต้นของคุณ ตัวอย่างเช่นคุณสามารถตั้งค่า Gmail เป็นแอปอีเมลเริ่มต้นของคุณดังนั้นมันจะเปิดในเบราว์เซอร์ของคุณทุกครั้งที่คุณคลิกที่ mailto: ลิงก์ในเบราว์เซอร์ของคุณหรือที่ใดก็ตามในระบบปฏิบัติการของคุณ.

หากต้องการทำสิ่งนี้ใน Chrome ให้ไปที่เว็บไซต์ที่สามารถเป็นแอปพลิเคชันเริ่มต้นของคุณสำหรับงานบางอย่างเช่น Gmail สำหรับอีเมลหรือลิงก์ Google Calendar สำหรับปฏิทิน ไอคอนในแถบตำแหน่งจะปรากฏขึ้นและอนุญาตให้คุณสร้างแอปพลิเคชันเว็บเป็นแอปพลิเคชันเริ่มต้นของคุณ หากไอคอนนี้ไม่ปรากฏขึ้นให้คุณรีเฟรชหน้าและดูอย่างระมัดระวัง – มันจะปรากฏขึ้นชั่วครู่ขณะที่กำลังโหลดหน้า.

How to turn web apps into first-class desktop citizens

คุณสามารถจัดการคุณสมบัติ “เครื่องมือจัดการ” ของ Chrome ได้โดยเปิดหน้าจอการตั้งค่าของ Chrome จากเมนูและข้ามไปที่ส่วน “ขั้นสูง”.

How to turn web apps into first-class desktop citizens

จากที่นี่คลิก “การตั้งค่าเนื้อหา” ในส่วนความเป็นส่วนตัวแล้วเลือก “ตัวจัดการผู้จัดการ”

How to turn web apps into first-class desktop citizens

Firefox อนุญาตให้คุณควบคุมแอปพลิเคชันผู้ใช้ Firefox สำหรับลิงก์ประเภทต่างๆจากหน้าต่างตัวเลือก เลือกไอคอนแอปพลิเคชันเพื่อเปลี่ยนการกระทำที่เกี่ยวข้องกับเนื้อหาประเภทต่างๆ ตัวอย่างเช่นคุณสามารถใช้ Gmail หรือ Yahoo! เมลสำหรับลิงก์อีเมล Mibbit สำหรับลิงก์ IRC, Google Calendar หรือ 30 Boxes สำหรับลิงก์ webcal และอื่น ๆ.

How to turn web apps into first-class desktop citizens


แอปพลิเคชันบนเดสก์ท็อปมีข้อได้เปรียบสำคัญอย่างหนึ่งเหนือเว็บแอป: โดยทั่วไปสามารถใช้แบบออฟไลน์ได้ในขณะที่เว็บแอปไม่สามารถทำได้ นี่ไม่ใช่ปัญหาส่วนใหญ่ แต่ถ้าคุณต้องการอ่านอีเมลดูปฏิทินของคุณหรือแก้ไขเอกสารบนเครื่องบินหรือในพื้นที่ที่มีการเชื่อมต่ออินเทอร์เน็ตที่ไม่สมบูรณ์อาจเป็นเรื่องที่น่าสะพรึงกลัว.

อย่างไรก็ตามเว็บแอปหลายแห่งรองรับคุณสมบัติออฟไลน์ แอปเช่น Gmail, Google ปฏิทินและ Google เอกสารมีการสนับสนุนออฟไลน์ในเบราว์เซอร์ Chrome ของ Google แต่น่าเสียดายที่ไม่ได้อยู่ใน Firefox Kindle Cloud Reader ของ Amazon ทำงานแบบออฟไลน์ทั้งใน Chrome และ Firefox ช่วยให้คุณสามารถเข้าถึงหนังสือ Kindle ที่ดาวน์โหลดได้แบบออฟไลน์.

หากคุณเป็นผู้ใช้ Chrome คุณสามารถดูแอปพลิเคชันเว็บที่รองรับการเข้าถึงแบบออฟไลน์โดยเรียกดูส่วนแอปที่เปิดใช้งานออฟไลน์ใน Chrome Web Store ของ Google.

How to turn web apps into first-class desktop citizens

เรียกใช้ Web Apps ในพื้นหลัง

Chrome ยังอนุญาตให้เว็บแอปทำงานในพื้นหลังแม้ในขณะที่ Chrome ไม่ปรากฏให้ทำงาน วิธีนี้ช่วยให้แอปเช่น Gmail ออฟไลน์ซิงค์ Gmail กับพีซีของคุณเพื่อใช้งานออฟไลน์ต่อไปแม้ว่าจะไม่มีหน้าต่างเบราว์เซอร์ Chrome เปิดอยู่ก็ตาม.

How to turn web apps into first-class desktop citizens

คุณลักษณะนี้เปิดใช้งานโดยค่าเริ่มต้น คุณสามารถเลือกที่จะปิดการใช้งานโดยการเปิดหน้าจอการตั้งค่าของ Chrome คลิกแสดงการตั้งค่าขั้นสูงและยกเลิกการเลือกช่องทำเครื่องหมาย “เรียกใช้แอปพื้นหลังต่อไปเมื่อ Google Chrome ถูกปิด” ในส่วนระบบ.

เรามาไกลตั้งแต่ “ยุคโบราณ” ของเว็บด้วยเว็บแอปกลายเป็นส่วนสำคัญของวิธีที่คุณสามารถโต้ตอบกับคอมพิวเตอร์ของคุณ ที่จริงแล้วฉันจะถือว่า 90% ของ ทั้งหมด การใช้คอมพิวเตอร์ของฉันมาจากเว็บแอพตั้งแต่เพลงไปจนถึงเอกสารและการทำงานพีซีของฉันเป็นเครื่อง Chrome เป็นส่วนใหญ่.

Progressive Web Apps (PWA) is a principle covering quite a lot of different web requirements, but what they all have in common are that they better the user’s experience. A large part of these principles has to do with availability of content and using new net standards. A full checklist of these principles according to Google can be seen here.

How to turn web apps into first-class desktop citizens

The first step for converting your site to a PWA is to implement a Service Worker and create a Manifest for your site. The Manifest is a json file stating some details about your site. It makes it possible for a user to add your site to the home screen on their phone or desktop. The Service Worker makes caching easy and defines some rules for if content is not available.

A Service Worker gets registered through some JavaScript and the different rules for handling the cache can take some time to grasp. So, we are lucky to see there is a NuGet Package for simplifying the setup of a Service Worker and handling your Manifest. The package we are going to use is WebEssentials.AspNetCore.PWA, which has been developed by Mads Kristensen.

An important detail before starting is that the Service Worker will only work if your site is SSL-encrypted and redirects to HTTPS. The package makes some services available for you that can be added to the container through the ConfigureServices method in your Startup class

The AddProgressiveWebApp method adds both a Service Worker and the references to your manifest, but these can be added independently of each other using the AddServiceWorker and AddWebManifest methods. The PWA settings can be changed in the appsettings.json like so

cacheId defines a unique id for the current version of your site and will be used in your Service Worker to check if the user currently has the newest version of the page.

strategy selects a strategy for your Service Worker among some predefined profiles. cacheFirstSafe is the default strategy which caches every resource and ensures each is of the Doctype text/html on the first try gets accessed via the network to get the newest version and then falls back to the cache if this is not available.

It also caches resources with the v querystring since it expects this to be unique content. cacheFirst is the same as the safe one, but it does not go network first on text/html resources and does not cache resources with the the v querystring, so this should only be used for sites you do not expect to change frequently.

Would your users appreciate fewer errors?

networkFirst goes network first for all resources and adds the resource to the cache when doing so, which it then falls back to if it can’t get the resource. minimal does not cache at all and its primary use would be to prompt for installation of the PWA on phones using the Manifest.

routesToPreCache states which resources should be pre-cachet meaning that it will be added to the cache as soon as the Service Worker has been registered. This is especially useful for caching all the subpages on your site, so that the user can browse these if he later revisits them while being offline.

offlineRoute specifies a route (which will be cached) for if the user tries to access a page which was not cached before the user went offline. This can often be avoided by adding the page to routesToPreCache or uniquely identifying the resources using the v querystring, but it’s a better alternative compared to the "There is no connection" page in Chrome.

registerServiceWorker and registerWebmanifest are for disabling individual features in the service, but the standard is default for both.

The settings can alternatively be changed in the Startup class by giving the AddProgressiveWebApp a PwaOptions object. A pro for this would be that the settings could be changed programmatically like the following example where the cacheId is defined using a version variable which could originate from a database or likewise.

Already now you can check if your service has been registered by opening the Chrome DevTool and going to Application > Service Worker.

How to turn web apps into first-class desktop citizens

Then we just need to add a manifest for your site, which would normally be referenced as a link in the header of your pages, but this has also taken care of via the WebEssentials.AspNetCore.PWA. The manifest defines some details for your site if it’s downloaded, which includes custom splash-screens, icon-standards and more. Furthermore, does it also prompts the user to install it as a PWA, via an install-banner, if they visit the site frequently on a phone. This is one of the core properties of a PWA (Progressive Web App) since it gives the immersive App part. The only thing you need is to make a new json called manifest.json and place it in the wwwroot. The file should have the following pattern:

name is the full name of your site. short_name is what will be displayed if a user adds your site to their homepage on a smartphone or desktop. orientation specifies if your website should be viewed in portrait or landscape mode or using the keyword any, if it’s up to the user, when it has been installed. display sets the way your site will be presented after download. The default is browser, which just opens your site in the standard browser. Alternatives are standalone, minimal-ui or full screen, which all create a splash-screen for your site while it loads. The splash-screen will show the icon for the page and the name. icons makes icons in different sizes available via a list representation.

A minimum requirement is to have both 192×192 and 512×512, but more can be added. start_url defines the page the site will start on when opened. color sets the text color on the splash-screen. background_color sets the background color on the splash-screen.
theme_color defines the site-wide theme-color of your page, which currently only is a property used in Google Chrome. This property also has to be added to each page individually with a meta-tag for your manifest to be valid, but our PWA package injects this on our pages automatically, so we don’t need to bother.

There are multiple other properties which can be added to the manifest, but these are the most basic. More can be found on Google’s post The Web App Manifest. The Manifest is now ready and the users will be prompted to add your page to their home screen if it’s the correct syntax.

These are the first steps to making your site a PWA. Other specifications that must be followed is fast response time (also on slow 3G), mobile friendly design and fast response time. An easy way to test to see if your site is up is by using the Chrome tool Lighthouse, which rates your site’s use of PWA, your site’s performance and speed, accessibility of your content and best practices for a modern web page. This makes it easy to see how far along you are in the process and gives you help on what to do next to improve.

How to turn web apps into first-class desktop citizens

Веб-програми замінюють настільні програми на все, від електронної пошти та редагування документів до відтворення відео та музики. Вам не потрібно тримати веб-програми обмеженими вікном веб-переглядача – вони можуть стати першокласними громадянами на вашому робочому столі.

Сучасні веб-переглядачі дозволяють веб-програмам мати своє місце на панелі завдань, функціонувати як додатки за умовчанням, а навіть працювати в автономному режимі та у фоновому режимі.

Веб-програми: поза браузером і на панелі завдань

Зазвичай веб-програми працюють у веб-переглядачі, змішуються з іншими веб-сайтами, які ви переглядаєте, і обмежені одним піктограмою веб-переглядача на панелі завдань. Chrome і Internet Explorer дозволяють створювати спеціальні вікна для веб-програм, надаючи їм окремі вікна та піктограми на панелі завдань. Mozilla Firefox використовував цю функцію через різні розширення, але вони були припинені.

У Google Chrome ви можете легко створити ярлик для будь-якого веб-сайту лише за кілька кліків. Спочатку відкрийте меню за допомогою натискання трьох точок у верхньому правому куті.

How to turn web apps into first-class desktop citizens

Звідси перейдіть до запису “Додаткові інструменти”, а потім “Додати до робочого столу”.

How to turn web apps into first-class desktop citizens

З’явиться діалогове вікно, за допомогою якого ви зможете перейменувати ярлик, а також відкрити його у своєму вікні. Для того, щоб відчувати себе настільнішою, я обов’язково заохочую, щоб ця кнопка була галочкою, інакше вона просто відкриється у вікні браузера, і це просто нерозумно.

How to turn web apps into first-class desktop citizens

Це створить швидке посилання на веб-сайт або програму на вашому робочому столі. Звідти ви можете перетягнути його вниз на панель завдань, щоб закріпити його, гарантуючи, що вона завжди буде доступною. Я використовую цю функцію для веб-додатків, таких як Calmly Writer, WordPress, How-to Geek, Tweetdeck, Календар Google, Слухати музику, Google Keep, Feedly, Google Sheets і Google Docs. Я в основному живу в хмарі.

Internet Explorer також подібна функція – просто перетягніть значок веб-сайту (піктограму ліворуч від його адреси в адресному рядку) на панель завдань, щоб створити спеціальне вікно для програми. Зверніть увагу, що це не працює в Microsoft Edge, просто Internet Explorer. Піди розберися.

How to turn web apps into first-class desktop citizens

Використовуйте закріплені вкладки

Chrome, Firefox і Edge також підтримують “закріплені вкладки”, які дозволяють запускати веб-додаток, не займаючи багато місця на панелі вкладок. Щоб перетворити відкриту вкладку на вкладку програми, клацніть правою кнопкою миші вкладку в Chrome або Firefox і виберіть вкладку Закріпити.

How to turn web apps into first-class desktop citizens

Вкладка зменшиться лише до позначки. Коли ви закриваєте та знову відкриваєте веб-переглядач, закріплені вкладки залишатимуться відкритими, тому це зручний спосіб повідомити веб-переглядачу завжди відкривати веб-програми (та інші веб-сторінки), які ви часто використовуєте..

How to turn web apps into first-class desktop citizens

Зробити веб-програми своїми програмами за умовчанням

Сучасні браузери дозволяють встановлювати веб-програми як програму за замовчуванням. Наприклад, ви можете встановити Gmail як стандартний додаток електронної пошти, щоб він відкривався у вашому веб-переглядачі кожного разу, коли ви натискаєте посилання mailto: у вашому веб-переглядачі або в іншому місці операційної системи.

Щоб зробити це в Chrome, відвідайте веб-сайт, який може стати вашою програмою за умовчанням для певного завдання, наприклад Gmail для електронної пошти або Календаря Google для календаря. З’явиться піктограма на панелі розташування, яка дозволить зробити веб-програму стандартною. Якщо ця піктограма не відображається для вас, оновіть сторінку та уважно перегляньте її – вона швидко з’явиться під час завантаження сторінки.

How to turn web apps into first-class desktop citizens

Ви можете керувати функцією “обробників” Chrome, відкривши вікно Параметри Chrome у меню та перейшовши в розділ “Додатково”.

How to turn web apps into first-class desktop citizens

Натисніть “Налаштування вмісту” в розділі “Конфіденційність”, потім “Обробники менеджера”.

How to turn web apps into first-class desktop citizens

Firefox дозволяє керувати програмами користувачів Firefox для різних типів посилань з його вікна параметрів. Виберіть піктограму Програми, щоб змінити дію, пов’язану з різними типами вмісту. Наприклад, ви можете використовувати Gmail або Yahoo! Пошта для посилань по електронній пошті, Mibbit для IRC-посилань, Календар Google або 30 полів для веб-посилань тощо.

How to turn web apps into first-class desktop citizens

Увімкнути автономні веб-програми

Настільні програми мають одну велику перевагу над веб-додатками: вони можуть використовуватися в режимі офлайн, а веб-програми не можуть. Часто це не є проблемою, але якщо ви хочете читати електронну пошту, переглядати календар або редагувати документ на літаку або в районі з плямистим підключенням до Інтернету, це може бути неприємним.

Проте багато веб-програми підтримують функції, які перебувають поза мережею. Такі програми, як Gmail, Календар Google і Документи Google підтримують офлайн у власному браузері Google Chrome, але, на жаль, не в Firefox. Kindle Cloud Reader працює в автономному режимі в обох Chrome і Firefox, надаючи вам автономний доступ до завантажених книг Kindle.

Якщо ви користуєтеся Chrome, ви можете переглядати веб-програми, які підтримують автономний доступ, переглядаючи розділ додатків із автономним доступом у веб-магазині Google Chrome.

How to turn web apps into first-class desktop citizens

Запуск веб-додатків у фоновому режимі

Chrome також дозволяє веб-програмам працювати у фоновому режимі, навіть якщо Chrome не відображається. Це дозволяє програмам, таким як Gmail Offline, продовжувати синхронізувати Gmail з ПК для використання в автономному режимі, навіть якщо не відкрито жодне вікно браузера Chrome.

How to turn web apps into first-class desktop citizens

Ця функція ввімкнена за умовчанням. За бажанням можна вимкнути його, відкривши екран “Налаштування Chrome”, натиснувши “Показувати додаткові налаштування”, і зніміть прапорець поруч із пунктом “Продовжити роботу з фоновими програмами, коли Google Chrome закрито”.

Ми пройшли довгий шлях, починаючи з «старих днів» Інтернету, веб-програми стають невід’ємною частиною способу взаємодії з комп’ютером. Насправді я вважав би 90% все моє використання комп’ютера походить від веб-додатків – від музики до документів і від роботи.

יישומי אינטרנט החליפו אפליקציות שולחן עבודה עבור כל דבר, החל בדוא"ל ועריכת מסמכים ועד להפעלת סרטונים ומוסיקה. אתה לא צריך לשמור את יישומי האינטרנט שלך מוגבל לחלון דפדפן – הם יכולים להיות אזרחים מהשורה הראשונה על שולחן העבודה שלך.

דפדפנים מודרניים מאפשרים יישומי אינטרנט יש מקום משלהם על שורת המשימות שלך, פונקציה כמו יישומי ברירת המחדל, ואפילו להפעיל במצב לא מקוון ברקע.

יישומי אינטרנט: מתוך הדפדפן על שורת המשימות

יישומי אינטרנט בדרך כלל חיים בדפדפן, מעורבים עם אתרים אחרים שאתה מציג ומוגבלים לסמל דפדפן יחיד בשורת המשימות שלך. Chrome ו- Internet Explorer מאפשרים לך ליצור חלונות ייעודיים ליישומי האינטרנט שלך, ולספק להם חלונות נפרדים משלהם וסמלים בשורת המשימות. ל- Mozilla Firefox הייתה תכונה זו באמצעות הרחבות שונות, אך הן הופסקו.

ב- Google Chrome, אתה יכול בקלות ליצור קיצור דרך לכל אתר אינטרנט עם רק כמה קליקים. ראשית, לפתוח את התפריט על ידי לחיצה על שלוש נקודות בפינה הימנית העליונה.

משם, פנה למטה לערך "כלים נוספים" ולאחר מכן "הוסף לשולחן העבודה".

How to turn web apps into first-class desktop citizens

תיבת דו-שיח תופיע ותאפשר לך לשנות את שם הקיצור, כמו גם לפתוח אותו בחלון משלה. כדי להרגיש יותר כמו שולחן העבודה, אני בהחלט ממליץ לשמור על כפתור זה מתקתק, אחרת זה יהיה פשוט לפתוח בחלון דפדפן, וזה פשוט טיפשי.

How to turn web apps into first-class desktop citizens

פעולה זו תיצור קישור מהיר לאתר או לאפליקציה בשולחן העבודה. משם, אתה יכול לגרור אותו לשורת המשימות כדי להצמיד אותו, להבטיח שהוא תמיד זמין במהירות. אני משתמש בתכונה זו עבור יישומי אינטרנט כגון Calmly Writer, How-To Geek של WordPress, Tweetdeck, יומן Google, Play מוסיקה, Google Keep, Feedly, Google Sheets ו- Google Docs. אני בעצם חי בענן.

אינטרנט אקספלורר גם תכונה דומה, רק גרור ושחרר אתר האינטרנט של favicon (סמל משמאל הכתובת שלה בשורת הכתובת) אל שורת המשימות כדי ליצור חלון ייעודי עבור היישום. שים לב שזה לא עובד ב- Microsoft Edge, רק ב- Internet Explorer. לך תבין.

How to turn web apps into first-class desktop citizens

השתמש בכרטיסיות מוצמדות

Chrome, Firefox ו- Edge תומכים גם "כרטיסיות מוצמדות", המאפשרות לך לשמור על יישום אינטרנט פועל מבלי לתפוס מקום רב בסרגל הכרטיסייה שלך. כדי להפוך כרטיסייה פתוחה לכרטיסייה אפליקציה, לחץ לחיצה ימנית על כרטיסייה ב- Chrome או ב- Firefox ובחר הכרטיסייה ‘הצמדה’.

How to turn web apps into first-class desktop citizens

הכרטיסייה תתכווץ לסמל הבחירה שלה בלבד. כאשר תסגור ותפתח מחדש את הדפדפן, הכרטיסיות המוצמדות יישארו פתוחות, לכן זוהי דרך נוחה לספר לדפדפן שלך תמיד לפתוח יישומי אינטרנט (ודפי אינטרנט אחרים) שבהם אתה משתמש בתדירות גבוהה.

How to turn web apps into first-class desktop citizens

הפוך יישומי אינטרנט Apps ברירת המחדל שלך

דפדפנים מודרניים מאפשרים לך להגדיר יישומי אינטרנט כיישום ברירת המחדל שלך. לדוגמה, תוכל להגדיר את Gmail כאפליקציית ברירת המחדל שלך לדוא"ל, כך שהיא תפתח בדפדפן שלך בכל פעם שתלחץ על קישור mailto: בדפדפן שלך או בכל מקום אחר במערכת ההפעלה שלך.

כדי לעשות זאת ב- Chrome, בקר באתר אינטרנט שיכול להפוך ליישום ברירת המחדל שלך למשימה מסוימת, כגון Gmail לדוא"ל או ליומן Google עבור קישורי יומן. סמל בסרגל המיקום יופיע ומאפשר לך להפוך את יישום האינטרנט ליישום ברירת המחדל שלך. אם סמל זה אינו מופיע עבורך, רענן את הדף וצפה בו בקפידה – הוא יופיע בקצרה בזמן טעינת הדף.

How to turn web apps into first-class desktop citizens

תוכל לנהל את התכונה "מטפלים" של Chrome על ידי פתיחת מסך ההגדרות של Chrome מהתפריט וקפיצה אל הקטע "מתקדם".

How to turn web apps into first-class desktop citizens

מכאן, לחץ על "הגדרות תוכן" בקטע פרטיות ולאחר מכן על "מטפלים למנהלים".

How to turn web apps into first-class desktop citizens

Firefox מאפשר לך לשלוט על יישומי משתמשי פיירפוקס עבור סוגים שונים של קישורים מחלון האפשרויות. בחר בסמל ‘יישומים’ כדי לשנות את הפעולה הקשורה לסוגים שונים של תוכן. לדוגמה, תוכל להשתמש ב- Gmail או ב- Yahoo! דואר עבור קישורים דוא"ל, Mibbit עבור קישורים IRC, יומן Google או 30 תיבות עבור קישורים webcal, וכן הלאה.

How to turn web apps into first-class desktop citizens

הפעל יישומי אינטרנט לא מקוונים

יישומי שולחן עבודה יש ​​יתרון גדול אחד על פני יישומי אינטרנט: בדרך כלל הם יכולים לשמש במצב לא מקוון, בעוד יישומי אינטרנט לא יכול. זה לא בעיה הרבה זמן, אבל אם אתה רוצה לקרוא את הדוא"ל שלך, להציג את היומן שלך, או לערוך מסמך על מטוס או באזור עם חיבור אינטרנט ספוט, זה יכול להיות מגונה.

עם זאת, יישומי אינטרנט רבים תומכים בתכונות לא מקוונות. ליישומים כמו Gmail, יומן Google ו- Google Docs יש תמיכה לא מקוונת בדפדפן Chrome עצמו של Google, אך לצערנו לא ב- Firefox. אמזון של Kindle Cloud Reader פועל במצב לא מקוון גם ב- Chrome וגם ב- Firefox, ומעניק לך גישה לא מקוונת להורדת ספרי Kindle.

אם אתה משתמש ב- Chrome, תוכל להציג יישומי אינטרנט התומכים בגישה לא מקוונת על ידי עיון בקטע האפליקציות התומכות במצב לא מקוון בחנות האינטרנט של Chrome.

How to turn web apps into first-class desktop citizens

הפעל יישומי אינטרנט ברקע

Chrome גם מאפשר ליישומי אינטרנט לפעול ברקע, גם כאשר נראה ש- Chrome אינו פועל. פעולה זו מאפשרת ליישומים כגון Gmail Offline להמשיך לסנכרן את Gmail למחשב שלך לשימוש לא מקוון, גם כאשר אין חלונות דפדפן של Chrome פתוחים.

How to turn web apps into first-class desktop citizens

תכונה זו מופעלת כברירת מחדל. תוכל להשבית אותו באופן אופציונלי על ידי פתיחת מסך ההגדרות של Chrome, לחיצה על הצג הגדרות מתקדמות וביטול הסימון בתיבת הסימון "המשך הפעלת יישומי רקע כאשר Google Chrome נסגר", תחת תיבת הסימון מערכת.

עברנו דרך ארוכה מאז "ימים ישנים" של האינטרנט, עם יישומי אינטרנט להיות חלק בלתי נפרד של איך אתה יכול לקיים אינטראקציה עם המחשב. למעשה, הייתי מניח ש -90% מכל השימוש במחשב שלי מגיע מיישומי אינטרנט – ממוסיקה למסמכים ועבודה, המחשב שלי הוא למעשה מכונת Chrome רוב הזמן.

NSFW, laughable results – what were they thinking?

Review There’s much to admire in Canonical’s Quantal Quetzal, which continues to refine and improve the Unity desktop, but you’d be forgiven if you missed the positives thanks to the late injection of a little Bezos since Ubuntu 12.04.

As if the move to Unity hadn’t been contentious (and bumpy) enough, Canonical has dipped into controversy by adding the Amazon Search Lens to the Unity Dash. The Lens, enabled by default in Ubuntu 12.10, adds Amazon shopping results to your Unity searches.

Behind the scenes, the Lens forwards your search queries on to Canonical’s servers, which then poll Amazon to find products relevant to your search terms.

If you end up buying something after clicking on one of the Amazon results, Canonical gets a small percentage of the sale, much like Mozilla makes a bit of money when you search Google from Firefox. However, in the Firefox case, the user actively chooses to search Google; with the Amazon Search Lens the shopping results just show up out of the blue.

The Amazon Lens is a bit more serious than just a few shopping results popping up in Unity, serious enough that Unity now has a privacy agreement. Check the lower left corner of the Dash in Quetzal to find a new link to a “legal notice” which outlines how your personal data is used with the new online results.

Canonical collects your search terms and IP address and shares them with third parties including Facebook, Twitter, BBC and Amazon. That means that you’re no longer dealing with just Canonical’s privacy policy, but also those of the third parties.

In a way that’s the worst of both worlds. Privacy advocates are concerned that there’s a risk that Canonical could be legally compelled to turn that data over to authorities. At the same time, not enough personal info is being stored to tailor the Amazon suggestions to things you might actually like, which makes for less relevant search results.

How to turn web apps into first-class desktop citizens

Previewing, the best new feature in Ubuntu 12.10

Essentially, the Amazon Lens means less privacy and a ton of useless clutter in your search results.

There aren’t even any filters or other settings for even the most basic controls – like ensuring Ubuntu doesn’t show NSFW results to your children. And it probably will. As noted in a thread on the Ubuntu forums, thanks to the find-as-you-type feature, seemingly benign searches with words like “analyze”, “Titanic” or “assets” will bring up some NSFW results if you’re a slow typer.

There was a bug filed, but it was marked “won’t fix”, presumably because, as Barbie might say, “filtering content is hard; let’s go shopping”.

Ubuntu is, historically, more willing to take big risks than most distros. Unity itself is a risk, but one that seems to be working out. The Amazon Lens is also a risk, but it’s hard to see how it will work out in Canonical’s favor.

In fact having used the Amazon Lens for several weeks now I can say it’s the single most useless feature Ubuntu has ever included in an actual release. It’s not just that Amazon items are seldom helpful when you’re searching your files, it’s that combined with comically bad results that really leave you scratching your head – what were they thinking?

Fortunately the Amazon Lens can be turned off – head to System Settings, click the Privacy tab and stop the madness with a flip of the switch.

Electron is a cross-platform (Windows, Linux, and Mac) library for building desktop applications using JavaScript, HTML, and CSS. Even if you have never head of Electron I’m sure you have used some of the desktop applications it has been used to build such as Visual Studio Code, Atom, Slack.

Electron.NET provides a wrapper around Electron with an ASP.NET Core MVC application in the mix. Here is the reason why this was done from the creates of the project.

Well… there are lots of different approaches how to get a X-plat desktop app running. We thought it would be nice for .NET devs to use the ASP.NET Core environment and just embed it inside a pretty robust X-plat enviroment called Electron. Porting Electron to .NET is not a goal of this project, at least we don’t have any clue how to do it. We just combine ASP.NET Core & Electron.

Project Creation

Seems only fitting to use VS Code for this post since it is built using the same base library. From the command line create a new ASP.NET Core MVC application using the following command.

Make note that it is important at this time that you use the MVC template when attempting this and not a Razor Page application. This is more of a warning if you are using Visual Studio to do your project creation and not the CLI command above.

Next, we need to reference the ElectronNET.API NuGet package which can be added using the following command.

Then, open the csproj and add a reference for the Electron.NET CLI tool which should match the following.

After that make sure and restore packages using the following command.

Wire-up Election.NET

Open Program.cs and add UseElectron(args) to the WebHost builder chain.

Net, open Startup.cs and add the following line to the bottom of the Configure function. This is what will open the Electron window on startup.

Finally, run the following from the command prompt to get the project ready to run under Electron. This should only need to be done once.

Run the application

At this point, the application is ready to go. The neat part is you can just hit F5 and it will run like any normal ASP.NET Core application (this would change when you get into Electron specific calls I’m sure) or if you run the following command it will run inside of the Electron shell.

Wrapping up

It was surprisingly simple to get a new application up and running, of course so far the app isn’t anything other than a web site hosted in Electron. My plan is to take this base application and create my normal basic contacts application, which will be the next post. From there I may look into layering in some Electron features.

If you walk into any crowded machine room, chances are you'll catch chit-chat about "shebangs," slashes, dot-dots, root, pipes, ports, and dash-dash this and that. If you speak UNIX®, you'll no doubt grok the local lingo—acronyms, command names, shortcuts, options, file names, and colloquialisms about UNIX—and feel right at home. Like practitioners of other art, UNIX users have an extensive vernacular for describing the specifics of their work.

But not everyone speaks UNIX; in fact, some may find the command line daunting or perplexing. Further, you simply may not want to entrust the entirety of the command line to an occasional or inexperienced user. To assist those unaccustomed to the command line or to build custom solutions around the shell, you can build GUIs for your scripts. With such tools— dialog and Zenity are two worthy of mention (see Resources)—you can use dialog boxes, file browsers, and other common "windowing" controls and techniques to interact with your users. Indeed, dialog boxes provide for more natural conversations: You present information, ask for a response, and react accordingly.

This installment of "Speaking UNIX" looks at dialog and Zenity and shows how you can turn any script into a convincing GUI application. You use dialog with traditional, text-based interfaces; Zenity proffers the style of the modern, windowed desktop.

Add dialog boxes to any shell script

A command-line utility typically offers sufficient options to completely control each invocation. Some switches may enable or disable a feature, while other switches may process arguments, such as a list of names. On the command line, you present (nearly) all the information up front and let the job go. Graphical applications are very different. Choices are made through menus, check boxes, and file browsers. A graphical application takes in a little information, processes it, and then usually asks for more information. It's said that GUI applications are event driven.

The dialog utility spans the two worlds. You invoke the utility whenever you need input from the user, and then return to your script to continue processing whatever data was provided. In other words, if you write a script to use dialog , you'll likely ignore command-line arguments and instead use dialog to prompt for information when necessary.

If your system lacks the dialog utility, you can easily install it with your distribution's own package manager, or you can build it directly from source. For example, if your system uses Aptitude, you can install dialog with the command: