Well to start with, for websites, and things like that,...HTML and the CSS, is the same no matter what OS or editor is used to write the webpages, other code, that is for programming the OS and software, there is differences.
Can you clarify what you mean by "Code sharing tools". ? Use some logic, the browser is what is used to view the web pages, all you really need to do, for example, right click, the screen, you should get a menu, that included "view page source", for example this page on the forum, :
Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-gb" xml:lang="en-gb">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="en-gb" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<title>Debian User Forums • Post a reply</title>
<!--
phpBB style name: prosilver
Based on style: prosilver (this is the default phpBB3 style)
Original author: Tom Beddard ( http://www.subBlue.com/ )
Modified by:
-->
<script type="text/javascript">
// <![CDATA[
var jump_page = 'Enter the page number you wish to go to:';
var on_page = '';
var per_page = '';
var base_url = '';
var style_cookie = 'phpBBstyle';
var style_cookie_settings = '; path=/; domain=forums.debian.net';
var onload_functions = new Array();
var onunload_functions = new Array();
/**
* Find a member
*/
function find_username(url)
{
popup(url, 760, 570, '_usersearch');
return false;
}
/**
* New function for handling multiple calls to window.onload and window.unload by pentapenguin
*/
window.onload = function()
{
for (var i = 0; i < onload_functions.length; i++)
{
eval(onload_functions[i]);
}
};
window.onunload = function()
{
for (var i = 0; i < onunload_functions.length; i++)
{
eval(onunload_functions[i]);
}
};
// ]]>
</script>
<script type="text/javascript" src="./styles/prosilver/template/styleswitcher.js"></script>
<script type="text/javascript" src="./styles/prosilver/template/forum_fn.js"></script>
<link href="./styles/prosilver/theme/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="./style.php?id=1&lang=en" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="./styles/prosilver/theme/normal.css" rel="stylesheet" type="text/css" title="A" />
<link href="./styles/prosilver/theme/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
<link href="./styles/prosilver/theme/large.css" rel="alternate stylesheet" type="text/css" title="A++" />
</head>
<body id="phpbb" class="section-posting ltr">
<div id="wrap">
<a id="top" name="top" accesskey="t"></a>
<div id="page-header">
<div class="headerbar">
<div class="inner"><span class="corners-top"><span></span></span>
<div id="site-description">
<a href="./index.php" title="Board index" id="logo"><img src="/styles/prosilver/imageset/site_logo.png" width="42" height="52" alt="" title=""></a>
<h1>Debian User Forums</h1>
<p></p>
<p class="skiplink"><a href="#start_here">Skip to content</a></p>
</div>
<div id="search-box">
<form action="./search.php" method="get" id="search">
<fieldset>
<input name="keywords" id="keywords" type="text" maxlength="128" title="Search for keywords" class="inputbox search" value="Search…" onclick="if(this.value=='Search…')this.value='';" onblur="if(this.value=='')this.value='Search…';" />
<input class="button2" value="Search" type="submit" /><br />
<a href="./search.php" title="View the advanced search options">Advanced search</a>
</fieldset>
</form>
</div>
<span class="corners-bottom"><span></span></span></div>
</div>
<div class="navbar">
<div class="inner"><span class="corners-top"><span></span></span>
<ul class="linklist navlinks">
<li class="icon-home"><a href="./index.php" accesskey="h">Board index</a> <strong>‹</strong> <a href="./viewforum.php?f=24">Discussion</a> <strong>‹</strong> <a href="./viewforum.php?f=3">Offtopic</a></li>
<li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="return fontsizeup(event);" class="fontsize" title="Change font size">Change font size</a></li>
</ul>
<ul class="linklist leftside">
<li class="icon-ucp">
<a href="./ucp.php" title="User Control Panel" accesskey="e">User Control Panel</a>
(<a href="./ucp.php?i=pm&folder=inbox"><strong>0</strong> new messages</a>) •
<a href="./search.php?search_id=egosearch">View your posts</a>
</li>
</ul>
<ul class="linklist rightside">
<li class="icon-faq"><a href="./faq.php" title="Frequently Asked Questions">FAQ</a></li>
<li class="icon-members"><a href="./memberlist.php" title="View complete list of members">Members</a></li>
<li class="icon-logout"><a href="./ucp.php?mode=logout&sid=343688966ac7c2c98eea108a424f6fd7" title="Logout [ GarryRicketson ]" accesskey="x">Logout [ GarryRicketson ]</a></li>
</ul>
<span class="corners-bottom"><span></span></span></div>
</div>
</div>
<a name="start_here"></a>
<div id="page-body">
<h2><a href="./viewtopic.php?f=3&t=142465">Code sharing tools</a></h2>
<form id="postform" method="post" action="./posting.php?mode=reply&f=3&t=142465" enctype="multipart/form-data">
<div class="panel" id="postingbox">
<div class="inner"><span class="corners-top"><span></span></span>
<h3>Post a reply</h3>
<script type="text/javascript">
// <![CDATA[
onload_functions.push('apply_onkeypress_event()');
// ]]>
</script>
<fieldset class="fields1">
<dl style="clear: left;">
<dt><label for="subject">Subject:</label></dt>
<dd><input type="text" name="subject" id="subject" size="45" maxlength="64" tabindex="2" value="Re: Code sharing tools" class="inputbox autowidth" /></dd>
</dl>
<script type="text/javascript">
// <![CDATA[
var form_name = 'postform';
var text_name = 'message';
var load_draft = false;
var upload = false;
// Define the bbCode tags
var bbcode = new Array();
var bbtags = new Array('[b]','[/b]','[i]','[/i]','[u]','[/u]','[quote]','[/quote]','[code]','
','
','
','[img]','[/img]','
','','[flash=]', '[/flash]','[size=]','[/size]');
var imageTag = false;
// Helpline messages
var help_line = {
b: 'Bold text:
text',
i: 'Italic text:
text',
u: 'Underline text:
text',
q: 'Quote text: [quote]text[/quote]',
c: 'Code display:
',
l: 'List:
',
o: 'Ordered list:
',
p: 'Insert image: [img]http://image_url[/img]',
w: 'Insert URL:
http://url or
URL text',
a: 'Inline uploaded attachment: [attachment=]filename.ext[/attachment]',
s: 'Font colour:
text Tip: you can also use color=#FF0000',
f: 'Font size:
small text',
y: 'List: Add list element',
d: 'Flash: [flash=width,height]
http://url[/flash]'
}
var panels = new Array('options-panel', 'attach-panel', 'poll-panel');
var show_panel = 'options-panel';
// ]]>
</script>
<script type="text/javascript" src="./styles/prosilver/template/editor.js"></script>
<div id="colour_palette" style="display: none;">
<dl style="clear: left;">
<dt><label>Font colour:</label></dt>
<dd>
<script type="text/javascript">
// <![CDATA[
function change_palette()
{
dE('colour_palette');
e = document.getElementById('colour_palette');
if (e.style.display == 'block')
{
document.getElementById('bbpalette').value = 'Hide font colour';
}
else
{
document.getElementById('bbpalette').value = 'Font colour';
}
}
colorPalette('h', 15, 10);
// ]]>
</script>
</dd>
</dl>
</div>
<div id="format-buttons">
<input type="button" class="button2" accesskey="b" name="addbbcode0" value=" B " style="font-weight:bold; width: 30px" onclick="bbstyle(0)" title="Bold text:
text" />
<input type="button" class="button2" accesskey="i" name="addbbcode2" value=" i " style="font-style:italic; width: 30px" onclick="bbstyle(2)" title="Italic text:
text" />
<input type="button" class="button2" accesskey="u" name="addbbcode4" value=" u " style="text-decoration: underline; width: 30px" onclick="bbstyle(4)" title="Underline text:
text" />
<input type="button" class="button2" accesskey="q" name="addbbcode6" value="Quote" style="width: 50px" onclick="bbstyle(6)" title="Quote text: [quote]text[/quote]" />
<input type="button" class="button2" accesskey="c" name="addbbcode8" value="Code" style="width: 40px" onclick="bbstyle(8)" title="Code display:
" />
<input type="button" class="button2" accesskey="l" name="addbbcode10" value="List" style="width: 40px" onclick="bbstyle(10)" title="List:
" />
<input type="button" class="button2" accesskey="o" name="addbbcode12" value="List=" style="width: 40px" onclick="bbstyle(12)" title="Ordered list:
" />
<input type="button" class="button2" accesskey="y" name="addlistitem" value="[*]" style="width: 40px" onclick="bbstyle(-1)" title="List item: [*]text[/*]" />
<input type="button" class="button2" accesskey="p" name="addbbcode14" value="Img" style="width: 40px" onclick="bbstyle(14)" title="Insert image: [img]http://image_url[/img]" />
<input type="button" class="button2" accesskey="w" name="addbbcode16" value="URL" style="text-decoration: underline; width: 40px" onclick="bbstyle(16)" title="Insert URL:
http://url or
URL text" />
<select name="addbbcode20" onchange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', '[/size]');this.form.addbbcode20.selectedIndex = 2;" title="Font size:
small text">
<option value="50">Tiny</option>
<option value="85">Small</option>
<option value="100" selected="selected">Normal</option>
<option value="150">Large</option>
<option value="200">Huge</option>
</select>
<input type="button" class="button2" name="bbpalette" id="bbpalette" value="Font colour" onclick="change_palette();" title="Font colour:
text Tip: you can also use color=#FF0000" />
</div>
<div id="smiley-box">
<strong>Smilies</strong><br />
<a href="#" onclick="insert_text(':D', true); return false;"><img src="./images/smilies/icon_biggrin.gif" width="15" height="15" alt=":D" title="Very Happy" /></a>
<a href="#" onclick="insert_text(':)', true); return false;"><img src="./images/smilies/icon_smile.gif" width="15" height="15" alt=":)" title="Smile" /></a>
<a href="#" onclick="insert_text(':(', true); return false;"><img src="./images/smilies/icon_sad.gif" width="15" height="15" alt=":(" title="Sad" /></a>
<a href="#" onclick="insert_text(':o', true); return false;"><img src="./images/smilies/icon_surprised.gif" width="15" height="15" alt=":o" title="Surprised" /></a>
<a href="#" onclick="insert_text(':shock:', true); return false;"><img src="./images/smilies/icon_eek.gif" width="15" height="15" alt=":shock:" title="Shocked" /></a>
<a href="#" onclick="insert_text(':?', true); return false;"><img src="./images/smilies/icon_confused.gif" width="15" height="15" alt=":?" title="Confused" /></a>
<a href="#" onclick="insert_text('8)', true); return false;"><img src="./images/smilies/icon_cool.gif" width="15" height="15" alt="8)" title="Cool" /></a>
<a href="#" onclick="insert_text(':lol:', true); return false;"><img src="./images/smilies/icon_lol.gif" width="15" height="15" alt=":lol:" title="Laughing" /></a>
<a href="#" onclick="insert_text(':x', true); return false;"><img src="./images/smilies/icon_mad.gif" width="15" height="15" alt=":x" title="Mad" /></a>
<a href="#" onclick="insert_text(':P', true); return false;"><img src="./images/smilies/icon_razz.gif" width="15" height="15" alt=":P" title="Razz" /></a>
<a href="#" onclick="insert_text(':oops:', true); return false;"><img src="./images/smilies/icon_redface.gif" width="15" height="15" alt=":oops:" title="Embarassed" /></a>
<a href="#" onclick="insert_text('
', true); return false;"><img src="./images/smilies/icon_cry.gif" width="15" height="15" alt="
" title="Crying or Very sad" /></a>
<a href="#" onclick="insert_text(':evil:', true); return false;"><img src="./images/smilies/icon_evil.gif" width="15" height="15" alt=":evil:" title="Evil or Very Mad" /></a>
<a href="#" onclick="insert_text(':twisted:', true); return false;"><img src="./images/smilies/icon_twisted.gif" width="15" height="15" alt=":twisted:" title="Twisted Evil" /></a>
<a href="#" onclick="insert_text(':roll:', true); return false;"><img src="./images/smilies/icon_rolleyes.gif" width="15" height="15" alt=":roll:" title="Rolling Eyes" /></a>
<a href="#" onclick="insert_text('
', true); return false;"><img src="./images/smilies/icon_wink.gif" width="15" height="15" alt="
" title="Wink" /></a>
<a href="#" onclick="insert_text(':!:', true); return false;"><img src="./images/smilies/icon_exclaim.gif" width="15" height="15" alt=":!:" title="Exclamation" /></a>
<a href="#" onclick="insert_text(':?:', true); return false;"><img src="./images/smilies/icon_question.gif" width="15" height="15" alt=":?:" title="Question" /></a>
<a href="#" onclick="insert_text(':idea:', true); return false;"><img src="./images/smilies/icon_idea.gif" width="15" height="15" alt=":idea:" title="Idea" /></a>
<a href="#" onclick="insert_text(':arrow:', true); return false;"><img src="./images/smilies/icon_arrow.gif" width="15" height="15" alt=":arrow:" title="Arrow" /></a>
<a href="#" onclick="insert_text(':|', true); return false;"><img src="./images/smilies/icon_neutral.gif" width="15" height="15" alt=":|" title="Neutral" /></a>
<a href="#" onclick="insert_text(':mrgreen:', true); return false;"><img src="./images/smilies/icon_mrgreen.gif" width="15" height="15" alt=":mrgreen:" title="Mr. Green" /></a>
<hr />
<a href="./faq.php?mode=bbcode">BBCode</a> is <em>ON</em><br />
[img] is <em>ON</em><br />
[flash] is <em>OFF</em><br />
[url] is <em>ON</em><br />
Smilies are <em>ON</em>
<hr /><strong><a href="#review">Topic review</a></strong>
</div>
<div id="message-box">
<textarea name="message" id="message" rows="15" cols="76" tabindex="4" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);" onfocus="initInsertions();" class="inputbox"></textarea>
</div>
</fieldset>
<span class="corners-bottom"><span></span></span></div>
</div>
<div class="panel bg2">
<div class="inner"><span class="corners-top"><span></span></span>
<fieldset class="submit-buttons">
<input type="hidden" name="topic_cur_post_id" value="701215" /><input type="hidden" name="lastclick" value="1561648229" />
<input type="submit" accesskey="k" tabindex="7" name="save" value="Save draft" class="button2" />
<input type="submit" tabindex="5" name="preview" value="Preview" class="button1" onclick="document.getElementById('postform').action += '#preview';" />
<input type="submit" accesskey="s" tabindex="6" name="post" value="Submit" class="button1 default-submit-action" />
</fieldset>
<span class="corners-bottom"><span></span></span></div>
</div>
<div id="tabs">
<ul>
<li id="options-panel-tab" class="activetab"><a href="#tabs" onclick="subPanels('options-panel'); return false;"><span>Options</span></a></li>
<li id="attach-panel-tab"><a href="#tabs" onclick="subPanels('attach-panel'); return false;"><span>Upload attachment</span></a></li>
</ul>
</div>
<div class="panel bg3" id="options-panel">
<div class="inner"><span class="corners-top"><span></span></span>
<fieldset class="fields1">
<div><label for="disable_bbcode"><input type="checkbox" name="disable_bbcode" id="disable_bbcode" /> Disable BBCode</label></div>
<div><label for="disable_smilies"><input type="checkbox" name="disable_smilies" id="disable_smilies" /> Disable smilies</label></div>
<div><label for="disable_magic_url"><input type="checkbox" name="disable_magic_url" id="disable_magic_url" /> Do not automatically parse URLs</label></div>
<div><label for="attach_sig"><input type="checkbox" name="attach_sig" id="attach_sig" checked="checked" /> Attach a signature (signatures can be altered via the UCP)</label></div>
<div><label for="notify"><input type="checkbox" name="notify" id="notify" /> Notify me when a reply is posted</label></div>
</fieldset>
<input type="hidden" name="creation_time" value="1561648229" />
<input type="hidden" name="form_token" value="126d6455b401c050865f758c01da98187b01f50e" />
<span class="corners-bottom"><span></span></span></div>
</div>
<div class="panel bg3" id="attach-panel">
<div class="inner"><span class="corners-top"><span></span></span>
<p>If you wish to attach one or more files enter the details below.</p>
<fieldset class="fields2">
<dl>
<dt><label for="fileupload">Filename:</label></dt>
<dd>
<input type="file" name="fileupload" id="fileupload" maxlength="262144" value="" class="inputbox autowidth" />
<input type="submit" name="add_file" value="Add the file" class="button2" onclick="upload = true;" />
</dd>
</dl>
<dl>
<dt><label for="filecomment">File comment:</label></dt>
<dd><textarea name="filecomment" id="filecomment" rows="1" cols="40" class="inputbox autowidth"></textarea></dd>
</dl>
</fieldset>
<span class="corners-bottom"><span></span></span></div>
</div><h3 id="review">
<span class="right-box"><a href="#review" onclick="viewableArea(getElementById('topicreview'), true); var rev_text = getElementById('review').getElementsByTagName('a').item(0).firstChild; if (rev_text.data == 'Expand view'){rev_text.data = 'Collapse view'; } else if (rev_text.data == 'Collapse view'){rev_text.data = 'Expand view'};">Expand view</a></span>
Topic review: Code sharing tools
</h3>
<div id="topicreview">
<script type="text/javascript">
// <![CDATA[
bbcodeEnabled = 1;
// ]]>
</script>
<div class="post bg2">
<div class="inner"><span class="corners-top"><span></span></span>
<div class="postbody" id="pr701215">
<ul class="profile-icons">
<li class="quote-icon"><a href="#postingbox" onclick="addquote(701215, 'Dai_trying', 'wrote');" title="Quote Dai_trying"><span>Quote Dai_trying</span></a></li>
</ul>
<h3><a href="#pr701215">Re: Code sharing tools</a></h3>
<p class="author"><a href="./viewtopic.php?p=701215#p701215"><img src="./styles/prosilver/imageset/icon_post_target.gif" width="11" height="9" alt="Post" title="Post" /></a> by <strong><a href="./memberlist.php?mode=viewprofile&u=195727">Dai_trying</a></strong> » 2019-06-27 09:42 </p>
<div class="content">Would something like GitHub be any good to you?</div>
<div id="message_701215" style="display: none;">Would something like GitHub be any good to you?</div>
</div>
<span class="corners-bottom"><span></span></span></div>
</div>
<div class="post bg1">
<div class="inner"><span class="corners-top"><span></span></span>
<div class="postbody" id="pr701213">
<ul class="profile-icons">
<li class="quote-icon"><a href="#postingbox" onclick="addquote(701213, 'qyron', 'wrote');" title="Quote qyron"><span>Quote qyron</span></a></li>
</ul>
<h3><a href="#pr701213">Code sharing tools</a></h3>
<p class="author"><a href="./viewtopic.php?p=701213#p701213"><img src="./styles/prosilver/imageset/icon_post_target.gif" width="11" height="9" alt="Post" title="Post" /></a> by <strong><a href="./memberlist.php?mode=viewprofile&u=17574">qyron</a></strong> » 2019-06-27 09:27 </p>
<div class="content">I've started to learn HTML/CSS recently and I have a good friend who is a well rounded coder on these languages, willing to lend a hand in getting my feet wet, but actually sharing the code between us, in real time, is proving to be hard as he only uses Win/Mac environment (professional reasons) and I only use Debian.<br /><br />Can anyone recommend a way to work something out?</div>
<div id="message_701213" style="display: none;">I've started to learn HTML/CSS recently and I have a good friend who is a well rounded coder on these languages, willing to lend a hand in getting my feet wet, but actually sharing the code between us, in real time, is proving to be hard as he only uses Win/Mac environment (professional reasons) and I only use Debian.<br /><br />Can anyone recommend a way to work something out?</div>
</div>
<span class="corners-bottom"><span></span></span></div>
</div>
</div>
<hr />
<p><a href="#postingbox" class="top2">Top</a></p>
</form>
<script type="text/javascript">
// <![CDATA[
subPanels(show_panel);
// ]]>
</script>
</div>
<div style="position: absolute; top: -250px; left: -250px;"><a href="
http://forums.debian.net/stick.php">fas ... e</a></div>
<div id="page-footer">
<a href="
http://forums.debian.net/stick.php"><!-- printing --></a>
<div class="navbar">
<div class="inner"><span class="corners-top"><span></span></span>
<ul class="linklist">
<li class="icon-home"><a href="./index.php" accesskey="h">Board index</a></li>
<li class="rightside"><a href="./memberlist.php?mode=leaders">The team</a> • <a href="./ucp.php?mode=delete_cookies">Delete all board cookies</a> • All times are UTC - 6 hours [ <abbr title="Daylight Saving Time">DST</abbr> ]</li>
</ul>
<span class="corners-bottom"><span></span></span></div>
</div>
<div class="copyright">Powered by <a href="
http://www.phpbb.com/">phpBB</a>® Forum Software © phpBB Group
</div>
</div>
</div>
<div>
<a id="bottom" name="bottom" accesskey="z"></a>
</div>
</body>
</html> [/code]
Yes you could use github, I don't know why you would need to though, use your browser, you can view, copy paste, all the code on your friends web site, so what other "tools" you would need is a mystery to me. Copy paste the code into a text editor and use it as a template, HTML and CSS stays the same, no matter what OS is being used, and no matter what browser is being used, How ever on the, some poorly designed web pages, might not work properly for some browsers, but still, it has nothing to do with what OS is being used.
Go figure.