Web Components

Web Components are a set of standards currently being produced by Google engineers as a W3C specification that allow for the creation of reusable widgets or components in web documents and web applications. The intention behind them is to bring component-based software engineering to the World Wide Web. The components model allows for encapsulation and interoperability of individual HTML elements. Support for Web Components is present in Chrome and Opera and is in Firefox (with a manual configuration change). Microsoft's Internet Explorer has not implemented any Web Components specifications yet. Web Components consist of 4 main elements: Custom Elements, Shadow DOM, HTML Imports and HTML Templates.

Share tech news, updates, or what's on your mind.

Sign up to Post

FoxyTab
This article shows how to save the names and URLs of open Firefox tabs in a plain text file with FoxyTab, a Featured Extension. I tested it in the latest Firefox Quantum release (61.0.1 on this article's publication date), both 32-bit and 64-bit, and in Windows 7, 8.1, and 10 — all worked perfectly.
1
Python 3 Fundamentals
LVL 12
Python 3 Fundamentals

This course will teach participants about installing and configuring Python, syntax, importing, statements, types, strings, booleans, files, lists, tuples, comprehensions, functions, and classes.

How does storytelling impact the web? What goes into a great story on the web? And how can it be used for marketing purposes? All of these questions will be answered.
4
LVL 19

Expert Comment

by:Kyle Santos
Comment Utility
Loved it.  Great article.
1
LVL 53

Expert Comment

by:Jackie Man
Comment Utility
Great article for brand communication!
1
Five Golden Stars
Every business owner understands the significance of online customer reviews and the impact it can have on sales and revenues. With technology advancing at such a rapid pace, getting online reviews has never been easier, especially when many regions around the world are already using the Internet.
0
LVL 2

Author Comment

by:Superb Internet Corporation
Comment Utility
Do you know when my articles will be approved? Not sure if that's why I only have a few points per the recently submitted articles (x3). Thanks
0
LVL 2

Author Comment

by:Superb Internet Corporation
Comment Utility
Understood. Will wait for your update tomorrow on the approvals for the articles. Thanks
0
Homepage
Before we dive into the marketing strategies involved with creating an effective homepage, it’s crucial that EE members know what a homepage is. In essence, a homepage is the introductory, or default page, of a website that typically highlights the site’s table of contents.
1
Polymer Project
In this article you will learn how to create a free basic website on Bitbucket, a git service provider. Polymer creates dynamic HTML components, which allow more flexibility than static HTML. This tutorial uses Ubuntu Linux but can also be done on Windows.
2

Article update on 27-July-2018: The bad news is that with the official discontinuation on 16-July-2018 by AE Creations of the Send Tab URLs add-on, this Experts Exchange article is deprecated. The good news is that there's an excellent alternative called FoxyTab, discussed in my new EE article:

How to save the names and URLs of open Firefox tabs in a plain text file - Redux

Please head over to the new article. Thanks, Joe



Firefox seemed to slow down recently and it occurred to me that I had many open tabs — ultimately, I would find out that three-quarters of them were Experts Exchange tabs! :)


So I decided to go on a hunt for a tool that would capture the names and URLs of all open tabs and put them in a plain text file. That way I could close the tabs, thereby improving Firefox's performance, but still have a record of them in case I want to find one and resurrect it.


Enter the Send Tab URLs add-on:


https://addons.mozilla.org/en-US/firefox/addon/send-tab-urls/


This Firefox add-on creates a list with the names and URLs of all open tabs in the current Firefox window. It has the ability to email the list or copy the list to the clipboard. I've never tried the email feature, as it (1) doesn't interest me and (2) is limited to 30 tabs. The copy-to-clipboard feature can handle an unlimited number of tabs — you'll see below why this is important to me. If anyone tries the email feature, please post a comment with your results.


I started using Send Tab URLs with Firefox 32.0.1 and am using it on the latest version as of this article's publication — 34.0.5. The website says that it supports English, Chinese (Simplified), Dutch, German, Hebrew, Italian, Korean, Polish, Portuguese (Brazil), and Swedish, but I have used it only with the one language I know. If anyone tries it with a language besides English, please post a comment with your results.


After installing the add-on, you will have two ways to invoke it:


Open menu (the three horizontal bars in the upper right of the toolbar):


Open-menu.jpg

File>Send Tab URLs...:


File-menu.jpg

When you run it via either of those techniques, Send Tab URLs offers three styles for the list of URLs — Plain list, Numbered, Bulleted:



Options.jpg

I wanted to see how bad things were, so I went with Numbered. When it is done processing, which is lightning fast, it displays a pop-up in the system tray/notification area:



List-copied-to-clipboard.jpg

With the list on the clipboard, you may paste it wherever you want, such as Notepad.


Now for my stunning results — 908 open tabs! Here's what the first line of the text file looks like:

 

From Send Tab URLs (908 links)


Here are the last three URLs, showing what the list looks like:

 

906. PaperPort - How To Reorder/Rearrange Scanning Profiles
                                        http://www.experts-exchange.com/Web_Development/Document_Imaging/A_12875-PaperPort-How-To-Reorder-Rearrange-Scanning-Profiles.html
                                        
                                        907. Batch Conversion of PDF and TIFF files via Command Line Interface
                                        http://www.experts-exchange.com/Web_Development/Document_Imaging/A_13696-Batch-Conversion-of-PDF-and-TIFF-files-via-Command-Line-Interface.html
                                        
                                        908. Scanners and Cameras Applet in Windows 7 and Windows 8
                                        http://www.experts-exchange.com/Web_Development/Document_Imaging/A_13926-Scanners-and-Cameras-Applet-in-Windows-7-and-Windows-8.html


I then went on a massive clean-up campaign, closing almost 800 tabs. My next run of Send Tab URLs showed this:

 

From Send Tab URLs (135 links)


Yes, Firefox performance improved!


Being a plain text file, it is easy to insert comments documenting the situation, such as this in my 908-link file:

 

Firefox is getting sluggish, so I decided to save this
                                        list and close all EE tabs and maybe some others. I
                                        want to get way down from the 908 currently open.


I put the date/time in the file name and will keep all of the text files for future reference (they are small — the 908-link one is just 140KB; the 135-link one, just 18KB).


If you find this article to be helpful, please click the thumbs-up icon below. This lets me know what is valuable for EE members and provides direction for future articles. Thanks very much! Regards, Joe

1

Expert Comment

by:FlyWithTheWind Marc
Comment Utility
This addon isn't compatible with the new version of Firefox :(
There is this other one that works just fine https://addons.mozilla.org/en-US/firefox/addon/export-tabs-urls-and-titles/
0
LVL 61

Author Comment

by:Joe Winograd, Fellow&MVE
Comment Utility
Hi Marc,
Thanks for joining Experts Exchange today and reading my article. Yes, AE Creations said in their blog that Send Tab URLs is their least-used extension, and they have the data to back it up (copied here under "Fair Use"):
5,786 average daily users between July 2016 and July 2017, compared to 8,354 for Panic Button and 35,962 for Clippings.
Because of this, they also said that they've "decided to discontinue development of Send Tab URLs, and focus on Clippings and Panic Button."

I posted my comment at the blog in early January:
Seems that you have the hard data saying that Send Tab URLs is the least-used extension, but, for me, it's the only one from AE Creations that I use (never even heard of Clippings or Panic Button). I run Send Tab URLs often on many machines...even published an article about it that may interest you..."How to save the names and URLs of open Firefox tabs in a plain text file":


https://www.experts-exchange.com/articles/17495/

Of course, I'm extremely disappointed that you are discontinuing it. But I thank you for the more-than-a-year that I had with it, and for providing such an excellent tool at no cost. That said, I'd be happy to pay for it, and I suspect that many of your 5,000+ daily users would be, too. I urge you to reconsider your decision to discontinue it and, instead, rewrite it as a WebExtension for Firefox 57, perhaps even charging a fair price for it. Thanks, Joe

They haven't responded to my comment (or the comments from others), so it's safe to say that I did not persuade them to reconsider their decision to discontinue it.

Thank you for providing the link to the 57-compatible Export Tabs URLs by AL and letting us know that it works fine.

Welcome aboard to Experts Exchange! Regards, Joe
0
I made this because I wanted to get e-mail with a attached csv file so I'd would be able to import user input into a MS Excel template, but I also wanted to register/save all inputs from each day in a file on the server.

1st - It creates a temp CSV file that is attached to the e-mail to me with the comma separated inputs.

2nd - If there hasen't been any inputs from that day it make a new CSV file on server or if there has been inputs from that day they are appended to the existing file.
 
After spending tons of time reading up on the subject i made this code script, that will let you get the user input sent to you as a E-mail with a CSV file attachment.



HTML code (user input): index.html
 

PHP code: php-form.php


The PHP code as it is at the moment will make two CSV files.
One that is stored on the server that holds all inputs from that day $fp = fopen("file".date("d-m-y").".csv",'a');
and the one that is e- mailed to the chosen e-mail $FileName = $formdata.date("d-m-y-h:i:s").".csv";

I'm working on getting it to send the inputs in the E-mail message also.

Hope you can use it, modify it etc.
Brian A.

Update!!!
I'm currently testing a new version that also sends the user a message that displays the input in a mail with a table layout, It just lacking a bit of fine tuning, but is looking good.

I bet that many of you that tried to make a web form been battling with malformed char set, that's my last hurdle in one of the mail headers.
0

Web Components

Web Components are a set of standards currently being produced by Google engineers as a W3C specification that allow for the creation of reusable widgets or components in web documents and web applications. The intention behind them is to bring component-based software engineering to the World Wide Web. The components model allows for encapsulation and interoperability of individual HTML elements. Support for Web Components is present in Chrome and Opera and is in Firefox (with a manual configuration change). Microsoft's Internet Explorer has not implemented any Web Components specifications yet. Web Components consist of 4 main elements: Custom Elements, Shadow DOM, HTML Imports and HTML Templates.

Top Experts In
Web Components
<
Monthly
>