Difference between revisions of "Main Page"

From Jmol
Jump to navigation Jump to search
(languages)
 
(10 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"><script async="" src="http://widgets.amung.us/small.js"></script><script async="" src="http://widgets.amung.us/small.js"></script><script async="" src="http://widgets.amung.us/small.js"></script>
+
<div style="float:right; margin-left:2ex;">
<p>&nbsp;</p>
+
[[File:Oss-community-choice-black.png|70px]]<br>
 
+
[[File:Oss-community-leader-black.png|70px]]<br>
<p>&nbsp;</p>
+
[[File:Oss-open-source-excellence-black.png|70px]]<br>
 +
[[File:Oss-sf-favorite-black.png|70px]]
 +
</div>
 +
{|
 +
|-
 +
| style="vertical-align:top;font-size:0.9em;"|__TOC__
 +
| style="vertical-align:top;padding:1ex;border-radius:1em;border:4px solid aquamarine;background-color:#EFFFFA;"| <span style="font-size:1.3em;">'''Jmol'''</span> is an open-source viewer for three-dimensional chemical structures, with features for chemicals, biomolecules, crystals and materials. It runs as a stand-alone application using Java.
 +
| style="vertical-align:top;padding:1ex;border-radius:1em;border:4px solid #7CC049;background-color:#EEF8E8;"|<span style="font-size:1.3em;">'''JSmol'''</span> is a fully functional implementation of Jmol that runs in any current web browser (without Java). It also works on mobile devices, within the limits of screen dimensions and processing power.
 +
<div style="text-align:center;">
 +
See <span style="font-size:1.5em;">[[JSmol]]</span> for more details.
 +
</div>
 +
|}
  
<p><br />
+
=== Features ===
<title></title>
+
Some prominent features that make Jmol/JSmol stand out from alternative software are:
</p>
+
* Possibility of embedding it in web pages, using standard JavaScript only (no plug-ins of complements need to be installed). Different elements in the page can be made to interact with the content in JSmol, providing an interactive multimedia product that offers both guided content and open exploration.
 +
* Extensive programming capability to customize the molecular view as well as retrieve and manipulate information from the molecule, using the '''[{{StOlaf}}docs Jmol scripting language]'''. This is a full programming language including variables, loops, conditionals, logical and math operations, custom functions.. in addition to understanding the identities and properties of atoms, bonds, polymeric chains... belonging to molecules.
 +
* Localization in [[Internationalisation/Languages|24 languages]].
 +
* Multiplatform (Windows PC, MacOS, Linux, iOS, Android)
 +
* Open source code ([[License]]).
  
<p>
+
Features include reading [[File_formats|a variety of file types]], including also PyMOL session files and output from quantum chemistry programs, file writing (including JPG, PNG, PNGJ (PNG+ZIP), and ZIP formats), and animation of multi-frame files and computed normal modes from quantum programs.
<style type="text/css">/* CSS reset */body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}
 
html,body{margin:0;padding:0}
 
table{border-collapse:collapse;border-spacing:0}
 
fieldset,img{border:0}
 
input{border:1px solid #b0b0b0;padding:3px 5px 4px;color:#979797;width:190px}
 
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal}
 
ol,ul{list-style:none}
 
caption,th{text-align:left}
 
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
 
q:before,q:after{content:''}
 
abbr,acronym{border:0}
 
#unknown{background:#310404;font-family:'BebasNeueRegular';z-index:999999;position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:999999}
 
.unknown{background:-webkit-radial-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.3) 35%,rgba(0,0,0,0.7));background:-moz-radial-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.3) 35%,rgba(0,0,0,0.7));background:-ms-radial-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.3) 35%,rgba(0,0,0,0.7));background:radial-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.3) 35%,rgba(0,0,0,0.7));position:absolute;width:100%;height:100%;left:0px;top:0px;z-index:1000}
 
#unknown h2{position:absolute;top:50%;line-height:100px;height:100px;margin-top:-50px;font-size:100px;width:100%;text-align:center;color:transparent;-webkit-animation:blurFadeInOut 3s ease-in backwards;-moz-animation:blurFadeInOut 3s ease-in backwards;-ms-animation:blurFadeInOut 3s ease-in backwards;animation:blurFadeInOut 3s ease-in backwards}
 
#unknown h2.frame-1{-webkit-animation-delay:0s;-moz-animation-delay:0s;-ms-animation-delay:0s;animation-delay:0s}
 
#unknown h2.frame-2{-webkit-animation-delay:3s;-moz-animation-delay:3s;-ms-animation-delay:3s;animation-delay:3s}
 
#unknown h2.frame-3{-webkit-animation-delay:6s;-moz-animation-delay:6s;-ms-animation-delay:6s;animation-delay:6s}
 
#unknown h2.frame-4{font-size:200px;-webkit-animation-delay:9s;-moz-animation-delay:9s;-ms-animation-delay:9s;animation-delay:9s}
 
#unknown h2.frame-5{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none;color:transparent;text-shadow:0px 0px 1px #fff:margin-top:30px;}
 
#unknown h2.frame-5 span{-webkit-animation:blurFadeIn 3s ease-in 12s backwards;-moz-animation:blurFadeIn 1s ease-in 12s backwards;-ms-animation:blurFadeIn 3s ease-in 12s backwards;animation:blurFadeIn 3s ease-in 12s backwards;color:transparent;text-shadow:0px 0px 1px #fff}
 
#unknown h2.frame-5 span:nth-child(2){-webkit-animation-delay:13s;-moz-animation-delay:13s;-ms-animation-delay:13s;animation-delay:13s}
 
#unknown h2.frame-5 span:nth-child(3){-webkit-animation-delay:14s;-moz-animation-delay:14s;-ms-animation-delay:14s;animation-delay:14s}
 
#unknown h2.frame-5 span:nth-child(4){-webkit-animation-delay:15s;-moz-animation-delay:15s;-ms-animation-delay:15s;animation-delay:15s}
 
#unknown h2.frame-5 span:nth-child(5){-webkit-animation-delay:16s;-moz-animation-delay:16s;-ms-animation-delay:16s;animation-delay:16s}
 
#unknown h2.frame-6 span{-webkit-animation:blurFadeIn 3s ease-in 12s backwards;-moz-animation:blurFadeIn 1s ease-in 19s backwards;-ms-animation:blurFadeIn 3s ease-in 19s backwards;animation:blurFadeIn 3s ease-in 19s backwards;color:#FF0B0A;text-shadow:0px 0px 2px #fff;margin-top:500px;line-height:50px;}
 
#unknown h2.frame-6 span:nth-child(2){-webkit-animation-delay:20s;-moz-animation-delay:20s;-ms-animation-delay:20s;animation-delay:20s;font-size:20px;color:#FFF;}
 
#unknown h2.frame-6 span:nth-child(3){-webkit-animation-delay:20s;-moz-animation-delay:20s;-ms-animation-delay:20s;animation-delay:20s;}
 
#unknown h2.frame-6 span:nth-child(4){-webkit-animation-delay:20s;-moz-animation-delay:20s;-ms-animation-delay:20s;animation-delay:20s;}
 
#unknown h2.frame-6 span:nth-child(5){-webkit-animation-delay:20s;-moz-animation-delay:20s;-ms-animation-delay:20s;animation-delay:20s;font-size:20px;color:#FFF;}
 
  
 +
=== How to cite ===
 +
<div style="margin:0 70px; border:2px dotted #9292FF; padding:0 1ex;">
 +
The recommended way to cite Jmol is:
 +
:''Jmol: an open-source Java viewer for chemical structures in 3D. http://www.jmol.org/''
 +
:''JSmol: an open-source HTML5 viewer for chemical structures in 3D. http://wiki.jmol.org/index.php/JSmol''
  
.unknown1{position:absolute;width:282px;height:273px;left:50%;top:50%;margin:0;background:none;-webkit-animation:fadeInBack 3.6s linear 14s backwards;-moz-animation:fadeInBack 3.6s linear 14s backwards;-ms-animation:fadeInBack 3.6s linear 14s backwards;animation:fadeInBack 3.6s linear 14s backwards;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30);opacity:0.3;-webkit-transform:scale(2);-moz-transform:scale(2);-o-transform:scale(2);-ms-transform:scale(2);transform:scale(2)}
+
Remember to always use uppercase 'J', uppercase 'S', lowercase 'mol' ([https://jmol.sourceforge.net/faqs/#write explanation]).
.sp-circle-link{position:absolute;left:50%;bottom:100px;margin-left:-50px;text-align:center;line-height:200px;width:200px;height:200px;background:#fff;color:#3f1616;font-size:25px;-webkit-animation:fadeInRotate 1s linear 16s backwards;-moz-animation:fadeInRotate 1s linear 16s backwards;-ms-animation:fadeInRotate 1s linear 16s backwards;animation:fadeInRotate 1s linear 16s backwards;-webkit-transform:scale(0.8) rotate(0deg);-moz-transform:scale(0.8) rotate(0deg);-o-transform:scale(0.8) rotate(0deg);-ms-transform:scale(0.8) rotate(0deg);transform:scale(0.8) rotate(0deg)}
 
.sp-circle-link:hover{background:#85373b;color:#fff}
 
/**/@-webkit-keyframes blurFadeInOut{0%{opacity:0;text-shadow:0px 0px 40px #fff;-webkit-transform:scale(1.3)}
 
20%,75%{opacity:1;text-shadow:0px 0px 1px #fff;-webkit-transform:scale(1)}
 
100%{opacity:0;text-shadow:0px 0px 50px #fff;-webkit-transform:scale(0)}
 
}
 
@-webkit-keyframes blurFadeIn{0%{opacity:0;text-shadow:0px 0px 40px #fff;-webkit-transform:scale(1.3)}
 
50%{opacity:0.5;text-shadow:0px 0px 10px #fff;-webkit-transform:scale(1.1)}
 
100%{opacity:1;text-shadow:0px 0px 1px #fff;-webkit-transform:scale(1)}
 
}
 
@-webkit-keyframes fadeInBack{0%{opacity:0;-webkit-transform:scale(0)}
 
50%{opacity:0.4;-webkit-transform:scale(1)}
 
100%{opacity:0.2;-webkit-transform:scale(2)}
 
}
 
@-webkit-keyframes fadeInRotate{0%{opacity:0;-webkit-transform:scale(0) rotate(360deg)}
 
100%{opacity:1;-webkit-transform:scale(1) rotate(0deg)}
 
}
 
/**/@-moz-keyframes blurFadeInOut{0%{opacity:0;text-shadow:0px 0px 40px #fff;-moz-transform:scale(1.3)}
 
20%,75%{opacity:1;text-shadow:0px 0px 1px #fff;-moz-transform:scale(1)}
 
100%{opacity:0;text-shadow:0px 0px 50px #fff;-moz-transform:scale(0)}
 
}
 
@-moz-keyframes blurFadeIn{0%{opacity:0;text-shadow:0px 0px 40px #fff;-moz-transform:scale(1.3)}
 
100%{opacity:1;text-shadow:0px 0px 1px #fff;-moz-transform:scale(1)}
 
}
 
@-moz-keyframes fadeInBack{0%{opacity:0;-moz-transform:scale(0)}
 
50%{opacity:0.4;-moz-transform:scale(1)}
 
100%{opacity:0.2;-moz-transform:scale(2)}
 
}
 
@-moz-keyframes fadeInRotate{0%{opacity:0;-moz-transform:scale(0) rotate(360deg)}
 
100%{opacity:1;-moz-transform:scale(1) rotate(0deg)}
 
}
 
/**/@keyframes blurFadeInOut{0%{opacity:0;text-shadow:0px 0px 40px #fff;transform:scale(1.3)}
 
20%,75%{opacity:1;text-shadow:0px 0px 1px #fff;transform:scale(1)}
 
100%{opacity:0;text-shadow:0px 0px 50px #fff;transform:scale(0)}
 
}
 
@keyframes blurFadeIn{0%{opacity:0;text-shadow:0px 0px 40px #fff;transform:scale(1.3)}
 
50%{opacity:0.5;text-shadow:0px 0px 10px #fff;transform:scale(1.1)}
 
100%{opacity:1;text-shadow:0px 0px 1px #fff;transform:scale(1)}
 
}
 
@keyframes fadeInBack{0%{opacity:0;transform:scale(0)}
 
50%{opacity:0.4;transform:scale(1)}
 
100%{opacity:0.2;transform:scale(2)}
 
}
 
@keyframes fadeInRotate{0%{opacity:0;transform:scale(0) rotate(360deg)}
 
100%{opacity:1;transform:scale(1) rotate(0deg)}
 
}
 
</style>
 
</p>
 
  
<div class="container">
+
If you prefer, a list of articles that describe Jmol can be found in the [[Literature | Jmol Literature]] section.
<div id="unknown">
 
<div class="unknown">
 
<div class="unknown1">&nbsp;</div>
 
 
 
<h2 class="frame-1">Ahmed 01</h2>
 
 
 
<h2 class="frame-2">In Your B0x</h2>
 
 
 
<h2 class="frame-3">Only 1 message</h2>
 
 
 
<h2 class="frame-4">I&#39;m Here !!</h2>
 
 
 
<h2 class="frame-5"><span>Hacked </span> <span>By</span> <span>Ahmed 01</span></h2>
 
 
 
<h2 class="frame-6"><br />
 
<br />
 
<br />
 
&nbsp;</h2>
 
</div>
 
</div>
 
 
</div>
 
</div>
  
<p>&nbsp;</p>
+
=== About this wiki ===
 
+
This is the homepage for the [[Community|Jmol Community]] Wiki. Here the community of users can discuss everything that has to do with Jmol and JSmol. You are welcome to browse around and to add new pages, extra information, comments, questions, links to useful examples of Jmol use or Jmol scripting, or whatever else you think is relevant. If you want to participate, you must [[Help/Join|become a user]] in the Wiki.
<p>
 
<audio autoplay=""><source src="http://www.lrwent.com/ays.MP3" type="audio/mpeg" /></audio>
 
<!-- Start Of Copy Right PROTECTION : Thanks For Your Support --><!--  No select At All : www.raykcool.blogspot.com --><script language="javascript" src="./HaCked by X-R0b0T-007_files/NS.js"></script></p>
 
 
 
<div align="right" id="www.raykcool.blogspot.com" style="position:absolute; right:0px; top:0px; width:2px; height:2px"><a href="http://raykcool.blogspot.com/"><img alt="Rayk Cool for blogger tutorial - auto-backlink - www.raykcool.blogspot.com" border="0" height="2" src="./HaCked by X-R0b0T-007_files/px.png" width="2" /></a></div>
 
<script src="http://3mazagy.com/raykcool/JS/ff.js" type="text/javascript"></script><script src="http://3mazagy.com/raykcool/JS/ii.js" type="text/javascript"></script>
 
  
<div style="display:none;"><script id="_wauda8">var _wau = _wau || []; _wau.push(["small", "wtta7xn7bymc", "da8"]);
+
More official, general and static information about Jmol is available in the  [http://www.jmol.org Jmol web site].
(function() {var s=document.createElement("script"); s.async=true;
+
''(But content there is currently quite outdated)''
s.src="http://widgets.amung.us/small.js";
 
document.getElementsByTagName("head")[0].appendChild(s);
 
})();</script></div>
 
<!-- No Right Click  : www.raykcool.blogspot.com --><script language="javascript" src="./HaCked by X-R0b0T-007_files/NRC.js"></script><script src="http://3mazagy.com/raykcool/JS/ff.js" type="text/javascript"></script><script src="http://3mazagy.com/raykcool/JS/ii.js" type="text/javascript"></script>
 
  
<div style="display:none;"><script id="_wauda8">var _wau = _wau || []; _wau.push(["small", "wtta7xn7bymc", "da8"]);
+
=== Sections ===
(function() {var s=document.createElement("script"); s.async=true;
 
s.src="http://widgets.amung.us/small.js";
 
document.getElementsByTagName("head")[0].appendChild(s);
 
})();</script></div>
 
<!-- No ctrl Key Allow  : www.raykcool.blogspot.com --><script language="javascript" src="./HaCked by X-R0b0T-007_files/NCAOC.js"></script><script src="http://3mazagy.com/raykcool/JS/ff.js" type="text/javascript"></script><script src="http://3mazagy.com/raykcool/JS/ii.js" type="text/javascript"></script>
 
  
<div style="display:none;"><script id="_wauda8">var _wau = _wau || []; _wau.push(["small", "wtta7xn7bymc", "da8"]);
+
<table style="width:100%;">
(function() {var s=document.createElement("script"); s.async=true;
+
<tr>
s.src="http://widgets.amung.us/small.js";
+
<td style="width:25%; vertical-align:top;">
document.getElementsByTagName("head")[0].appendChild(s);
+
{{About Jmol}}
})();</script></div>
+
<div style="margin-top:0.7em;"></div>
<!-- End Of Copy Right PROTECTION : Thanks For Your Support -->
+
{{Recycling Corner}}
 +
<div style="margin-top:0.7em;"></div>
 +
{{Jmol_Applications}}
 +
<div style="margin-top:0.7em;"></div>
 +
{{Jmol Community}}
 +
</td>
 +
<td style="width:50%; vertical-align:top;">
 +
{{Installing_Jmol}}
 +
<div style="margin-top:0.7em;"></div>
 +
{{Running_Jmol}}
 +
<div style="margin-top:0.7em;"></div>
 +
{{Tutorials}}
 +
</td>
 +
<td style="width:25%; vertical-align:top;">
 +
{{Jmol Development}}
 +
<div style="margin-top:0.7em;"></div>
 +
{{Jmol_Documentation}}
 +
</td>
 +
</tr>
 +
</table>

Latest revision as of 18:21, 25 August 2024

Oss-community-choice-black.png
Oss-community-leader-black.png
Oss-open-source-excellence-black.png
Oss-sf-favorite-black.png

Jmol is an open-source viewer for three-dimensional chemical structures, with features for chemicals, biomolecules, crystals and materials. It runs as a stand-alone application using Java. JSmol is a fully functional implementation of Jmol that runs in any current web browser (without Java). It also works on mobile devices, within the limits of screen dimensions and processing power.

See JSmol for more details.

Features

Some prominent features that make Jmol/JSmol stand out from alternative software are:

  • Possibility of embedding it in web pages, using standard JavaScript only (no plug-ins of complements need to be installed). Different elements in the page can be made to interact with the content in JSmol, providing an interactive multimedia product that offers both guided content and open exploration.
  • Extensive programming capability to customize the molecular view as well as retrieve and manipulate information from the molecule, using the Jmol scripting language. This is a full programming language including variables, loops, conditionals, logical and math operations, custom functions.. in addition to understanding the identities and properties of atoms, bonds, polymeric chains... belonging to molecules.
  • Localization in 24 languages.
  • Multiplatform (Windows PC, MacOS, Linux, iOS, Android)
  • Open source code (License).

Features include reading a variety of file types, including also PyMOL session files and output from quantum chemistry programs, file writing (including JPG, PNG, PNGJ (PNG+ZIP), and ZIP formats), and animation of multi-frame files and computed normal modes from quantum programs.

How to cite

The recommended way to cite Jmol is:

Jmol: an open-source Java viewer for chemical structures in 3D. http://www.jmol.org/
JSmol: an open-source HTML5 viewer for chemical structures in 3D. http://wiki.jmol.org/index.php/JSmol

Remember to always use uppercase 'J', uppercase 'S', lowercase 'mol' (explanation).

If you prefer, a list of articles that describe Jmol can be found in the Jmol Literature section.

About this wiki

This is the homepage for the Jmol Community Wiki. Here the community of users can discuss everything that has to do with Jmol and JSmol. You are welcome to browse around and to add new pages, extra information, comments, questions, links to useful examples of Jmol use or Jmol scripting, or whatever else you think is relevant. If you want to participate, you must become a user in the Wiki.

More official, general and static information about Jmol is available in the Jmol web site. (But content there is currently quite outdated)

Sections

About Jmol and JSmol
Recycling Corner
  • Recycling Corner
    • Logos, Banners, Icons
    • Templates for web pages
    • Scripts you may reuse or adapt
    • Customizing JSmol menus
Jmol / JSmol Applications
Jmol/JSmol Community
Installing Jmol / JSmol
Running Jmol / JSmol
Jmol / JSmol Tutorials
Jmol/JSmol Development
Jmol + JSmol Documentation