News: Difference between revisions

From xat wiki
No edit summary
(Marked this version for translation)
(42 intermediate revisions by 4 users not shown)
Line 1: Line 1:
<div style="display:none;">__TOC__</div>
__NOTOC__
<languages/>
<br/>
<div style="border:2px solid #70cee5; padding:0px; margin-bottom:10px;">
<div style="width:100%; background-color:#70cee5; padding:3px 0px; text-align:center;">
<translate>
== About HTML5 == <!--T:1-->
</translate>
</div>
<div style="min-height:220px; padding:10px; vertical-align:top; font-size:95%">[[File:HTML5 Logo.png|right|235px]]
<translate><!--T:2--> According to Adobe's website, support for Flash will be dropped this year (2020).</translate> <translate> <!--T:3--> They advise any business or website that is currently using Flash to migrate over to a more universal platform, such as HTML5.</translate>


<table style="border:1px solid #BDBDBD; margin-left:auto; margin-right:auto; margin-top:30px; margin-bottom:15px" width="600">
<translate><!--T:4--> xat's HTML5 version of the chat and website are currently under development.</translate><translate> <!--T:45--> By default, all xat groups use the latest HTML5 version.</translate>
<tr>
  <td style="text-align:center;border:1px solid #c1c1c1; font-weight:bold; background-color:#70cee5; color:#fff; font-size: 17px" colspan="2"><strong>HTML5</strong></td>
  </tr>
  <tr>
    <td style="text-align:center;border:1px solid #c1c1c1;background-color: #f9f9f9" colspan="2">[[File:HTML5 Logo.png|link=https://xat.com/HTML5|50px]]</td>
  </tr>
<tr>
    <td style="text-align:center;border:1px solid#c1c1c1; font-weight:bold; background-color:#70cee5; color:#fff;"><strong>Why use HTML5?</strong></td>
    <td style="text-align:center;border:1px solid #c1c1c1;background-color: #f9f9f9"><strong>[[Flash_vs_html5|Flash vs. HTML5]]</strong></td>
  </tr>
  <tr>
    <td style="text-align:center;border:1px solid#c1c1c1; font-weight:bold; background-color:#70cee5; color:#fff;"><strong>Testing Chat:</strong></td>
    <td style="text-align:center;border:1px solid #c1c1c1;background-color: #f9f9f9"><strong>[https://xat.com/HTML5 xat.com/HTML5]</strong></td>
  </tr>
  <tr>
    <td style="text-align:center;border:1px solid #c1c1c1; font-weight:bold; background-color:#70cee5; color:#fff;"><strong>Report a bug:</strong></td>
    <td style="text-align:center;border:1px solid #c1c1c1;background-color: #f9f9f9;"><strong>[https://forum.xat.com/bug-tracker/html5-chat Bug Tracker]</strong></td>
  </tr>
  <tr>
    <td style="text-align:center;border:1px solid #c1c1c1; background-color:#70cee5; color:#fff;" colspan="2"><strong>To visit a chat in HTML5, add ?new after the chat URL.</strong></td>
  </tr>
</table>


<div style="text-align: center; color: #6d6d6d; margin-bottom: 15px">
<translate>
<p>xat's HTML5 version of the chat/site is currently under development.</p>
=== Can I still use the Flash chat? === <!--T:46-->
<p>This article highlights various information relating to the changes, features, major improvements and powers surrounding HTML5.</p>
</div>


<table width="100%">
<!--T:47-->
  <tr>
Yes, for now you can manually add '''"?old"''' at the end of a group link to use the Flash chat. For example,</translate> '''"xat.com/Help?old"'''.<translate> <!--T:48--> If you wish to use the Flash version on all groups by default, you can activate this setting on the [https://xat.com/login login] page.</translate>
    <td style="text-align:center; background-color:#70cee5; color:#fff; font-size: 20px; font-weight: bold; padding-bottom: 4px; padding-top: 4px">HTML5 Changelogs</td>
  </tr>
</table>


<translate>
=== To report an issue or bug: === <!--T:5-->
</translate>
https://forum.xat.com/bug-tracker/html5-chat


<table style="border:1px solid #efefef;margin-left:auto;margin-right:auto;margin-bottom:30px;padding-left:95px;padding-right:95px;background-color: #fbfffe;">
<translate>
  <tr>
=== Official testing chat: === <!--T:6-->
    <td style="text-align:center;padding-bottom: 5px;"><strong>[[HTML5_history|HTML5 chat]]</strong></td>
</translate>
    <td style="text-align:center"><strong>[[HTML5_history_new_web|HTML5 web]]</strong></td>
https://xat.com/HTML5
  </tr>
  <tr>
    <td>{{img|image=https://util.xat.com/wiki/images/7/76/HTML5_Chat.png|description=|width=255|link=https://xat.wiki/HTML5_history}}</td>
    <td>{{img|image=https://util.xat.com/wiki/images/e/ed/HTML5_Web.jpg|description=|width=430|link=http://xat.wiki/HTML5_history_new_web}}</td>
  </tr>
</table>


<table width="100%">
<translate><!--T:7--> '''This article highlights various information relating to the changes, features, major improvements and powers surrounding HTML5.'''</translate>
  <tr>
</div>
    <td style="text-align:center; background-color:#70cee5; color:#fff; font-size: 20px; font-weight: bold; padding-bottom: 4px; padding-top: 4px">HTML5 Features</td>
</div>
  </tr>
<div style="float: right; width: 200px; margin: 0 0 10px; padding: 0; border: 2px solid #70cee5;">
</table>
<div style="width:100%; background-color:#70cee5; padding:3px 0px; text-align:center;">
<translate>
== HTML5 Changelogs == <!--T:8-->
</translate>
</div>
<div style="height:695px; padding:10px; text-align:center; vertical-align:top">
<center>[[File:HTML5 Chat Icon.png|link=HTML5_history| 75px]]</center>
<center>[[HTML5 history|<translate><!--T:9--> '''Chat Changelogs'''</translate>]]</center>


<table style="border:1px solid #efefef;margin-left:auto;margin-right:auto;;margin-top:30px;margin-bottom:30px;padding-left:95px;padding-right:95px;background-color: #fffbff;">
  <tr>
    <td style="text-align:center;padding-bottom: 5px;"><strong>[[Power_preview|Power preview]]</strong></td>
    <td style="text-align:center"><strong>[[Desktop_notifications|Desktop notifications]]</strong></td>
  </tr>
  <tr>
    <td>{{img|image=https://util.xat.com/wiki/images/6/65/HTML5_Power_Preview.png|description=|width=255|link=http://xat.wiki/Power_preview}}</td>
    <td>{{img|image=https://util.xat.com/wiki/images/e/e3/HTML5-Desknot.png|description=|width=430|link=http://xat.wiki/Desktop_notifications}}</td>
  </tr>
</table>


<table width="100%">
<center>[[File:HTML5 New Web Icon.png|link=HTML5_history_new_web| 75px]]</center>
  <tr>
<center>[[HTML5 history new web|<translate><!--T:10--> '''New Web Changelogs'''</translate>]]</center>
    <td style="text-align:center; background-color:#70cee5; color:#fff; font-size: 20px; font-weight: bold; padding-bottom: 4px; padding-top: 4px">Major Improvements</td>
&nbsp;
  </tr>
<translate>
</table>
== Useful Information == <!--T:30-->
</translate>
*[[Html5:Gifts|<translate><!--T:31--> Gifts Application</translate>]]
*[[Html5:Kisses|<translate><!--T:32--> Kisses</translate>]]
*[[Html5:Owners Guide|<translate><!--T:33--> Owner's Guide</translate>]]
*[[Html5:Users Guide|<translate><!--T:34--> User's Guide</translate>]]
*<translate><!--T:35--> [[<tvar|1>Special:MyLanguage/Xatframe</>|xatframes]]</translate>
&nbsp;
<translate>
== HTML5 Powers == <!--T:11-->
</translate>
<center>[[File:Narwhal-Example4.png|link=Category:Sticker| 75px]]</center>
[[:Category:Sticker|<translate><!--T:12--> '''Sticker Powers'''</translate>]]


<table style="border:1px solid #efefef;margin-left:auto;margin-right:auto;;margin-top:30px;margin-bottom:30px;padding-left:50px;padding-right:50px;background-color: #fffffb;">
  <tr>
    <td style="text-align:center;padding-bottom: 5px;"><strong>No lag</strong></td>
    <td style="text-align:center"><strong>New Trade application</strong></td>
    <td style="text-align:center"><strong>Selectable messages</strong></td>
  </tr>
  <tr>   
    <td>{{img|image=https://util.xat.com/wiki/images/b/b7/HTML5-nolag.png|description=|width=255}}</td>
    <td>{{img|image=https://util.xat.com/wiki/images/f/fb/HTML5-Trade.png|link=https://util.xat.com/wiki/index.php?title=Trading#HTML5_interface|description=|width=255}}</td>
    <td>{{img|image=https://util.xat.com/wiki/images/d/d8/HTML5-Selecttext.png|description=|width=255}}</td>
  </tr>
    <tr>
    <td style="text-align:center"><strong>New powers view</strong></td>
    <td style="text-align:center;padding-bottom: 5px;"><strong>Settings dialog</strong></td>
    <td style="text-align:center"><strong>New edit</strong></td>
  </tr>
  <tr>
    <td>{{img|image=https://util.xat.com/wiki/images/3/3d/HTML5-Newpowers.png|description=|width=255}}</td>
    <td>{{img|image=https://util.xat.com/wiki/images/e/ed/HTML5-Newsettings.png|description=|width=255}}</td>
    <td>{{img|image=https://util.xat.com/wiki/images/6/6d/HTML5-Newedit.png|description=|width=255}}</td> 
  </tr>
    <tr>
    <td style="text-align:center"><strong>Embed without plugins</strong></td>
    <td style="text-align:center"><strong>Link information to guests</strong></td>
  </tr>
  <tr>   
    <td>{{img|image=https://util.xat.com/wiki/images/0/0e/HTML5-Noplugins.png|description=|width=255}}</td>
    <td>{{img|image=https://util.xat.com/wiki/images/b/b2/Guestwarning2.png|description=|width=255}}</td>
  </tr>
</table>


<table width="100%">
<center>[[File:Category-Preview1.png|link=Category| 75px]]</center>
  <tr>
[[Category|<translate><!--T:13--> '''Category Power'''</translate>]]
    <td style="text-align:center; background-color:#70cee5; color:#fff; font-size: 20px; font-weight: bold; padding-bottom: 4px; padding-top: 4px">HTML5 Powers</td>
</div>
  </tr>
</div>
</table>
<div style= "margin: 0 215px 0px 0; padding: 0; border: 2px solid #70cee5; margin-bottom:25px;">
 
<div style="width:100%; background-color:#70cee5; padding:3px 0px; text-align:center;">
<table style="border:1px solid #efefef;margin-left:auto;margin-right:auto;margin-top:30px;padding-left:180px;padding-right:180px;background-color: #fbfffb;fffbfb">
<translate>
  <tr>
== HTML5 Features == <!--T:14-->
    <td style="text-align:center"><strong>[[Stickers|Sticker Powers]]</strong></td>
</translate>
    <td style="text-align:center;padding-bottom: 5px;"><strong>[[Category|Category]]</strong></td>
</div>
  </tr>
<div style="min-height:135px; padding:10px; vertical-align:top;">
  <tr>
<gallery mode="packed" heights=110px>
    <td>{{img|image=https://util.xat.com/wiki/images/0/02/Html5stickers.png|description=|width=255|link=https://util.xat.com/wiki/index.php?title=Category:Sticker}}</td>
File:HTML5 Power Preview.png|none|<translate><!--T:15--> [[<tvar|1>Special:MyLanguage/Power preview</>|Power Preview]]</translate>
    <td>{{img|image=https://util.xat.com/wiki/images/0/0c/HTML5-Category.png|description=|width=255|link=https://xat.wiki/Category}}</td>
File:HTML5 DesktopNOTIF.png|none|<translate><!--T:16--> [[<tvar|1>Special:MyLanguage/Desktop notifications</>|Desktop Notifications]]</translate>
  </tr>
File:Collectionpreview.png|none|<translate><!--T:17--> [[<tvar|1>Special:MyLanguage/Power preview</>|Collection Preview]]</translate>
</table>
File:Smilies-selector-1.png|none|<translate><!--T:18--> Smiley Selector</translate>
File:Sticker-viewer.png|none|<translate><!--T:19--> Sticker Viewer</translate>
File:HTML5 TimeStamps.png|none|<translate><!--T:36--> Message Timestamps</translate>
File:Opera Lqy1fERhoj.png|none|<translate><!--T:37--> Markdown</translate>
File:Opera_tFN107S7Xq.png|none|<translate><!--T:38--> Quote Messages</translate>
File:3mWpNct.png|none|<translate><!--T:39--> Hide Userlist</translate>
</gallery>
</div>
</div>
<div style="margin: 0 215px 10px 0; padding: 0; border: 2px solid #70cee5;>
<div style="width:100%; background-color:#70cee5; padding:3px 0px; text-align:center;">
<translate>
== Major Improvements == <!--T:20-->
</translate>
</div>
<div style="min-height:135px; padding:10px; vertical-align:top; font-size:95%">
<gallery mode="packed" heights=110px>
File:HTML5-nolag.png|none|<translate><!--T:21--> No Lag</translate>
File:HTML5-Trade.png|none|<translate><!--T:22--> New Trade Application</translate>
File:HTML5-Selecttext.png|none|<translate><!--T:23--> Selectable Messages</translate>
File:HTML5-Newpowers.png|none|<translate><!--T:24--> New Powers View</translate>
File:HTML5-Newsettings.png|none|<translate><!--T:25--> Settings Dialog</translate>
File:9MB0bkf.png|none|<translate><!--T:26--> New User Edit</translate>
File:HTML5-Noplugins.png|none|<translate><!--T:27--> Embed Without Plugins</translate>
File:Guestwarning2.png|none|<translate><!--T:28--> Link Information to Guests</translate>
File:Yt-pop-up-1.png|none|<translate><!--T:29--> Youtube Pop-up Viewer</translate>
File:HTML5 Xavi.png |none|<translate><!--T:40--> [[<tvar|1>Special:MyLanguage/Xavi </>|Updated Xavi Application]]</translate>
File:HTML5 limit.png|none|<translate><!--T:41--> Reduced Flood Limit</translate>
File:DMCRdOL.png|none|<translate><!--T:42--> New User View</translate>
File:8x6uxRy.png|none|<translate><!--T:43--> Better Private Messaging</translate>
File:Responsive_html5.png|none|<translate><!--T:44--> Mobile-friendly</translate>
</gallery>

Revision as of 03:59, 23 October 2020


About HTML5

HTML5 Logo.png

According to Adobe's website, support for Flash will be dropped this year (2020). They advise any business or website that is currently using Flash to migrate over to a more universal platform, such as HTML5.

xat's HTML5 version of the chat and website are currently under development. By default, all xat groups use the latest HTML5 version.

Can I still use the Flash chat?

Yes, for now you can manually add "?old" at the end of a group link to use the Flash chat. For example, "xat.com/Help?old". If you wish to use the Flash version on all groups by default, you can activate this setting on the login page.

To report an issue or bug:

https://forum.xat.com/bug-tracker/html5-chat

Official testing chat:

https://xat.com/HTML5

This article highlights various information relating to the changes, features, major improvements and powers surrounding HTML5.

HTML5 Features

Major Improvements