https://wiki.opensourceecology.de/api.php?action=feedcontributions&feedformat=atom&user=Nikolayhg
Open Source Ecology - Germany - Benutzerbeiträge [de]
2026-05-10T15:04:40Z
Benutzerbeiträge
MediaWiki 1.35.1
https://wiki.opensourceecology.de/index.php?title=Open_Source_Seeds&diff=21515
Open Source Seeds
2022-03-18T01:45:42Z
<p>Nikolayhg: Die Seite wurde neu angelegt: „Siehe [https://wiki.opensourceecology.org/wiki/Open_Source_Seeds]“</p>
<hr />
<div>Siehe [https://wiki.opensourceecology.org/wiki/Open_Source_Seeds]</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=Offene_Buchhaltung&diff=18547
Offene Buchhaltung
2019-03-20T17:59:24Z
<p>Nikolayhg: /* Kontos */</p>
<hr />
<div>{{Flagged Lang Switch}}<br />
Wir veröffentlichen unsere Buchhaltung. Sie können für jeden [[Spenden#Spendentopf-Auswahl|Spendentopf]] (z.B. "ORGA", "OELM" und andere) sehen wie viel Geld wir erhalten haben.<br />
<br />
<html><br />
<iframe src="https://docs.google.com/spreadsheet/pub?key=0Au4HBfGndfFmdGpuMUNSUkN4a0lJVjh0SDdsbEE3VGc&output=html" width="600px" height="400px"></iframe><br />
</html><br />
<br />
==Kontos==<br />
===Planraum===<br />
Siehe [[Offene Buchhaltung Planraum]]</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=Ebooks&diff=11990
Ebooks
2016-03-23T05:34:00Z
<p>Nikolayhg: /* Herunterladen */</p>
<hr />
<div><br />
==Lesen==<br />
* http://paperc.de/<br />
<br />
==Herunterladen==<br />
* http://gen.lib.rus.ec/<br />
* http://en.bookfi.org/<br />
* http://avaxhome.ws/<br />
* http://www.ebooks-share.net/<br />
* http://it-ebooks.info/<br />
* http://www.ebook3000.com<br />
<br />
==Kaufen==<br />
<br />
* http://store.kobobooks.com/<br />
<br />
==Create ePub==<br />
===Sigil===<br />
Install [https://code.google.com/p/sigil/ Sigil].<br />
* Add to Software Sources in the Software Center: deb http://ppa.launchpad.net/rgibert/ebook/ubuntu precise main<br />
* sudo apt-get update<br />
* Install Sigil from the Software Center.<br />
* [http://www.mobileread.com/forums/showpost.php?p=2496253&postcount=1 Sigil-0.7.2-Linux_x86.deb]<br />
<br />
===LibreOffice===<br />
* Install LibreOffice<br />
* Install the extension Writer2ePub: http://extensions.openoffice.org/en/project/Writer2ePub<br />
* Open your document and click the green "E" icon to enter the metadata and export it to epub.<br />
<br />
===From Firefox===<br />
* Install the GrabMyBooks extension: https://addons.mozilla.org/en-US/firefox/addon/grabmybooks/?src=search<br />
<br />
==eReaders==<br />
===Sony PRS-T1===<br />
* Enable Cyrillic fonts<br />
** only the "Original" font doesn't support Cyrillic, all other fonts do. Change the font: <Menu button> -> Font -> <Select Font Type> then select any but Original, e.g. "Frutiger Neue".<br />
<br />
[[Category: Wissen]]</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=CouchSurfing&diff=11207
CouchSurfing
2015-02-21T00:38:47Z
<p>Nikolayhg: </p>
<hr />
<div>[https://www.couchsurfing.org/ CouchSurfing] is the free alternative of hostels and hotels. A person can offer his "couch" (a place to sleep) for free to other people and other people can find it and send requests for sleeping.<br />
<br />
To build trust between the members:<br />
* every person has a profile with a picture, personal description, interests and so.<br />
* when two people meet they can leave references for each other - was the CouchSurfing experience positive, neutral or negative? Describe it.<br />
This information is public for everyone and in this way even before deciding to host somebody or not, you can much more information about their personality. Most trusted are people who have well written profiles and at least few positive references.<br />
<br />
==Coverage==<br />
In almost [http://www.couchsurfing.org/couchsurfer_map every country and every middle or big city] there are CouchSurfers. <br />
<br />
==Search Keywords==<br />
You can search for people by '''specific keywords''' in their profiles. In connection to the Open Source Economy appropriate keywords would be:<br />
* "open source", sustainability, entrepreneur / entrepreneurship, open hardware, open design, renewable energies/renewable energy, economy, ökonomie, gemeinwohl, permaculture, ecology, environment, organic, farming, mathematics, physics, engineering, engineer, maschinenbau, linux<br />
<br />
==Old URLs==<br />
* Create event: http://www.couchsurfing.org/meetings.html?new=1<br />
* CouchSearch: www.couchsurfing.com/mapsurf.html<br />
<br />
==Open Source Alternative to CouchSurfing==<br />
CouchSurfing was a non-profil, but then the founders made a corporation, accepting millions of outside investments. This turnedd off some core community members and most CouchSurfers are not happy with this.<br />
<br />
There is still not good open source alternative to CouchSurfing. [http://www.bewelcome.org/ BeWelcome] is the most popular alternative (see [http://trac.bewelcome.org/ trac]). It has very basic functions and is not developing quickly. An Open Source alternative to CouchSurfing is needed! If well done, we can engage a lot of people to switch to it.<br />
<br />
See also the new https://www.trustroots.org/</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=Ebooks&diff=11165
Ebooks
2014-09-26T23:34:12Z
<p>Nikolayhg: /* Herunterladen */ http://www.ebook3000.com</p>
<hr />
<div><br />
==Lesen==<br />
* http://paperc.de/<br />
<br />
==Herunterladen==<br />
* http://en.bookfi.org/<br />
* http://avaxhome.ws/<br />
* http://www.ebooks-share.net/<br />
* http://it-ebooks.info/<br />
* http://www.ebook3000.com<br />
* http://libgen.org/<br />
<br />
==Kaufen==<br />
<br />
* http://store.kobobooks.com/<br />
<br />
==Create ePub==<br />
===Sigil===<br />
Install [https://code.google.com/p/sigil/ Sigil].<br />
* Add to Software Sources in the Software Center: deb http://ppa.launchpad.net/rgibert/ebook/ubuntu precise main<br />
* sudo apt-get update<br />
* Install Sigil from the Software Center.<br />
* [http://www.mobileread.com/forums/showpost.php?p=2496253&postcount=1 Sigil-0.7.2-Linux_x86.deb]<br />
<br />
===LibreOffice===<br />
* Install LibreOffice<br />
* Install the extension Writer2ePub: http://extensions.openoffice.org/en/project/Writer2ePub<br />
* Open your document and click the green "E" icon to enter the metadata and export it to epub.<br />
<br />
===From Firefox===<br />
* Install the GrabMyBooks extension: https://addons.mozilla.org/en-US/firefox/addon/grabmybooks/?src=search<br />
<br />
==eReaders==<br />
===Sony PRS-T1===<br />
* Enable Cyrillic fonts<br />
** only the "Original" font doesn't support Cyrillic, all other fonts do. Change the font: <Menu button> -> Font -> <Select Font Type> then select any but Original, e.g. "Frutiger Neue".<br />
<br />
[[Category: Wissen]]</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=Kontakt/en&diff=11078
Kontakt/en
2014-09-03T21:00:56Z
<p>Nikolayhg: </p>
<hr />
<div>{{DISPLAYTITLE:Contact}}<br />
{{Germany_Flags/en}}<br />
<br />
email: mail (at) opensourceecology (dot) de<br />
<br />
or use this form: http://opensourceecology.de/contact/</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=OSEG_E-Mail&diff=11077
OSEG E-Mail
2014-09-03T21:00:42Z
<p>Nikolayhg: </p>
<hr />
<div>Die E-Mail von OSE Germany ist: mail (at) opensourceecology (punkt) de<br />
<br />
==Zugriff==<br />
Zugriff zu der E-Mail haben:<br />
* [[Kommunikationsteam]]<br />
<br />
[[Category: Kommunikation]]</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=Kontakt&diff=11076
Kontakt
2014-08-29T14:46:23Z
<p>Nikolayhg: </p>
<hr />
<div>{{Germany_Flags}}<br />
<br />
{{DISPLAYTITLE:Kontakt}}<br />
<html><div style="float: right; padding-left: 15px;"><img src="../images/icons/mail.png"></div></html><br />
<br />
E-Mail: mail (at) opensourceecology.de<br />
<br />
oder diese Form nutzen: http://opensourceecology.de/contact/</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=Ebooks&diff=10857
Ebooks
2014-05-04T18:57:53Z
<p>Nikolayhg: /* Herunterladen */ - http://libgen.org/</p>
<hr />
<div><br />
==Lesen==<br />
* http://paperc.de/<br />
<br />
==Herunterladen==<br />
* http://en.bookfi.org/<br />
* http://avaxhome.ws/<br />
* http://www.ebooks-share.net/<br />
* http://it-ebooks.info/<br />
* http://libgen.org/<br />
<br />
==Kaufen==<br />
<br />
* http://store.kobobooks.com/<br />
<br />
==Create ePub==<br />
===Sigil===<br />
Install [https://code.google.com/p/sigil/ Sigil].<br />
* Add to Software Sources in the Software Center: deb http://ppa.launchpad.net/rgibert/ebook/ubuntu precise main<br />
* sudo apt-get update<br />
* Install Sigil from the Software Center.<br />
* [http://www.mobileread.com/forums/showpost.php?p=2496253&postcount=1 Sigil-0.7.2-Linux_x86.deb]<br />
<br />
===LibreOffice===<br />
* Install LibreOffice<br />
* Install the extension Writer2ePub: http://extensions.openoffice.org/en/project/Writer2ePub<br />
* Open your document and click the green "E" icon to enter the metadata and export it to epub.<br />
<br />
===From Firefox===<br />
* Install the GrabMyBooks extension: https://addons.mozilla.org/en-US/firefox/addon/grabmybooks/?src=search<br />
<br />
==eReaders==<br />
===Sony PRS-T1===<br />
* Enable Cyrillic fonts<br />
** only the "Original" font doesn't support Cyrillic, all other fonts do. Change the font: <Menu button> -> Font -> <Select Font Type> then select any but Original, e.g. "Frutiger Neue".<br />
<br />
[[Category: Wissen]]</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=ORGA_New&diff=10821
ORGA New
2014-03-17T17:01:20Z
<p>Nikolayhg: Created page with "* http://pad.sinnwerkstatt.com/p/OSEG-Organization-17.03.2014"</p>
<hr />
<div>* http://pad.sinnwerkstatt.com/p/OSEG-Organization-17.03.2014</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=Spendenquittungenprozess_planraum_e.V.&diff=10819
Spendenquittungenprozess planraum e.V.
2014-03-16T09:09:13Z
<p>Nikolayhg: /* Ausführung */</p>
<hr />
<div>==Was==<br />
Erstellung von Spendenquittungen bei Spenden, die am planraum e.V. Verein eingegangen sind.<br />
<br />
==Warum==<br />
Die Spender können ein Teil ihrer Spenden (20%) von den Steuern abziehen.<br />
<br />
==Wer==<br />
* [[Waldo Sessler]], Vorstandsvorsitzender von [[planraum e.V.]]<br />
* [[Nikolay Georgiev]]<br />
<br />
==Wann==<br />
<br />
==Zeitbedarf==<br />
<br />
==Links==<br />
Infos:<br />
* [[Vereinsrecht/Spendenquittung|Spendenquittungen Infos]].<br />
<br />
==Ausführung==<br />
in Bearbeitung!!!<br />
* Nikolay greift die Spenderdaten zu.<br />
* Nikolay füllt das Formular aus: http://www.finanzamt.bayern.de/Informationen/Formulare/fms.php?n=034122 und exportiert eine XML-Datei.<br />
** planraum e.V.<br />
** Auweg 42a<br />
** 93055 Regebsburg<br />
** JA<br />
** Zweites Checkbox<br />
** Regensburg<br />
** 244/110/20580<br />
** 16.08.2013<br />
** Volks- und Berufsbildung sowie der Studentenhilfe<br />
* Waldo importiert die XML-Datei und unterschreibt die Spendenquittung<br />
* Waldo verschickt die Spendenquittung<br />
----<br />
Wir wickeln unsere Spenden via [www.bildungsspender.de] ab. Spendenquittungen kommt dann von Bildungsspender direkt an die Spender. Aufwand: Einmal den Verein eintragen, Freistellungsbescheid vom Finanzamt faxen. Gespendetes Geld wird mehrmals im Jahr in voller Höhe überwiesen.<br />
<br><br><br />
Weiterer Nutzen: Verein erhält Provisionen bei online-Einkäufen, es gibt einmal im Jahr eine Aktion, wo Spenden um 10% aufgestockt werden, Möglichkeit per sms zu spenden, alle eingehenden Beträge sind öffentlich einsehbar (anonym oder mit Namen)<br><br />
siehe [https://www.bildungsspender.de/?searchlevel1=statistik&searchlevel2=alles&searchterm=Helfen+Sie+mit+der+Nutzung+der+Websuche+und+Ihren+Eink%C3%A4ufen&date_start=26.01.2012&date_end=26.02.2014&nosearchhead=1 LandKombinat e.V. auf Bildungsspender]<br><br><br />
--[[User:Ganafets82|Ganafets82]] ([[User talk:Ganafets82|talk]]) 12:47, 26 February 2014 (CET)<br />
<br />
==Dokumentation==<br />
<br />
Beispiel einer Spendenquittung: http://wiki.opensourceecology.de/File:Zuwendungsbescheinigung_ose_edialog_signed.pdf<br />
<br />
==Feedback==<br />
<br />
[[Category: OSEG Prozesse]]</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=Offene_Buchhaltung_Planraum&diff=10818
Offene Buchhaltung Planraum
2014-03-16T09:00:05Z
<p>Nikolayhg: /* 16.02.2014 */</p>
<hr />
<div>Hier ist die Offene Buchhaltung für das [[planraum e.V.]] Bankkonto.<br />
<br />
==Projekte==<br />
Aktuelle Projekte, die der planraum e.V. unterstützt, sind:<br />
* [[Windturbine]]<br />
<br />
==16.03.2014==<br />
Kontostand: '''1.506,34'''€<br/><br />
[[File:Planraum-kontostand-2014-03-16.png]]<br />
<br />
==15.01.2013==<br />
Kontostand: '''886,80'''€<br/><br />
[[File:Planraum konto umsaetze 2013-01-15.png]]<br />
<br />
==15.11.2012==<br />
Kontostand: '''891,60'''€<br/><br />
41,60€ sind von früher, Nikolay hat Waldo gefragt, wartet auf eine Antwort.<br />
<br/><br/><br />
[[File:Planraum_konto_umsaetze_2012-10-15.png|700px]]<br />
<br />
==TiVA Offene Buchhaltung==<br />
Siehe die [[TiVA Offene Buchhaltung]].<br />
<br />
[[Category:-OSEG 304 - Finanzen, Buchhaltung, Fundraising]]</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=Offene_Buchhaltung_Planraum&diff=10817
Offene Buchhaltung Planraum
2014-03-16T08:59:46Z
<p>Nikolayhg: /* 15.01.2013 */</p>
<hr />
<div>Hier ist die Offene Buchhaltung für das [[planraum e.V.]] Bankkonto.<br />
<br />
==Projekte==<br />
Aktuelle Projekte, die der planraum e.V. unterstützt, sind:<br />
* [[Windturbine]]<br />
<br />
==16.02.2014==<br />
Kontostand: '''1.506,34'''€<br/><br />
[[File:Planraum-kontostand-2014-03-16.png]]<br />
<br />
==15.01.2013==<br />
Kontostand: '''886,80'''€<br/><br />
[[File:Planraum konto umsaetze 2013-01-15.png]]<br />
<br />
==15.11.2012==<br />
Kontostand: '''891,60'''€<br/><br />
41,60€ sind von früher, Nikolay hat Waldo gefragt, wartet auf eine Antwort.<br />
<br/><br/><br />
[[File:Planraum_konto_umsaetze_2012-10-15.png|700px]]<br />
<br />
==TiVA Offene Buchhaltung==<br />
Siehe die [[TiVA Offene Buchhaltung]].<br />
<br />
[[Category:-OSEG 304 - Finanzen, Buchhaltung, Fundraising]]</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=Datei:Planraum-kontostand-2014-03-16.png&diff=10816
Datei:Planraum-kontostand-2014-03-16.png
2014-03-16T08:58:24Z
<p>Nikolayhg: </p>
<hr />
<div></div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=Open_Source_Ecology_Germany/Spenden&diff=10815
Open Source Ecology Germany/Spenden
2014-03-16T08:55:04Z
<p>Nikolayhg: /* Unterstützer */ - http://www.tischdecke.de/</p>
<hr />
<div>{{DISPLAYTITLE:Spenden}}<br />
<html><div style="float: right; padding-left: 15px;"><img src="../images/icons/euro_coin.png"></div></html><br />
<br />
Du kannst die Entwicklung der folgenden [[OSEG Projekte]] finanziell unterstützen:<br />
* [[Wind Turbine Campaign|Windturbine]]<br />
* [[Filamaker]]<br />
* [[Zn/O-Brennstoffzelle#Spenden|Zn/O-Brennstoffzelle]]<br />
* [[Universal_Prototyping_Kit#Spenden|Universal Prototyping Kit - Baukasten]]<br />
* [http://opensourceecology.de/2013/12/carla-cargo-lastenfahrradanhanger/ Carla Cargo Lastenfahrradanhänger]<br />
<br />
Wenn Du keinem konkreten Projekt spenden möchtest, sondern generell, [[Spenden generell|klicke bitte hier]].<br />
<br />
<html><br />
<a href="./Spenden/Bitcoinspenden"><img src="../images/icons/bitcoin.svg"></a><br />
</html><br />
<br />
<br />
== Unterstützer ==<br />
<br />
Die folgenden Unternehmen haben die Projekte finanziell unterstützt:<br />
<br />
[[File:Easyname-logo.jpg|link=http://www.easyname.com/de]]<br/><br/><br />
[[File:Zeolith-logo.png|link=http://www.zeolith-bentonit-versand.de/de/]]<br/><br/><br />
[[File:Tischdecke-logo.png|link=http://www.tischdecke.de/]]<br/><br/><br />
<br />
[[Category: -OSEG 304 - Finanzen, Buchhaltung, Fundraising]]<br />
[[Category: Sensitive Data]]</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=AgroCircle&diff=10791
AgroCircle
2014-03-12T08:46:35Z
<p>Nikolayhg: /* Mitwirkende */</p>
<hr />
<div>==Übersicht==<br />
Universeller Agrar - Roboter für den Gemüseanbau, aufbauend auf dem Rundfeldprinzip. <br><br />
Vom slovakischen Erfinder auch '"Agrokruh" genannt.<br />
<br />
===Arbeitsweise===<br />
Ein um einen festen Mittelpunkt rotierender Arm, am anderen Ende abgestützt und angetrieben, beschreibt eine Kreisfläche.<br><br />
Ein auf dem Arm beweglicher Wagen trägt auswechselbare Werkzeuge/Vorrichtungen oder eine Liegefläche für Menschen.<br><br />
Durch Rotation des Armes und gleichzeitiger Querbewegung des Werkzeugträgers können exakt reproduzierbare Spiralen für die Gemüsereihen gefahren werden.<br />
<br />
==Technische Daten==<br />
Gefunden im Netz ([http://www.agrokruh.sk/technicka-realizacia], [http://www.farmlandia.sk/en/agrokruh/strojna-technologia/]):<br />
*Kann 80% der notwendigen Arbeiten übernehmen<br />
*Ausleger 18m = ca 1000m² bearbeitbare Fläche<br />
*elektr. Antriebsleistung 0,75kW<br />
*Jahresenergiebedarf 4000kWh für 15 Felder = 267kWh pro Feld<br />
*2t Gemüse pro Feld<br />
*Eine Einheit für 3 Rundfelder (lt. [http://www.google.de/maps/@48.1699222,17.3968533,339m/data=!3m1!1e3 Satellitenbild] eine Einheit für 5 Felder)<br />
<br />
==Materialsammlung==<br />
<br />
'''Erfinder: Ján Šlinský'''<br />
* Talk TEDx Bratislava (mit englischen Untertiteln) http://www.youtube.com/watch?v=ZwP3A6z4sFc<br />
*Doku aus der Slovakei: http://www.youtube.com/watch?v=mYrJ0BJ4Qak<br />
'''Linksammlung'''<br />
* Ján Šlinský's CSA AgroKruh http://www.google.de/maps/@48.1699222,17.3968533,339m/data=!3m1!1e3 <br />
* http://ec.europa.eu/environment/ecoap/about-eco-innovation/good-practices/slovakia/20140127-organic-farming-goes-in-circles_de.htm<br />
* http://www.farmlandia.sk/en/agrokruh/<br />
* http://www.agrokruh.sk/<br />
* http://www.fairtrade.cz/files/texty/spolupracujeme/cepta-introducing-agrokruh.pdf<br />
* http://www.osrliving.org/forum/forum_posts.asp?TID=44]<br />
<br />
<br />
==Diskussion/Kommunikation/Dokumentation==<br />
*Auf [http://www.brabbl.com/discussions/solidarische-oekologische-landwirtschaft-wird-attraktiver-wenn-sie-automatisierte-anbaupflegeerntemethoden-verwendet/ Brabbl] übers grundsätzliche Prinzip/Kreisfelder; Schreiben nur nach Anmeldung<br />
*[https://groups.google.com/forum/#!forum/agrocircle Mailingliste]<br />
*https://github.com/thoka/AgroCircle/wiki/Roadmap<br />
<br />
==Komponenten==<br />
<br />
===Port===<br />
http://www.youtube.com/watch?v=IMbGA-nOW64#t=53<br />
<br />
'''Funktion:'''<br />
Befestigte Installation für Lageraufnahme, 400V, Wasser, (optional Netzwerk)<br />
*unverrückbar durch Eigengewicht oder Verankerung<br />
<br />
===Drehlager===<br />
'''Funktion:''' Auflager für Traverse, Drehverteiler für Strom und Wasser, (optional Netzwerkanschluß (Wlan)), Synchronisation der Verschiebung<br />
<br />
'''Realisation:'''<br />
http://www.youtube.com/watch?v=IMbGA-nOW64#t=5m35<br />
<br />
* Inkremental-Drehgeber (nich benötigt)<br />
* Schleifkontakte<br />
**5-polig für L1-3,N,PE<br />
**fertig kaufen oder Eigenbau<br />
**Eigenbau aus Ringen aus CU-Rohr, Motorkohlen, Kunststoffträgern (ggf. 3D-Druck)<br />
**16A Belastbarkeit<br />
* Zahnrad für umlaufende Kette des Radialantriebs<br />
<br />
===Traverse===<br />
'''Funktion:'''<br />
Lager für Geräteträger, Personenträger, nimmt Drehmomente und Kräfte auf<br />
<br />
'''Realisation:'''<br />
*3seitig<br />
*ggf. mit Stützrad<br />
*aus Veranstaltungsbau (Al oder St)<br />
*Kranmast, Gitterrohrmast<br />
*einfacher Eigenbau<br />
<br />
===Tangentialantrieb (Hauptantrieb)===<br />
'''Funktion:''' Kreisbewegung, Antrieb für Geräte<br />
<br />
'''Realisation:''' <br />
<br />
*http://www.youtube.com/watch?v=Von3EgRGutw#t=1m35<br />
*http://www.youtube.com/watch?v=Von3EgRGutw#t=2m01<br />
*Pedalantrieb: http://www.agrokruh.sk/node/33<br />
*Drehstrom-Getriebemotor mit FU (Prototyp hat einen 750W-Motor verbaut)<br />
*ggf. ohne Getriebe nur mit FU? - Ich glaube das ist nicht möglich. --[[User:Shure|Shure]] ([[User talk:Shure|talk]]) 21:35, 2 March 2014 (CET)<br />
*Ein Rad mit Stützrädern oder 2 Räder<br />
<br />
===Radialantrieb (steuert Spirale)===<br />
Ján Šlinský hat dafür ein einfache Lösung gefunden, die komplett ohne Elektronik auskommt: Es gibt eine Umlaufende Kette, die sich um ein Zahnrad am Zentralmast wickelt. <br />
Der Umfang dieses Zahnrades bestimmt die Spurweite der Spirale.<br />
<br />
===Geräteträger===<br />
*http://www.youtube.com/watch?v=IMbGA-nOW64#t=4m30<br />
*http://www.youtube.com/watch?v=IMbGA-nOW64#t=6m55 <br />
<br />
*selbsthemmende Übersetzung + Schrittmotor<br />
*Ketten- oder Seilantrieb mit Rückkopplung vom Drehgeber, um Schlupf vom Hauptantrieb zu kompensieren<br />
*Positionserkennung via Markern auf Traverse (induktiv, rfid, optisch) oder Entfernungsmessung<br />
*Eilgang zum zurückfahren<br />
*Steckdose für angetriebene Geräte, oder angetriebene Zapfwelle/Riemenscheibe<br />
*Schleppkette für Strom, Wasser, Daten<br />
*Gleitlagerung oder Formrollen<br />
*Standardisierte WZ-Schnittstelle (z.B. von Einachstraktoren)<br />
*Magnetventil für Wasser<br />
<br />
===Werkzeuge===<br />
*modifizierte Handwerkzeuge<br />
*Geräte von Einachstraktoren<br />
*Eigenbauten<br />
<br />
====Spatenschreiter ;-)====<br />
*https://www.youtube.com/watch?v=2Rb5o1D7laI<br />
*http://www.agrokruh.sk/node/954<br />
<br />
====Bodenfräse====<br />
*Bodenbearbeitung: https://www.youtube.com/watch?v=FOb1tvbV8-w<br />
*Beikrautregulierung: https://www.youtube.com/watch?v=Qy5D3NGZPzk<br />
<br />
====Saatvorbereiter ====<br />
*http://www.youtube.com/watch?v=Von3EgRGutw#t=1m35<br />
*http://www.youtube.com/watch?v=Von3EgRGutw#t=3m55<br />
<br />
===Elektronik (optional)===<br />
Elektronik wird in der einfachsten Realisationsstufe nicht benötigt.<br />
<br />
Für vermehrter Automatisierung (automatische Bewässerung, etc) jedoch wünschenswert<br />
<br />
*Arduino o. Raspberry Pi<br />
*Frequenzumrichter (FU)<br />
*ggf, Wlan<br />
<br />
==ToDos==<br />
*Kontaktaufnahme zum Erfinder, Pläne nachfragen, Besuch abstatten<br />
*Günstige Bezugsquellen recherchieren<br />
*Geld besorgen<br />
*Komponenten/Material beschaffen<br />
*Eigenbauteile konstruieren<br />
*Bauen, Programmieren und Testen<br />
*Erfahrungen und Pläne teilen<br />
<br />
==Mitwirkende==<br />
*[http://wiki.opensourceecology.de/user:ganafets82 Stefan Raabe]<br />
*[http://www.coforum.de/?121 Thomas Kalka]<br />
*[http://wiki.opensourceecology.de/User:FranzN Franz Nahrada]<br />
<br />
<br />
Potentiell (Übersetzung):<br />
* Lukas Simko und Elim Srnka haben angeboten, mit Übersetzung/Kommunikation zu helfen: https://www.facebook.com/OpenSourceEcologyEurope/posts/685109474859848 . [https://www.facebook.com/OpenSourceEcologyEurope?sk=messages_inbox&action=read&tid=mid.1394612762612%3A02b3a9a5db48fcad26&notif_t=fbpage_new_message Sirie] auch.<br />
<br />
==Sammlung==<br />
<br />
===Ján Šlinský===<br />
An ecological farmer. He has a diploma from the Mendel University in Brno, Faculty of Gardening. Jan Šlinský is the author of the agricultural system Agrokruh, whose main idea is to produce vegetables sustainably and ecologically. He has also built a net of local buyers, thus supporting local trade in his area.<br />
Jan Šlinský is a practical and witty person with a well-developed common sense.<br />
<br />
"”Enough talk, it's time to act. It is not in the power of an individual to save the entire planet. However, each of us can help a particular place on Earth. But he must be sufficiently educated and skilled, and he has to love the place he is aiding. “<br />
<br />
http://www.agrokruh.sk/kontakt<br />
tel.: 0918 655 564<br />
<br />
Dozent am Sokratov-Institut<br />
<br />
http://www.sokratovinstitut.sk/index.php/en/lektori/lektori#slinsky<br />
<br />
Talk an TEDx Bratislava mit englischen Untertiteln: http://www.youtube.com/watch?v=ZwP3A6z4sFc<br />
<br />
HD-Video: http://www.youtube.com/watch?v=2P7MGNLz5xE<br />
<br />
[[Category:Landwirtschaft]]<br />
[[Category:Bodenfruchtbarkeit]]<br />
[[Category:Boden]]<br />
[[Category:OSEG_Projekte]]</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=AgroCircle&diff=10767
AgroCircle
2014-03-03T13:06:50Z
<p>Nikolayhg: /* Mitwirkende */</p>
<hr />
<div>Alias "Agrokruh"<br />
<br />
==Übersicht==<br />
Universeller Agrar - Roboter für den Bio-Gemüseanbau, aufbauend auf dem Rundfeldprinzip<br />
<br />
==Materialsammlung==<br />
Erfinder: Ján Šlinský<br />
* Talk TEDx Bratislava (mit englischen Untertiteln) http://www.youtube.com/watch?v=ZwP3A6z4sFc<br />
<br />
Doku aus der Slovakei:<br />
* http://www.youtube.com/watch?v=mYrJ0BJ4Qak<br />
<br />
Linksammlung<br />
* Ján Šlinský's CSA AgroKruh http://www.google.de/maps/@48.1699222,17.3968533,339m/data=!3m1!1e3 <br />
* http://ec.europa.eu/environment/ecoap/about-eco-innovation/good-practices/slovakia/20140127-organic-farming-goes-in-circles_de.htm<br />
* http://www.farmlandia.sk/en/agrokruh/<br />
* http://www.agrokruh.sk/<br />
* http://www.fairtrade.cz/files/texty/spolupracujeme/cepta-introducing-agrokruh.pdf<br />
* http://www.osrliving.org/forum/forum_posts.asp?TID=44]<br />
<br />
==Komponenten==<br />
<br />
===Port===<br />
http://www.youtube.com/watch?v=IMbGA-nOW64#t=53<br />
<br />
'''Funktion:''' Befestigte Installation für Lageraufnahme, 400V, Wasser, (optional Netzwerk)<br />
*unverrückbar durch Eigengewicht oder Verankerung<br />
<br />
===Drehlager===<br />
'''Funktion:''' Auflager für Traverse, Drehverteiler für Strom und Wasser, (optional Netzwerkanschluß (Wlan)), Synchronisation der Verschiebung<br />
<br />
'''Realisation:'''<br />
http://www.youtube.com/watch?v=IMbGA-nOW64#t=5m35<br />
<br />
<br />
* Inkremental-Drehgeber (nich benötigt)<br />
* Schleifkontakte<br />
**5-polig für L1-3,N,PE<br />
**fertig kaufen oder Eigenbau<br />
**Eigenbau aus Ringen aus CU-Rohr, Motorkohlen, Kunststoffträgern (ggf. 3D-Druck)<br />
**16A Belastbarkeit<br />
* Zahnrad für umlaufende Kette des Radialantriebs<br />
<br />
===Traverse===<br />
'''Funktion:''' Lager für Geräteträger, Personenträger, nimmt Drehmomente und Kräfte auf<br />
'''Realisation:'''<br />
*3seitig<br />
*ggf. mit Stützrad<br />
*aus Veranstaltungsbau (Al oder St)<br />
*Kranmast, Gitterrohrmast<br />
*einfacher Eigenbau<br />
<br />
===Tangentialantrieb (Hauptantrieb)===<br />
'''Funktion:''' Kreisbewegung, Antrieb für Geräte<br />
'''Realisation:''' <br />
<br />
*http://www.youtube.com/watch?v=Von3EgRGutw#t=1m35<br />
*http://www.youtube.com/watch?v=Von3EgRGutw#t=2m01<br />
<br />
*Drehstrom-Getriebemotor mit FU<br />
*ggf. ohne Getriebe nur mit FU? - Ich glaube das ist nicht möglich. --[[User:Shure|Shure]] ([[User talk:Shure|talk]]) 21:35, 2 March 2014 (CET)<br />
*Ein Rad mit Stützrädern oder 2 Räder<br />
<br />
===Radialantrieb (steuert Spirale)===<br />
Ján Šlinský hat dafür ein einfache Lösung gefunden, die komplett ohne Elektronik auskommt: Es gibt eine Umlaufende Kette, die sich um ein Zahnrad am Zentralmast wickelt. <br />
Der Umfang dieses Zahnrades bestimmt die Spurweite der Spirale.<br />
<br />
===Geräteträger===<br />
*http://www.youtube.com/watch?v=IMbGA-nOW64#t=4m30<br />
*http://www.youtube.com/watch?v=IMbGA-nOW64#t=6m55 <br />
<br />
*selbsthemmende Übersetzung + Schrittmotor<br />
*Ketten- oder Seilantrieb mit Rückkopplung vom Drehgeber, um Schlupf vom Hauptantrieb zu kompensieren<br />
*Positionserkennung via Markern auf Traverse (induktiv, rfid, optisch) oder Entfernungsmessung<br />
*Eilgang zum zurückfahren<br />
*Steckdose für angetriebene Geräte, oder angetriebene Zapfwelle/Riemenscheibe<br />
*Schleppkette für Strom, Wasser, Daten<br />
*Gleitlagerung oder Formrollen<br />
*Standardisierte WZ-Schnittstelle (z.B. von Einachstraktoren)<br />
*Magnetventil für Wasser<br />
<br />
===Werkzeuge===<br />
*modifizierte Handwerkzeuge<br />
*Geräte von Einachstraktoren<br />
*Eigenbauten<br />
<br />
====Spatenschreiter ;-)====<br />
<br />
<br />
====Saatvorbereiter =====<br />
*http://www.youtube.com/watch?v=Von3EgRGutw#t=1m35<br />
*http://www.youtube.com/watch?v=Von3EgRGutw#t=3m55<br />
<br />
<br />
<br />
===Elektronik (optional)===<br />
Elektronik wird in der einfachsten Realisationsstufe nicht benötigt.<br />
<br />
Für vermehrter Automatisierung (automatische Bewässerung, etc) jedoch wünschenswert<br />
<br />
*Arduino o. Raspberry Pi<br />
*Frequenzumrichter (FU)<br />
*ggf, Wlan<br />
<br />
==ToDos==<br />
*Kontaktaufnahme zum Erfinder, Pläne nachfragen, Besuch abstatten<br />
*Günstige Bezugsquellen recherchieren<br />
*Geld besorgen<br />
*Komponenten/Material beschaffen<br />
*Eigenbauteile konstruieren<br />
*Bauen, Programmieren und Testen<br />
*Erfahrungen und Pläne teilen<br />
<br />
==Mitwirkende==<br />
*[http://wiki.opensourceecology.de/user:ganafets82 Stefan Raabe]<br />
*[http://www.coforum.de/?121 Thomas Kalka]<br />
*[http://wiki.opensourceecology.de/User:FranzN Franz Nahrada]<br />
<br />
<br />
Potentiell:<br />
* Lukas Simko und Elim Srnka haben angeboten, mit Übersetzung/Kommunikation zu helfen: https://www.facebook.com/OpenSourceEcologyEurope/posts/685109474859848<br />
<br />
==Sammlung==<br />
<br />
===Ján Šlinský===<br />
An ecological farmer. He has a diploma from the Mendel University in Brno, Faculty of Gardening. Jan Šlinský is the author of the agricultural system Agrokruh, whose main idea is to produce vegetables sustainably and ecologically. He has also built a net of local buyers, thus supporting local trade in his area.<br />
Jan Šlinský is a practical and witty person with a well-developed common sense.<br />
<br />
"”Enough talk, it's time to act. It is not in the power of an individual to save the entire planet. However, each of us can help a particular place on Earth. But he must be sufficiently educated and skilled, and he has to love the place he is aiding. “<br />
<br />
http://www.agrokruh.sk/kontakt<br />
tel.: 0918 655 564<br />
<br />
Dozent am Sokratov-Institut<br />
<br />
http://www.sokratovinstitut.sk/index.php/en/lektori/lektori#slinsky<br />
<br />
Talk an TEDx Bratislava mit englischen Untertiteln: http://www.youtube.com/watch?v=ZwP3A6z4sFc<br />
<br />
HD-Video: http://www.youtube.com/watch?v=2P7MGNLz5xE<br />
<br />
[[Category:Landwirtschaft]]<br />
[[Category:Bodenfruchtbarkeit]]<br />
[[Category:Boden]]<br />
[[Category:OSEG_Projekte]]</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=Open_Source_Ecology_Germany/Spenden&diff=10749
Open Source Ecology Germany/Spenden
2014-02-25T22:03:30Z
<p>Nikolayhg: /* Unterstützer */</p>
<hr />
<div>{{DISPLAYTITLE:Spenden}}<br />
<html><div style="float: right; padding-left: 15px;"><img src="../images/icons/euro_coin.png"></div></html><br />
<br />
Du kannst die Entwicklung der folgenden [[OSEG Projekte]] finanziell unterstützen:<br />
* [[Wind Turbine Campaign|Windturbine]]<br />
* [[Filamaker]]<br />
* [[Zn/O-Brennstoffzelle#Spenden|Zn/O-Brennstoffzelle]]<br />
* [[Universal_Prototyping_Kit#Spenden|Universal Prototyping Kit - Baukasten]]<br />
* [http://opensourceecology.de/2013/12/carla-cargo-lastenfahrradanhanger/ Carla Cargo Lastenfahrradanhänger]<br />
<br />
Wenn Du keinem konkreten Projekt spenden möchtest, sondern generell, [[Spenden generell|klicke bitte hier]].<br />
<br />
<html><br />
<a href="./Spenden/Bitcoinspenden"><img src="../images/icons/bitcoin.svg"></a><br />
</html><br />
<br />
<br />
== Unterstützer ==<br />
<br />
Die folgenden Unternehmen haben die Projekte finanziell unterstützt:<br />
<br />
[[File:Easyname-logo.jpg|link=http://www.easyname.com/de]]<br/><br/><br />
[[File:Zeolith-logo.png|link=http://www.zeolith-bentonit-versand.de/de/]]<br />
<br />
[[Category: -OSEG 304 - Finanzen, Buchhaltung, Fundraising]]<br />
[[Category: Sensitive Data]]</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=Spendenquittungenprozess_planraum_e.V.&diff=10748
Spendenquittungenprozess planraum e.V.
2014-02-25T21:56:22Z
<p>Nikolayhg: /* Ausführung */</p>
<hr />
<div>==Was==<br />
Erstellung von Spendenquittungen bei Spenden, die am planraum e.V. Verein eingegangen sind.<br />
<br />
==Warum==<br />
Die Spender können ein Teil ihrer Spenden (20%) von den Steuern abziehen.<br />
<br />
==Wer==<br />
* [[Waldo Sessler]], Vorstandsvorsitzender von [[planraum e.V.]]<br />
* [[Nikolay Georgiev]]<br />
<br />
==Wann==<br />
<br />
==Zeitbedarf==<br />
<br />
==Links==<br />
Infos:<br />
* [[Vereinsrecht/Spendenquittung|Spendenquittungen Infos]].<br />
<br />
==Ausführung==<br />
in Bearbeitung!!!<br />
* Nikolay greift die Spenderdaten zu.<br />
* Nikolay füllt das Formular aus: http://www.finanzamt.bayern.de/Informationen/Formulare/fms.php?n=034122 und exportiert eine XML-Datei.<br />
** planraum e.V.<br />
** Auweg 42a<br />
** 93055 Regebsburg<br />
** JA<br />
** Regensburg<br />
** 244/110/20580<br />
** 16.08.2013<br />
** Volks- und Berufsbildung sowie der Studentenhilfe<br />
* Waldo importiert die XML-Datei und unterschreibt die Spendenquittung<br />
* Waldo verschickt die Spendenquittung<br />
<br />
==Dokumentation==<br />
<br />
Beispiel einer Spendenquittung: http://wiki.opensourceecology.de/File:Zuwendungsbescheinigung_ose_edialog_signed.pdf<br />
<br />
==Feedback==<br />
<br />
[[Category: OSEG Prozesse]]</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=Open_Source_Ecology_Germany/Spenden&diff=10747
Open Source Ecology Germany/Spenden
2014-02-25T21:47:54Z
<p>Nikolayhg: /* Unterstützer */</p>
<hr />
<div>{{DISPLAYTITLE:Spenden}}<br />
<html><div style="float: right; padding-left: 15px;"><img src="../images/icons/euro_coin.png"></div></html><br />
<br />
Du kannst die Entwicklung der folgenden [[OSEG Projekte]] finanziell unterstützen:<br />
* [[Wind Turbine Campaign|Windturbine]]<br />
* [[Filamaker]]<br />
* [[Zn/O-Brennstoffzelle#Spenden|Zn/O-Brennstoffzelle]]<br />
* [[Universal_Prototyping_Kit#Spenden|Universal Prototyping Kit - Baukasten]]<br />
* [http://opensourceecology.de/2013/12/carla-cargo-lastenfahrradanhanger/ Carla Cargo Lastenfahrradanhänger]<br />
<br />
Wenn Du keinem konkreten Projekt spenden möchtest, sondern generell, [[Spenden generell|klicke bitte hier]].<br />
<br />
<html><br />
<a href="./Spenden/Bitcoinspenden"><img src="../images/icons/bitcoin.svg"></a><br />
</html><br />
<br />
<br />
== Unterstützer ==<br />
<br />
[[File:Easyname-logo.jpg|link=http://www.easyname.com/de]]<br/><br/><br />
[[File:Zeolith-logo.png|link=http://www.zeolith-bentonit-versand.de/de/]]<br />
<br />
[[Category: -OSEG 304 - Finanzen, Buchhaltung, Fundraising]]<br />
[[Category: Sensitive Data]]</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=Open_Source_Ecology_Germany/Spenden&diff=10746
Open Source Ecology Germany/Spenden
2014-02-25T21:47:32Z
<p>Nikolayhg: /* Unterstützer */ - Zeolith</p>
<hr />
<div>{{DISPLAYTITLE:Spenden}}<br />
<html><div style="float: right; padding-left: 15px;"><img src="../images/icons/euro_coin.png"></div></html><br />
<br />
Du kannst die Entwicklung der folgenden [[OSEG Projekte]] finanziell unterstützen:<br />
* [[Wind Turbine Campaign|Windturbine]]<br />
* [[Filamaker]]<br />
* [[Zn/O-Brennstoffzelle#Spenden|Zn/O-Brennstoffzelle]]<br />
* [[Universal_Prototyping_Kit#Spenden|Universal Prototyping Kit - Baukasten]]<br />
* [http://opensourceecology.de/2013/12/carla-cargo-lastenfahrradanhanger/ Carla Cargo Lastenfahrradanhänger]<br />
<br />
Wenn Du keinem konkreten Projekt spenden möchtest, sondern generell, [[Spenden generell|klicke bitte hier]].<br />
<br />
<html><br />
<a href="./Spenden/Bitcoinspenden"><img src="../images/icons/bitcoin.svg"></a><br />
</html><br />
<br />
<br />
== Unterstützer ==<br />
<br />
[[File:Easyname-logo.jpg|link=http://www.easyname.com/de]]<br />
[[File:Zeolith-logo.png|link=http://www.zeolith-bentonit-versand.de/de/]]<br />
<br />
[[Category: -OSEG 304 - Finanzen, Buchhaltung, Fundraising]]<br />
[[Category: Sensitive Data]]</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=Open_Hardware&diff=10703
Open Hardware
2014-02-14T09:34:05Z
<p>Nikolayhg: </p>
<hr />
<div><br />
==Statistical & Informational==<br />
* [http://whatconsumesme.com/2013/posts-ive-written/the-rise-of-the-hardware-startup/ the rise of the hardware startup]<br />
<br />
== Trends ==<br />
<br />
=== IBM ===<br />
[http://public.dhe.ibm.com/common/ssi/ecm/en/gbe03571usen/GBE03571USEN.PDF IBM Institute for Business Value - The new software-defined supply chain (Preparing for the disruptive transformation of Electronics design and manufacturing)]<br />
* Quote: "Now, the historical rules hardened by a century of experience are being overturned by three emerging technologies: 3D printing, intelligent robotics and open source electronics. Together, these new technologies are creating a manufacturing environment that is driven by digital data. We describe this transformation as moving from a supply chain that is hard-ware-based to one that is “software-defined.” The result: a reconfigured global supply chain will emerge in the coming decade. It will radically change the nature of manufacturing in the Electronics industry, shifting global trade flows and altering the competitive landscape for both enter prise and government policy makers.".</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=Vorlage:Friends_list&diff=10698
Vorlage:Friends list
2014-02-12T00:18:10Z
<p>Nikolayhg: fablab Cottbus</p>
<hr />
<div>* [http://www.adabio-autoconstruction.org ADABio Autoconstruction] - big network of farmers and makers in France building farming technologies.<br />
* [http://apollo.open-resource.org/ Apollo-NG] - a mobile, self-sustainable, independent and highly-experimental Hackerspace using next-generation technology.<br />
* [http://arcticperspective.org/ Arctic Perspective Initiative] - open authoring, communications and dissemination infrastructures for the circumpolar region.<br />
* [http://www.biomimicrygermany.de/ Biomimicry Germany] - we integrate Nature's elegant solutions into the design process - success strategies that were tested for billions of years.<br />
* [http://www.blue-engineering.org/ Blue Engineering] - Ingenieurinnen und Ingenieure mit sozialer und ökologischer Verantwortung.<br />
* [http://fablab-cottbus.de/wiki/mediawiki/index.php/Willkommen_im_fablab_Cottbus fablab Cottbus] - eine offene Mitmachwerkstatt sein, in der neuartige und alte Produktionsmethoden ausprobiert und entwickelt werden können.<br />
* [http://www.gemeinwohl-oekonomie.org Gemeinwohl Ökonomie] - ein alternatives Wirtschaftsmodell, das auf den Werten Menschenwürde, Mitgefühl, Solidarität, Gerechtigkeit, ökologische Verantwortung und Demokratie aufbaut.<br />
* [http://keimform.de/ Keimform] - Auf der Suche nach dem Neuen im Alten - Peer Production, Commons und mehr.<br />
* [http://knowable.org/ Knowable] - a social network that makes practical solutions for everyday challenges widely accessible – especially in developing and transformation regions.<br />
* [http://www.kommune-niederkaufungen.de/ Kommune Niederkaufungen] - intentionale Gemeinschaft seit 1986: Miteinander, Ökologie, Gemeinsame Ökonomie.<br />
* [http://www.lebenskleidung.com/ Lebenskleidung] - Organic textiles from India and Turkey to Germany.<br />
* [http://www.leila-berlin.de/ Leila Berlin] - LeihLaden in Berlin - kostenlos und gemeinsam Sachen und Werkzeuge leihen.<br />
* [http://de.ooewimodule.wikia.com/wiki/O%C3%96Wi_Wiki Offene Ökologische Wirtschaft] - Open Source und Regeneratives Design.<br />
* [http://betahaus.de/ Open Design City] - a space that enables people to share. Whether knowledge, skills, ideas or tools and materials our community finds new ways to share for our collective benefit.<br />
* [http://r0g-media.org/osjuba/ OSJUBA] - initiative for Open Source Juba in South Sudan.<br />
* [http://ouishare.net/ OuiShare] - OuiShare is an international network of entrepreneurs, journalists, researchers, designers, activists and citizens working towards the development of the collaborative economy.<br />
* [[planraum e.V.]] - ist ein organisatorisches Rahmenwerk zum Entwickeln und Voranbringen von Ideen und Vorstellungen. Regensburg.<br />
* [http://nawaro-fahrrad.de/cms/ Projektwerkstatt NaWaRo-Fahrrad] - Entwicklung von neuartigen Fahrradteilen auf Basis von NachWachsenden Rohstoffen (NaWaRo).<br />
* [http://rewig-muenchen.de/ ReWiG München] und [http://rewig-muenchen.de/die-rewig/rewig-allgaeu/ Allgäu] - Förderung einer dem Leben achtsam zugewandten, zukunftsfähigen Wirtschaftsweise.<br />
* [http://www.anstiftung.de/ Stiftungsgemeinschaft anstiftung & ertomis] - a federal coordination- and service centre to promote and support the networking, as well as the mutual knowledge exchange between urban community gardens and open workshops for crafting as well as initiatives for social revitalization of neighborhoods. Besides of advising and guidance of projects, the staff of anstiftung & ertomis is also doing empirical research in the field of sustainable lifestyles and self-sufficiency.<br />
* [http://www.terrapretawiki.org/index.php?title=Hauptseite Terra Preta Wiki] - das Deutsche Wiki über Terra Preta (schwarze Erde).<br />
* [http://www.transition-initiativen.de/ Transition Towns Germany] - open self-organization for localizing the economy in the cities. See [http://www.transition-initiativen.de/group/open-source-ecology OSEG TT-Group].<br />
* [http://www.zeitgeistmovement.de/ The Zeitgeist Movement Germany] - a grassroots movement connecting sustainable and educational projects worldwide aiming towards a resource based economy.<br />
* [http://www.velogistics.net/ Velogistics] - worldwide platform for lending cargo-bikes and other post-fossile transport utilities locally, from private-to-private or organization-to-organization.<br />
* [http://wendepunktzukunft.org/ Wendepunktzukunft] - die Bürgergesellschaft in Wendland für die Entwicklung des ländlichen Raums.<br />
* [http://werkstatt-lastenrad.de/ Workshop Cargobike] - Wiki platform and initiative to aggregate open-source plans by facitlitating and documenting workshops for non-profit associations and groups of people to build collectively their own upcycled cargo-bikes.<br />
* [http://www.youthfutureproject.org/ Youth Future Project] - Young people aligned with the wisdom of The Right Livelihood Laureates are creating sustainable future together.<br />
<br />
<noinclude>Siehe [[Freunde]]. [[Category:Templates]]</noinclude></div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=Ebooks&diff=10697
Ebooks
2014-02-11T22:40:19Z
<p>Nikolayhg: /* Kaufen */</p>
<hr />
<div><br />
==Lesen==<br />
* http://paperc.de/<br />
<br />
==Herunterladen==<br />
* http://en.bookfi.org/<br />
* http://avaxhome.ws/<br />
* http://www.ebooks-share.net/<br />
* http://it-ebooks.info/<br />
<br />
==Kaufen==<br />
<br />
* http://store.kobobooks.com/<br />
<br />
==Create ePub==<br />
===Sigil===<br />
Install [https://code.google.com/p/sigil/ Sigil].<br />
* Add to Software Sources in the Software Center: deb http://ppa.launchpad.net/rgibert/ebook/ubuntu precise main<br />
* sudo apt-get update<br />
* Install Sigil from the Software Center.<br />
* [http://www.mobileread.com/forums/showpost.php?p=2496253&postcount=1 Sigil-0.7.2-Linux_x86.deb]<br />
<br />
===LibreOffice===<br />
* Install LibreOffice<br />
* Install the extension Writer2ePub: http://extensions.openoffice.org/en/project/Writer2ePub<br />
* Open your document and click the green "E" icon to enter the metadata and export it to epub.<br />
<br />
===From Firefox===<br />
* Install the GrabMyBooks extension: https://addons.mozilla.org/en-US/firefox/addon/grabmybooks/?src=search<br />
<br />
==eReaders==<br />
===Sony PRS-T1===<br />
* Enable Cyrillic fonts<br />
** only the "Original" font doesn't support Cyrillic, all other fonts do. Change the font: <Menu button> -> Font -> <Select Font Type> then select any but Original, e.g. "Frutiger Neue".<br />
<br />
[[Category: Wissen]]</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=Spendenquittungenprozess_planraum_e.V.&diff=10690
Spendenquittungenprozess planraum e.V.
2014-02-09T19:03:18Z
<p>Nikolayhg: /* Dokumentation */</p>
<hr />
<div>==Was==<br />
Erstellung von Spendenquittungen bei Spenden, die am planraum e.V. Verein eingegangen sind.<br />
<br />
==Warum==<br />
Die Spender können ein Teil ihrer Spenden (20%) von den Steuern abziehen.<br />
<br />
==Wer==<br />
* [[Waldo Sessler]], Vorstandsvorsitzender von [[planraum e.V.]]<br />
* [[Nikolay Georgiev]]<br />
<br />
==Wann==<br />
<br />
==Zeitbedarf==<br />
<br />
==Links==<br />
Infos:<br />
* [[Vereinsrecht/Spendenquittung|Spendenquittungen Infos]].<br />
<br />
==Ausführung==<br />
in Bearbeitung!!!<br />
* Nikolay greift die Spenderdaten zu.<br />
* Nikolay füllt das Formular aus: http://www.finanzamt.bayern.de/Informationen/Formulare/fms.php?n=034122 und exportiert eine XML-Datei.<br />
* Waldo importiert die XML-Datei und unterschreibt die Spendenquittung<br />
* Waldo verschickt die Spendenquittung<br />
<br />
==Dokumentation==<br />
<br />
Beispiel einer Spendenquittung: http://wiki.opensourceecology.de/File:Zuwendungsbescheinigung_ose_edialog_signed.pdf<br />
<br />
==Feedback==<br />
<br />
[[Category: OSEG Prozesse]]</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=Spendenquittungenprozess_planraum_e.V.&diff=10689
Spendenquittungenprozess planraum e.V.
2014-02-09T19:02:28Z
<p>Nikolayhg: /* Ausführung */</p>
<hr />
<div>==Was==<br />
Erstellung von Spendenquittungen bei Spenden, die am planraum e.V. Verein eingegangen sind.<br />
<br />
==Warum==<br />
Die Spender können ein Teil ihrer Spenden (20%) von den Steuern abziehen.<br />
<br />
==Wer==<br />
* [[Waldo Sessler]], Vorstandsvorsitzender von [[planraum e.V.]]<br />
* [[Nikolay Georgiev]]<br />
<br />
==Wann==<br />
<br />
==Zeitbedarf==<br />
<br />
==Links==<br />
Infos:<br />
* [[Vereinsrecht/Spendenquittung|Spendenquittungen Infos]].<br />
<br />
==Ausführung==<br />
in Bearbeitung!!!<br />
* Nikolay greift die Spenderdaten zu.<br />
* Nikolay füllt das Formular aus: http://www.finanzamt.bayern.de/Informationen/Formulare/fms.php?n=034122 und exportiert eine XML-Datei.<br />
* Waldo importiert die XML-Datei und unterschreibt die Spendenquittung<br />
* Waldo verschickt die Spendenquittung<br />
<br />
==Dokumentation==<br />
<br />
==Feedback==<br />
<br />
[[Category: OSEG Prozesse]]</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=Datei:Zuwendungsbescheinigung_ose_edialog_signed.pdf&diff=10688
Datei:Zuwendungsbescheinigung ose edialog signed.pdf
2014-02-09T18:57:46Z
<p>Nikolayhg: </p>
<hr />
<div></div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=Vereinsrecht/Spendenquittung&diff=10670
Vereinsrecht/Spendenquittung
2014-02-05T20:52:48Z
<p>Nikolayhg: /* Formulare */</p>
<hr />
<div>{{Vereinsrecht}}<br />
<br />
Per E-Mail senden?<br />
* http://www.rechenkraft.net/wiki/images/d/d3/RKNeV_Mitgliedsantrag2.pdf<br />
<br />
==200 Euro Grenze==<br />
<br />
Vereinfachter Zuwendungsnachweis aus [http://www.verwaltung.bayern.de/portal/cl/1058/Gesamtliste.html?cl.document=1927964 Steuertipps für Vereine]:<br />
* Für Zuwendungen bis zu einem Betrag von 200 Euro wird es aus Vereinfachungsgründen zugelassen, dass anstelle einer vom Verein ausgestellten förmlichen Zuwendungsbestätigung die Buchungsbestätigung eines Kreditinstitutes oder – im Falle der Bareinzahlung auf das Konto des Vereins - der Bareinzahlungsbeleg eines Kreditinstitutes vorgelegt wird. Dieses Verfahren setzt voraus, dass:<br />
** '''der spendenbegünstigte Zweck''', für den die Zuwendung verwendet wird, und die Angaben über die '''Freistellung''' des Vereins von der Körperschaftsteuer (= „Anerkennung“ als gemeinnützige Körperschaft) '''auf einem vom Verein hergestellten Beleg aufgedruckt sind'''.<br />
** Zusätzlich muss auf dem Beleg angegeben werden, '''ob''' es sich um '''eine Spende oder einen Mitgliedsbeitrag''' handelt.<br />
<br />
SOS-Kinderdörfer:<br />
* Ansonsten gilt bei Überweisungen und Bareinzahlung folgende Regelung: Bei einer Spende '''bis zu 200 Euro''' brauchen Sie keine Spendenquittung. Das Finanzamt akzeptiert den Bankbeleg (siehe unten) in Verbindung mit dem Freistellungsbescheid (auf unserem Überweisungsträger). Bei einer Spende ab 200,01 Euro schicken wir Ihnen automatisch eine Spendenquittung für Ihre Steuererklärung zu. ([http://www.sos-kinderdoerfer.de/helfen/spenden/pages/haeufige-fragen-zur-spende.aspx Quelle])<br />
<br />
[http://www.aerzte-ohne-grenzen.de/spenden/spenderservice/spendenquittung/index.html Ärzte ohne Grenzen?]<br />
* Kann ich meine Spendenquittung auch per E-Mail als PDF-Dokument erhalten?<br />
** Nein. Im Moment geht das noch nicht. Wir sind aber gerade dabei – gemäß den gesetzlichen Verordnungen – ein Format zu entwickeln, das es ermöglicht, Spendenquittungen online zu versenden.<br />
** Die Finanzämter erkennen den Bareinzahlungsbeleg oder die Buchungsbestätigung des Kreditinstituts als Spendenquittung an. ([http://www.behoerdenwegweiser.bayern.de/dokumente/aufgabenbeschreibung/93775488493 Quelle])<br />
<br />
==Formulare==<br />
* http://www.finanzamt.bayern.de/Informationen/Formulare/fms.php?n=034122 <br />
* http://www.finanzamt.bayern.de/Informationen/Formulare/Weitere_Themen_A_bis_Z/Spenden/default.php?f=stmf<br />
<br />
<br />
===Zuwendungsbestätigung - Geldzuwendung===<br />
http://www.finanzamt.bayern.de/Informationen/Formulare/fms.php?n=034122<br />
* PDF Druck Error: "Due to validation errors the process was stopped! Please correct all errors on the pages: - Seite 1 "<br />
** Leider keine Infos wo genau der Fehler ist und wie man den Fehler behebt.<br />
* '''BEDARF''': Ähnliches Formular sollte Open Source werden, damit die Daten automatisch einfließen können.<br />
<br />
[[Category: -OSEG 308 - Rechtswesen]]</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=Vereinsrecht/Spendenquittung&diff=10669
Vereinsrecht/Spendenquittung
2014-02-05T20:52:34Z
<p>Nikolayhg: /* Formulare */</p>
<hr />
<div>{{Vereinsrecht}}<br />
<br />
Per E-Mail senden?<br />
* http://www.rechenkraft.net/wiki/images/d/d3/RKNeV_Mitgliedsantrag2.pdf<br />
<br />
==200 Euro Grenze==<br />
<br />
Vereinfachter Zuwendungsnachweis aus [http://www.verwaltung.bayern.de/portal/cl/1058/Gesamtliste.html?cl.document=1927964 Steuertipps für Vereine]:<br />
* Für Zuwendungen bis zu einem Betrag von 200 Euro wird es aus Vereinfachungsgründen zugelassen, dass anstelle einer vom Verein ausgestellten förmlichen Zuwendungsbestätigung die Buchungsbestätigung eines Kreditinstitutes oder – im Falle der Bareinzahlung auf das Konto des Vereins - der Bareinzahlungsbeleg eines Kreditinstitutes vorgelegt wird. Dieses Verfahren setzt voraus, dass:<br />
** '''der spendenbegünstigte Zweck''', für den die Zuwendung verwendet wird, und die Angaben über die '''Freistellung''' des Vereins von der Körperschaftsteuer (= „Anerkennung“ als gemeinnützige Körperschaft) '''auf einem vom Verein hergestellten Beleg aufgedruckt sind'''.<br />
** Zusätzlich muss auf dem Beleg angegeben werden, '''ob''' es sich um '''eine Spende oder einen Mitgliedsbeitrag''' handelt.<br />
<br />
SOS-Kinderdörfer:<br />
* Ansonsten gilt bei Überweisungen und Bareinzahlung folgende Regelung: Bei einer Spende '''bis zu 200 Euro''' brauchen Sie keine Spendenquittung. Das Finanzamt akzeptiert den Bankbeleg (siehe unten) in Verbindung mit dem Freistellungsbescheid (auf unserem Überweisungsträger). Bei einer Spende ab 200,01 Euro schicken wir Ihnen automatisch eine Spendenquittung für Ihre Steuererklärung zu. ([http://www.sos-kinderdoerfer.de/helfen/spenden/pages/haeufige-fragen-zur-spende.aspx Quelle])<br />
<br />
[http://www.aerzte-ohne-grenzen.de/spenden/spenderservice/spendenquittung/index.html Ärzte ohne Grenzen?]<br />
* Kann ich meine Spendenquittung auch per E-Mail als PDF-Dokument erhalten?<br />
** Nein. Im Moment geht das noch nicht. Wir sind aber gerade dabei – gemäß den gesetzlichen Verordnungen – ein Format zu entwickeln, das es ermöglicht, Spendenquittungen online zu versenden.<br />
** Die Finanzämter erkennen den Bareinzahlungsbeleg oder die Buchungsbestätigung des Kreditinstituts als Spendenquittung an. ([http://www.behoerdenwegweiser.bayern.de/dokumente/aufgabenbeschreibung/93775488493 Quelle])<br />
<br />
==Formulare==<br />
* http://www.finanzamt.bayern.de/Informationen/Formulare/Weitere_Themen_A_bis_Z/Spenden/default.php?f=stmf<br />
* http://www.finanzamt.bayern.de/Informationen/Formulare/fms.php?n=034122 <br />
<br />
===Zuwendungsbestätigung - Geldzuwendung===<br />
http://www.finanzamt.bayern.de/Informationen/Formulare/fms.php?n=034122<br />
* PDF Druck Error: "Due to validation errors the process was stopped! Please correct all errors on the pages: - Seite 1 "<br />
** Leider keine Infos wo genau der Fehler ist und wie man den Fehler behebt.<br />
* '''BEDARF''': Ähnliches Formular sollte Open Source werden, damit die Daten automatisch einfließen können.<br />
<br />
[[Category: -OSEG 308 - Rechtswesen]]</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=Wind_Turbine_Campaign/Open_Source_Supporters&diff=10580
Wind Turbine Campaign/Open Source Supporters
2014-01-19T17:32:46Z
<p>Nikolayhg: </p>
<hr />
<div>{{DISPLAYTITLE:Open Source Supporters - Offene Forschungsplattform für Windenergie}}<br />
{{Germany_Flags}}<br />
{{Back Button|Zurück zur Kampagne|wikipage=Wind_Turbine_Campaign}}<br />
<br />
<br />
Hier ist die Liste der Open Source Supporters mit Ihren Namen und Webseiten.<br />
<br />
Durch die "Tabs" unten werden die '''einmaligen''' und '''monatlichen''' Supporters angezeigt.<br />
<br />
<br />
<html><iframe width='900' height='600' frameborder='0' src='https://docs.google.com/spreadsheet/pub?key=0Au4HBfGndfFmdHlMVkd2R1BkZGo4T0ZrSEZaR2Nua1E&output=html&widget=true'></iframe></html><br />
[https://docs.google.com/spreadsheet/pub?key=0Au4HBfGndfFmdHlMVkd2R1BkZGo4T0ZrSEZaR2Nua1E&gid=0 Link]<br />
<br />
<br />
[[Category: -OSEG 304 - Finanzen, Buchhaltung, Fundraising]]<br />
[[Category: -OSEG 401 - Windenergie]]</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=Open_Source_Ecology_Germany/Spenden&diff=10579
Open Source Ecology Germany/Spenden
2014-01-19T17:24:10Z
<p>Nikolayhg: easyname als Unterstützer</p>
<hr />
<div>{{DISPLAYTITLE:Spenden}}<br />
<html><div style="float: right; padding-left: 15px;"><img src="../images/icons/euro_coin.png"></div></html><br />
<br />
Du kannst die Entwicklung der folgenden [[OSEG Projekte]] finanziell unterstützen:<br />
* [[Wind Turbine Campaign|Windturbine]]<br />
* [[Filamaker]]<br />
* [[Zn/O-Brennstoffzelle#Spenden|Zn/O-Brennstoffzelle]]<br />
* [[Universal_Prototyping_Kit#Spenden|Universal Prototyping Kit - Baukasten]]<br />
* [http://opensourceecology.de/2013/12/carla-cargo-lastenfahrradanhanger/ Carla Cargo Lastenfahrradanhänger]<br />
<br />
Wenn Du keinem konkreten Projekt spenden möchtest, sondern generell, [[Spenden generell|klicke bitte hier]].<br />
<br />
<html><br />
<a href="./Spenden/Bitcoinspenden"><img src="../images/icons/bitcoin.svg"></a><br />
</html><br />
<br />
<br />
== Unterstützer ==<br />
<br />
[[File:Easyname-logo.jpg|link=http://www.easyname.com/de]]<br />
<br />
[[Category: -OSEG 304 - Finanzen, Buchhaltung, Fundraising]]<br />
[[Category: Sensitive Data]]</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=Open_Source_Ecology_Germany&diff=10485
Open Source Ecology Germany
2014-01-13T09:41:42Z
<p>Nikolayhg: filamaker aktiv</p>
<hr />
<div>{{DISPLAYTITLE:<span style="display:none"></span>}}<br />
<html><br />
<table style="text-align:center; width:100%; border:2px solid white; border-radius:20px;"><br />
<tr><br />
<td colspan="10" align="left"><h2 style="border-bottom:1px solid grey;">&nbsp;Die Projekte</h2></td><br />
</tr><br />
<tr style="background:#F0EEB7; font-size:0.7em;"><br />
<td valign="bottom" width="10%"><span rel="tooltip" title="Projekt aktiv!"></html>[[File:Unipro_icon2.png|50px|link=Universal Prototyping Kit]]<html><br></html>[[Universal Prototyping Kit|Baukasten]]<html></span></td><br />
<td valign="bottom" width="10%"><span rel="tooltip" title="Projekt aktiv!"></html>[[File:Icon5c.png|50px|link=Zn/O-Brennstoffzelle]]<html><br></html>[[Zn/O-Brennstoffzelle]]<html></span></td><br />
<td valign="bottom" width="10%"><span rel="tooltip" title="Projekt aktiv!"></html>[[File:Tiva-wind-turbine-transparent-50pxh.png|link=Wind_Turbine]]<html><br></html>[[Wind_Turbine|Windturbine]]<html></span></td><br />
<td valign="bottom" width="10%"><span rel="tooltip" title="Projekt aktiv!"></html>[[File:Plastic_shredder_50pxh.png|link=Filamaker]]<html><br></html>[[Filamaker]]<html></span></td><br />
<td valign="bottom" width="10%" style="background:lightgrey;"><span rel="tooltip" title="Projekt inaktiv!"></html>[[File:Induction-furnace_50pxh.png|link=Induktionsofen]]<html><br></html>[[Induktionsofen]]<html></span></td><br />
<td valign="bottom" width="10%" style="background:lightgrey;"><span rel="tooltip" title="Projekt inaktiv!"></html>[[File:Tlud-stove_50pxh.png|link=Holzvergaserofen]]<html><br></html>[[Holzvergaserofen|Holzvergaserofen]]<html></span></td><br />
<td valign="bottom" width="10%" style="background:lightgrey;"><span rel="tooltip" title="Projekt inaktiv!"><br></html>[[CNC_Circuit_Mill|CNC Platinenfräse]]<html></span></td><br />
<td valign="bottom" width="10%" style="background:lightgrey;"><span rel="tooltip" title="Projekt inaktiv!"><br></html>[[Hoflader]]<html></span></td><br />
<td valign="bottom" width="10%" style="background:lightgrey;"><span rel="tooltip" title="Projekt inaktiv!"><br></html>[[Rollhacke]]<html></span></td><br />
<td valign="bottom" width="10%"><span rel="tooltip" title="Projekt aktiv!"><br></html>[[DiVER]]<html></td></span></tr><br />
<br />
<tr><td colspan="10" align="left"><h2 style="border-bottom:1px solid grey;">&nbsp;Open Source Ecology Germany</h2></td></tr><br />
<br />
<tr style="border:1px solid grey;"><td colspan="2"><a href="/OSEG_Organisation"><img src="./images/icons/book.png"></a></td><td colspan="2"><a href="/Open_Source_Ecology_Germany/Werte"><img src="./images/icons/green_button.png"></a></td><td colspan="2"><a href="/Open_Source_Ecology_Germany/Open_Source_Economy"><img src="./images/icons/globe_process.png"></a></td><td colspan="2"><a href="/Open_Source_Ecology_Germany/Netzwerk"><img width=60 height=60 src="./images/icons/network.png"></a></td><td colspan="2"><a href="/Open_Source_Ecology_Germany/Freunde"><img src="./images/icons/users.png"></a></td></tr><tr style="background:#EFF9E2; height:50px;"><td colspan="2"></html>[[OSEG_Organisation|OSEG Live]]<html></td><td colspan="2"></html>[[Open_Source_Ecology_Germany/Werte|Werte]]<html></td><td colspan="2"></html>[[Open_Source_Ecology_Germany/Open_Source_Economy|Open Source Economy]]<html></td><td colspan="2"></html>[[Open_Source_Ecology_Germany/Netzwerk|Netzwerk]]<html></td><td colspan="2"></html>[[Open_Source_Ecology_Germany/Freunde|Freunde]]<html></td></tr><tr><td colspan="10" height="50px" style="border:1px solid lightgrey; border-left:0px; border-right:0px;"><div style="font-size: 145%; line-height: 25px;"><br/></html>Die Open Source Ecology (OSE) Germany ist eine offene Bewegung, die eine Open Source Ökonomie aufbaut, welche sowohl Produktion als auch Verteilung optimiert, und dabei Regeneration der Umwelt und soziale Gerechtigkeit fördert.<br/><br/><html><div style="font-size: small; line-height: 150%;"></html>Wir entwickeln die '''Technologien''' zum Aufbau einer lokalen Ökonomie, von Traktoren über Windkraftwerke bis hin zu Autos, verbessern diese kontinuierlich gemäß [[Open_Source_Ecology_Germany/Werte|'''nachhaltigen Grundwerten''']] wie Reproduzierbarkeit, Modularität, Eignung für den Eigenbau sowie ökologischem Design, und stellen die Ergebnisse jedem Open Source zur Verfügung.<br/><br/><html></div></div></td></tr><br />
<br />
<tr><td colspan="10" style="border:1em dotted white; border-left:0px; border-right:0px; background:lightgrey;"><br />
<div id="osegtv" style="width:100%;"><br />
</html>{{Videoset}}<html><br />
</div><br />
</td></tr><br />
<br />
<tr><td colspan="10" height="50px" style="border:1px solid lightgrey; border-left:0px; border-right:0px;"></td></tr><br />
<br />
<tr><br />
<td colspan="2"><br />
</html>[[File:Facebook_logo.png|link=https://www.facebook.com/OSEGermany]] [[File:Twitter_logo.png|link=http://twitter.com/OSEGermany]] [[File:Youtube_logo.png|link=https://www.youtube.com/user/osegermany]]<html><br />
</td><br />
<td colspan="2"><a href="/Open_Source_Ecology_Germany/Profil"><img src="./images/icons/add_user.png"></a></td><br />
<td colspan="4"><a href="/Open_Source_Ecology_Germany/Spenden"><img src="./images/icons/euro_coin.png"></a>&nbsp;<a href="/Open_Source_Ecology_Germany/Spenden/Bitcoinspenden"><img src="./images/icons/bitcoin.svg"></a></td><br />
<td colspan="2"><a href="/Open_Source_Ecology_Germany/Unterstützen"><img src="./images/icons/add_to_favorites.png"></a></td><br />
</tr><tr style="background:#EFF9E2; height:50px;"><br />
<td colspan="2">Externe Netzwerke</td><br />
<td colspan="2"></html>[[Open_Source_Ecology_Germany/Profil|Beitreten und eigenes Profil erstellen]]<html></td><br />
<td colspan="4"></html>[[Open_Source_Ecology_Germany/Spenden|Spenden]]<html></td><br />
<td colspan="2"></html>[[Open_Source_Ecology_Germany/Unterstützen|Unterstützen]]<html></td><br />
</tr><br />
<br />
<tr><td colspan="10" height="50px" style="border:1px solid lightgrey; border-left:0px; border-right:0px;">&nbsp;</td></tr><br />
<br />
<br />
<tr><td colspan="5" align="left"><h2 style="border-bottom:1px solid grey;">&nbsp;Kontakt</h2></td><td colspan="5" align="right"><h2 style="border-bottom:1px solid grey;">Hilfe&nbsp;</h2></td></tr><tr><td><a href="/Open_Source_Ecology_Germany/OSEG_Kommunikation"><img src="./images/icons/megaphone.png"></a></td><td><a href="/Open_Source_Ecology_Germany/Events"><img src="./images/icons/event.png"></a></td><td><a href="http://forum.opensourceecology.de"><img src="./images/icons/users_comments.png"></a></td><br />
<td><a href="http://opensourceecology.de"><img src="./images/icons/promotion.png"></a></td><br />
<td><a href="/Open_Source_Ecology_Germany/Kontakt"><img src="./images/icons/mail.png"></a></td><td colspan="3"></td><td><a href="/Software"><img src="./images/icons/tools.png"></a></td><td><a href="/Fragen_und_Antworten"><img src="./images/icons/help.png"></a></td></tr><tr style="background:#EFF9E2; font-size:0.7em;"><td></html>[[Open_Source_Ecology_Germany/OSEG_Kommunikation|Kommunikation]]<html></td><td></html>[[Open_Source_Ecology_Germany/Events|Events]]<html></td><td></html>[http://forum.opensourceecology.de Forum]<html></td><br />
<td></html>[http://opensourceecology.de Blog]<html></td><br />
<td></html>[[Open_Source_Ecology_Germany/Kontakt|Kontakt]]<html></td><td colspan="3"></td><td></html>[[Software]]<html></td><td></html>[[Fragen_und_Antworten|FAQ]]<html></td></tr><tr><td colspan="10" height="5px" style="border:1px solid lightgrey; border-left:0px; border-right:0px; border-bottom:0px;">&nbsp;</td></tr></table><br />
<p style="color:red;"></html>[[Umstrukturierung|Momentan findet eine Umstrukturierung statt, für weitere Informationen klicke hier!]]<html></p><br />
</html></div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=Open_Source_Ecology_Germany/Spenden&diff=10472
Open Source Ecology Germany/Spenden
2014-01-04T22:00:07Z
<p>Nikolayhg: </p>
<hr />
<div>{{DISPLAYTITLE:Spenden}}<br />
<html><div style="float: right; padding-left: 15px;"><img src="../images/icons/euro_coin.png"></div></html><br />
<br />
Du kannst die Entwicklung der folgenden [[OSEG Projekte]] finanziell unterstützen:<br />
* [[Wind Turbine Campaign|Windturbine]]<br />
* [[Filamaker]]<br />
* [[Zn/O-Brennstoffzelle#Spenden|Zn/O-Brennstoffzelle]]<br />
* [[Universal_Prototyping_Kit#Spenden|Universal Prototyping Kit - Baukasten]]<br />
* [http://opensourceecology.de/2013/12/carla-cargo-lastenfahrradanhanger/ Carla Cargo Lastenfahrradanhänger]<br />
<br />
Wenn Du keinem konkreten Projekt spenden möchtest, sondern generell, [[Spenden generell|klicke bitte hier]].<br />
<br />
<html><br />
<a href="./Spenden/Bitcoinspenden"><img src="../images/icons/bitcoin.svg"></a><br />
</html><br />
<br />
[[Category: -OSEG 304 - Finanzen, Buchhaltung, Fundraising]]<br />
[[Category: Sensitive Data]]</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=Open_Source_Ecology_Germany/Spenden&diff=10471
Open Source Ecology Germany/Spenden
2014-01-04T21:49:26Z
<p>Nikolayhg: </p>
<hr />
<div>{{DISPLAYTITLE:Spenden}}<br />
<html><div style="float: right; padding-left: 15px;"><img src="../images/icons/euro_coin.png"></div></html><br />
<br />
Du kannst die Entwicklung der folgenden [[OSEG Projekte]] finanziell unterstützen:<br />
* [[Wind Turbine Campaign|Windturbine]]<br />
* [[Filamaker]]<br />
* [[Zn/O-Brennstoffzelle#Spenden|Zn/O-Brennstoffzelle]]<br />
* [[Universal_Prototyping_Kit#Spenden|Universal Prototyping Kit - Baukasten]]<br />
* [http://opensourceecology.de/2013/12/carla-cargo-lastenfahrradanhanger/|Carla Cargo Lastenfahrradanhänger]<br />
<br />
Wenn Du keinem konkreten Projekt spenden möchtest, sondern generell, [[Spenden generell|klicke bitte hier]].<br />
<br />
<html><br />
<a href="./Spenden/Bitcoinspenden"><img src="../images/icons/bitcoin.svg"></a><br />
</html><br />
<br />
[[Category: -OSEG 304 - Finanzen, Buchhaltung, Fundraising]]<br />
[[Category: Sensitive Data]]</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=Donations_in_general&diff=10470
Donations in general
2014-01-04T21:41:57Z
<p>Nikolayhg: </p>
<hr />
<div>{{DISPLAYTITLE:Donations}}<br />
{{Germany/en}}<br />
<br />
You can donate without choosing a concrete OSEG Project. Otherwise, you can [[Spenden/en|donate to a concrete project]] [[Spenden|einem konkreten OSEG Projekt unterstützen]].<br />
<br />
==Bank Transfer==<br />
<br />
You can transfer your donation on the following bank account. Please add as purpose of the transfer '''ORGA'''.<br />
<br />
{{Planraum Bank Account|purpose=enter here "ORGA"}}<br />
<br />
<br />
'''''Notice about your data''''': Your name and the donation amount will be automatically published in our [[Offenen Buchhaltung/en|Open Book Accounting]]. If you want the bank transfer to be anonymized, please send a short email to [[Nikolay]].<br />
<br />
'''''Notece about donation receipt''''': We are not able to issue a donation receipt! When we create the German association will be able to issue donation receipts. If you want to be notified about this event, please send a request for notification to [[Nikolay]].<br />
<br />
'''''Notece about a monthly donation''''': If you want to pay monthly, we recommend you a standing order. Another possibility is PayPal.<br />
<br />
Thank You!<br />
<br />
==Open Book Accounting==<br />
You can see at any time our [[offene Buchhaltung/en|Open Book Accounting]].<br />
<br />
==PayPal==<br />
<br />
You can donate 10€ monthly or another desired amount per PayPal. You can donate also once.<br/><br />
''Notice'': Instead PayPal we recommend you a '''standing order''' from your bank account because it is cheaper (e.g. 0,10€ from you instead of 1,9 % + 0,35€ from us with PayPal)<br />
<br/><br/><br />
After clicking on the PayPal button please enter under "Purpose" the '''ORGA'''. Thank You!<br/><br />
<br />
<br />
{|<br />
! Monthly donation - 10€<html><br/></html><br />
! Monthly donation - desired amount<br />
! One-time-donation<html><br/></html><br />
|-<br />
|style="width: 250px; text-align: center;" |<html><br />
<form action="https://www.paypal.com/cgi-bin/webscr" method="post"><br />
<input type="hidden" name="cmd" value="_s-xclick"><br />
<input type="hidden" name="hosted_button_id" value="WKTSR8MQ6J5CG"><br />
<input type="image" src="https://www.paypalobjects.com/de_DE/DE/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="Jetzt einfach, schnell und sicher online bezahlen – mit PayPal."><br />
<img alt="" border="0" src="https://www.paypalobjects.com/de_DE/i/scr/pixel.gif" width="1" height="1"><br />
</form><br />
</html><br />
|style="width: 250px; text-align: center;" |<html><br />
<form action="https://www.paypal.com/cgi-bin/webscr" method="post"><br />
<input type="hidden" name="cmd" value="_s-xclick"><br />
<input type="hidden" name="hosted_button_id" value="SW8W7TT7CYATE"><br />
<input type="image" src="https://www.paypalobjects.com/de_DE/DE/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="Jetzt einfach, schnell und sicher online bezahlen – mit PayPal."><br />
<img alt="" border="0" src="https://www.paypalobjects.com/de_DE/i/scr/pixel.gif" width="1" height="1"><br />
</form><br />
</html><br />
|style="width: 250px; text-align: center;" |<html><br />
<form action="https://www.paypal.com/cgi-bin/webscr" method="post"><br />
<input type="hidden" name="cmd" value="_s-xclick"><br />
<input type="hidden" name="hosted_button_id" value="2GARVK5KSPKAL"><br />
<input type="image" src="https://www.paypalobjects.com/de_DE/DE/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="Jetzt einfach, schnell und sicher online bezahlen – mit PayPal."><br />
<img alt="" border="0" src="https://www.paypalobjects.com/de_DE/i/scr/pixel.gif" width="1" height="1"><br />
</form><br />
</html><br />
|}<br />
<br />
==Bitcoin==<br />
<br />
You can donate Bitcoins:<br />
<br />
[[File:Bitcoin_accept_round_button_168x64.png|link=Spenden_generell/Bitcoins/en]]<br />
<br />
[[Category: -OSEG 304 - Finanzen, Buchhaltung, Fundraising]]<br />
[[Category: Sensitive Data]]</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=Sebastian_Gampe&diff=10399
Sebastian Gampe
2013-10-20T12:45:53Z
<p>Nikolayhg: Redirected page to Profil:Sebastian Gampe</p>
<hr />
<div>#REDIRECT [[Profil:Sebastian_Gampe]]</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=Pressearchiv&diff=10363
Pressearchiv
2013-09-13T08:54:09Z
<p>Nikolayhg: heise.de</p>
<hr />
<div>Diese Seite sammelt Veröffentlichungen zu OSE in deutschsprachigen Medien.<br />
<br />
=2013=<br />
<br />
==Sep 2013==<br />
* [http://www.heise.de/open/artikel/Open-Source-auf-freiem-Fuss-1954752.html heise.de]<br />
<br />
==Feb 2013==<br />
* [http://www.transition-regensburg.de/open-source-ecology/ Open Source Ecology – Die freie Technik für den Wandel!], Transition Town Regensburg<br />
<br />
==Jan 2013==<br />
* [http://www.youthfutureproject.org/open-source-ecology-2/ Youth Future Project], 22.1.2013<br />
* [http://www.swr.de/swr2/tandem SWR2 Tandem], 9.1.2013, 19:20.<br />
<br />
=2012=<br />
==Dezember 2012==<br />
Artikel von [http://www.jens-brehl.de/ Jens Brehl] in [http://www.raum-und-zeit.com/ Raum & Zeit], Nr. 180 Ausgabe November/Dezember 2012.<br />
Leser können zum Beitrag gerne einen Leserbrief an die Redaktion schicken: redaktion2 (at) ehlersverlag (punkt) de<br />
Der Artikel ist für OSEG intern verfügbar. Bitte [[Nikolay]] kontaktieren.<br />
<br />
==September 2012==<br />
* [[Die Zeit]]<br />
<br />
==August 2012==<br />
* [[Screen.tv Interview]]<br />
<br />
==April 2012==<br />
* [[GEO Artikel]].<br />
<br />
<br />
[[Category: -OSEG 303 - Öffentlichkeitsarbeit]]</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=Investitionen&diff=10349
Investitionen
2013-09-10T17:20:49Z
<p>Nikolayhg: Created page with "Gute mögliche Investitionen: * http://www.entrup119.de/index.php * http://landwege.de/"</p>
<hr />
<div>Gute mögliche Investitionen:<br />
* http://www.entrup119.de/index.php<br />
* http://landwege.de/</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=PyCharm&diff=10343
PyCharm
2013-09-06T17:16:35Z
<p>Nikolayhg: </p>
<hr />
<div>https://www.jetbrains.com/pycharm/ is a Python and Django IDE<br />
<br />
* [https://www.jetbrains.com/pycharm/features/index.html Features]<br />
* [https://www.jetbrains.com/pycharm/docs/PyCharm_ReferenceCard.pdf Reference Card / Shortcuts]<br />
* [http://confluence.jetbrains.com/display/PYH/PyCharm+development+roadmap Roadmap]<br />
<br />
==Use==<br />
* [https://www.youtube.com/watch?v=ATPqj94ctLs Speed Tricks by John Lindquist]<br />
** Alt + Space + Space - shows all intended files.<br />
** Cyclic Expand Word - see shortcut in the keymap settings<br />
** Ctrl + Alt + Home - go to Related Files, go back with Show Usages.<br />
** Open "Enter file name" and type "ve\js" - this searches all "js" files within a directory that contains the string "ve"<br />
* [http://johnlindquist.com/2012/08/14/ace_jump.html AceJump] -> Ctrl + , and chose a character for jump<br />
* [https://www.youtube.com/watch?v=GEwjDeof1ak Get out of my way] - hide unneeded UI elements.<br />
** View-> hide the toolbars <br />
* [https://www.youtube.com/watch?v=DvwwbMTK0N8 File Templates], [https://www.youtube.com/watch?v=ZxaVNGSax80 Live Templates]<br />
<br />
==Settings==<br />
===Browsers===<br />
* Settings->Web Browsers<br />
** /usr/bin/chromium-browser<br />
<br />
===Navigation===<br />
* [http://stackoverflow.com/a/15781866/2510374 Show line numbers]<br />
<br />
===Spelling===<br />
* [https://chukovskij.wordpress.com/2010/04/27/install-russian-spellchecker-dictionary-for-intellij-ide/ Add dictionary]<br />
<br />
==Virtualenv==<br />
* [http://garmoncheg.blogspot.de/2012/01/establishing-dev-environment-with.html Establishing Dev environment with PyCharm + Virtualenv for Django development]<br />
** You need to select "Python Interpreter" in those preferences panel and press "Add New" > "Select other" in the top right corner. After that you need to point out to your "virtual-environment directory > bin > Python executable". PyCharm will scan for environment and connect it to where needed.<br />
<br />
==Databases==<br />
* [http://stackoverflow.com/questions/14302887/pycharm-setting-up-mysql-database-driver Pycharm Setting up Mysql Database Driver]<br />
** e.g. DB URL: jdbc:mysql://localhost/databasename<br />
* [https://www.youtube.com/watch?v=P3C0iO1yqhk Database Tools and SQL Support in IntelliJ IDEA]<br />
<br />
[[Category: Software]]</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=Node.js&diff=10342
Node.js
2013-09-06T17:10:06Z
<p>Nikolayhg: </p>
<hr />
<div>==Intro==<br />
* [http://blog.modulus.io/absolute-beginners-guide-to-nodejs An Absolute Beginner's Guide to Node.js]<br />
<br />
[[Category: Software]]</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=Wordpress&diff=10341
Wordpress
2013-09-06T16:53:57Z
<p>Nikolayhg: </p>
<hr />
<div>==Wordpress Plugins==<br />
* [https://wordpress.org/extend/plugins/all-in-one-event-calendar/ All-in-One Event Calendar] - powerful plugin for events.<br />
* [http://wordpress.org/extend/plugins/no-self-ping/ No Self Pings] - remove self pings<br />
* [http://wordpress.org/extend/plugins/contact-form-7/ Contact Form 7] - easy to maintain contact form<br />
* [http://wordpress.org/extend/plugins/efficient-related-posts/ Efficient Related Posts] - shows related posts by tags<br />
* [http://wordpress.org/extend/plugins/enhanced-recent-posts/ Enhanced Recent Posts] - shows recent posts, can exclude posts from categories<br />
* [http://wordpress.org/extend/plugins/like/ Like] - Facebook like button for posts<br />
* [http://wordpress.org/extend/plugins/mailchimp-widget/ MailChimp Widget] - easy and free newsletter by Mailchimp<br />
* [http://wordpress.org/extend/plugins/social-media-widget/ Social Media Widget] - Adds links to all of your social media and sharing site as a widget<br />
* [https://wordpress.org/extend/plugins/solid-code-theme-editor/ Solid Code Theme Editor] - edit ALL theme files<br />
* [http://wordpress.org/extend/plugins/w3-total-cache/ W3 Total Cache] - for caching (performance)<br />
* [https://wordpress.org/extend/plugins/xcloner-backup-and-restore/ XCloner - Backup and Restore] - schedule backups with cron jobs<br />
<br />
==Publishing==<br />
* [https://wordpress.org/plugins/wp-to-twitter/ WP to Twitter]<br />
* [http://wordpress.org/plugins/facebook-page-publish-2/ Facebook Page Publish 2]<br />
<br />
===Security===<br />
* [https://wordpress.org/extend/plugins/better-wp-security/ Better WP Security] (deploy) - various options, makes backups too.<br />
** Warning: don't change the wp-content dir because it may brake the theme and other plugins.<br />
* [https://wordpress.org/extend/plugins/chap-secure-login/ Chap Secure Login] (deploy) - Do not show password, during login, on an insecure channel (without SSL). Use a SHA-256 hash algorithm. (works on v3.5)<br />
* [http://wordpress.org/extend/plugins/really-simple-captcha/ Really Simple CAPTCHA] - needed for Contact Form 7<br />
* [http://wordpress.org/extend/plugins/semisecure-login-reimagined/ Semisecure Login Reimagined] - for more secure login into your Wordpress<br />
<br />
===Translate===<br />
====[https://wordpress.org/extend/plugins/qtranslate/ qTranslate]====<br />
* Change Blog Title: [:en]YourBlogTitle[:de]DeinBlogTitel<br />
* [http://benohead.com/wordpress-qtranslate-clicking-on-the-home-link-resets-to-the-default-language/ Fix Blog Title Link]:<br />
** open the file qtranslate/qtranslate_hooks.php.<br />
** Scroll down. At the end of the file, you'll see a bunch of add_filter(...); calls.<br />
** Add there the following: add_filter('home_url', 'qtrans_convertURL');<br />
* [http://www.sewon-akiko.com/wordpress-qtranslate/ Make bigger icons]<br />
* [http://stackoverflow.com/a/14398434 Add Language Cookie] to save the previous chosen language.<br />
<br />
===Navigation===<br />
* [https://wordpress.org/plugins/infinite-scroll/ Infinite Scroll]<br />
<br />
==Bootstrap CSS==<br />
* [http://twitter.github.com/bootstrap/ Bootstrap] - Sleek, intuitive, and powerful front-end framework for faster and easier web development.<br />
* [https://wordpress.org/extend/plugins/wordpress-bootstrap-css/ WordPress Twitter Bootstrap CSS]<br />
* [https://gist.github.com/johnmegahan/1597994 Extended Walker class for use with the Twitter Bootstrap toolkit Dropdown menus in Wordpress]<br />
<br />
==Others==<br />
* [http://stackoverflow.com/questions/4502086/is-there-a-way-of-adding-strong-tags-in-wordpresss-description-tagline-area Add strong tag to the blog description.] - change your header file accordingly.<br />
* How to [http://wp.smashingmagazine.com/2012/05/01/wordpress-shortcodes-complete-guide/ create shortcodes] and [http://www.sitepoint.com/wordpress-nested-shortcodes/ nested shortcuts].<br />
<br />
==Strato Installation==<br />
define('DB_HOST', 'rdbms.strato.de'); // 99% Chance, dass du hier nichts ändern musst.<br />
<br />
If not working:<br />
<br />
* Open phpMyAdmin by clicking on Datenbank-Verwaltung<br />
* On right is "Database server" with ```User: <user-name>@<db-host>```. Try with exaclty this ```<db-host>```<br />
* Then try again with ```rdbms.strato.de```<br />
<br />
==Deploy==<br />
* Copy files with [scp](SSH)<br />
* Import the database<br />
** Change "localhost" to "official_url" (HELP! How to automate this?)<br />
* If using Permalinks, recreate the .htaccess<br />
<br />
===Deployed Wordpress Plugins===<br />
* [Chap Secure Login](http://wordpress.org/plugins/chap-secure-login/) - Do not show password, during login, on an insecure channel (without SSL). Use a SHA-256 hash algorithm.<br />
* [Better WP Security](http://wordpress.org/plugins/better-wp-security/) - various security options, makes backups too. <br />
** Activate backups!!!<br />
<br />
[[Category: Software]]</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=CSS&diff=10340
CSS
2013-09-06T11:25:45Z
<p>Nikolayhg: </p>
<hr />
<div>==Introduction==<br />
* [http://davidwalsh.name/starting-css Starting to Write CSS]<br />
<br />
==Guidelines==<br />
* [https://github.com/csswizardry/CSS-Guidelines CSS-Guidelines]<br />
* [http://flippinawesome.org/2013/08/12/writing-better-css/ Writing Better CSS]<br />
* [http://flippinawesome.org/2013/08/26/functional-css-fcss/? Functional CSS]<br />
<br />
==Initialize==<br />
* [http://www.paulirish.com/2012/box-sizing-border-box-ftw/ Box-sizing: Border-box]<br />
<br />
==Web Components==<br />
* [http://ebidel.github.io/webcomponents/ Web Components Resources]<br />
* [http://www.uibox.in/ UIBox] - curated HTML, CSS, JS UI Component Library<br />
* [http://customelements.io/ Custom Elements] - A Web Components Gallery for Modern Web Apps<br />
<br />
==Fonts==<br />
* [http://www.fontsquirrel.com/ Font Squirrel] - handpicked free fonts for graphic designers with commercial-use licenses.<br />
<br />
Heading Fonts:<br />
* [http://www.google.com/fonts/specimen/Montserrat Montserrat] ([http://theultralinx.com/2013/04/free-alternative-font-gotham-proxima-nova.html explanation])<br />
<br />
Others:<br />
* [http://demo.amitjakhu.com/dripicons/ Dripicons] - a completely free, vector line-icon font.<br />
<br />
===Typography===<br />
* [http://practicaltypography.com/ Butterick’s Practical Typography]<br />
<br />
==Colors==<br />
* [http://harmonicolors.com/ Harmonic Colors]<br />
* [http://www.colourlovers.com/ COLOURlovers] - palettes and more.<br />
* [https://kuler.adobe.com/explore Adobe Kuler] - needs an Adobe account.<br />
* [http://vandelaydesign.com/blog/design/find-the-perfect-colors-for-your-website/ Find the Perfect Colors for Your Website]<br />
<br />
==Equal Height Columns==<br />
* http://stackoverflow.com/questions/10987821/two-columns-equal-height-only-css-no-display-table-table-row-table-cell<br />
* http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks<br />
** At the bottom are examples with 2, 3, 4 and 5 columns.<br />
<br />
==Centering==<br />
* [http://coding.smashingmagazine.com/2013/08/09/absolute-horizontal-vertical-centering-css/ Absolute Horizontal And Vertical Centering In CSS]<br />
<br />
==Layouts==<br />
===Two Horizontal Divs===<br />
* http://stackoverflow.com/questions/10490256/given-two-divs-on-the-same-line-how-can-i-make-the-left-div-fill-the-remaining<br />
** http://jsfiddle.net/BsHpj/9/<br />
===CSS Div Tables===<br />
* [http://jsfiddle.net/Hv3V4/4/ JSFiddle with display:table]<br />
<br />
====Equal Height====<br />
* [http://codepen.io/basement31/pen/Ifaeu Codepen - Equal height boxes with minimal code]<br />
<br />
====Rowspan====<br />
* [http://stackoverflow.com/questions/13585789/css-rowspan-like-effect CSS div rowspan effect] - [http://tinkerbin.com/Mdd8u3fK demo]<br />
<br />
====Colspan====<br />
* http://tinkerbin.com/Mdd8u3fK<br />
<br />
===Others===<br />
* [http://jsfiddle.net/KtgVN/20/ Left, Right, Centered Div]<br />
<br />
==CSS3 gradient background==<br />
* http://stackoverflow.com/questions/11719019/css3-gradient-background<br />
<br />
==Menus==<br />
* [http://tympanus.net/Development/MultiLevelPushMenu/index3.html Multi-Level Push Menu]<br />
* [http://tympanus.net/codrops/2011/10/10/circle-navigation-effect-with-css3/ More Personal Circle Navigation]<br />
* [http://tympanus.net/Tutorials/CircularNavigation/index2.html Circular Navigation]<br />
<br />
==Forms==<br />
* [http://arthurgouveia.com/prettyCheckable/ jQuery prettyCheckable] - replaces the default checkboxes and radio inputs for better looking ones.<br />
* [http://patrickkunka.github.io/easydropdown/ jQuery EasyDropDown] - a Drop-down Builder for Styleable Inputs and Menus.<br />
* [http://www.bartos.me/heapbox/ HeapBox] - jQuery HTML selectbox replacement.<br />
<br />
==Modal==<br />
* [http://drublic.github.io/css-modal/ CSS-Modal] - Modals built out of pure CSS.<br />
* [http://tympanus.net/Development/ModalWindowEffects/ Nifty Modal Window Effects] ([http://tympanus.net/codrops/2013/06/25/nifty-modal-window-effects/ blog])<br />
* [http://taitems.github.io/iOS-Overlay/ iosOverlay.js] - iOS-style overlays/notifications for the web.<br />
<br />
==Animations and Effects==<br />
* [http://h5bp.github.io/Effeckt.css/dist/ Effekt.css]<br />
* [http://inspiretrends.com/css3-transitions-and-animations-effects-tutorials/ 25 CSS3 Transitions and Animations Effects Tutorials]<br />
** [http://tympanus.net/Development/PseudoElementsAnimationsTransitions/ Examples of Pseudo-Elements Animations and Transitions]<br />
** [http://tympanus.net/Tutorials/CaptionHoverEffects/ Caption Hover Effects]<br />
** [http://tympanus.net/Tutorials/YouTubeLeftSideMenu/ Simple YouTube Menu Effect]<br />
** [http://tympanus.net/Tutorials/Animated3DBarChart/ Interactive Infographic with SVG and CSS Animations]<br />
* [http://www.minimamente.com/magic-css3-animations/ Magic CSS Animations]<br />
* [http://www.justinaguilar.com/animations/ CSS3 Animation Cheat Sheet]<br />
* [http://tympanus.net/Development/TripleViewLayout/ Sliding Triple View Layout] - ([http://tympanus.net/codrops/2013/09/05/sliding-horizontal-layout/ Site])<br />
* [http://labs.bigroomstudios.com/libraries/animo-js animo.js] - a powerful little tool for managing CSS animations. Stack animations, create cross-browser blurring, set callbacks on animation completion.<br />
<br />
==Footers==<br />
* [http://tutorialzine.com/2013/08/slideout-footer-css/ Slide-out footer]<br />
<br />
==Images==<br />
* http://placehold.it/ - a quick and simple image placeholder service.<br />
<br />
[[Category: -OSEG 301 - IT Administration]]<br />
<br />
==Preprocessors==<br />
* [http://lesscss.org/ LESS]<br />
** [http://getpreboot.com/ Preboot]<br />
** [http://lesselements.com/ LESS Elements]<br />
<br />
==Frameworks==<br />
* [http://getbootstrap.com Bootstrap]<br />
** [http://bootsnipp.com/ Bootsnipp] - snippets about Bootstrap.<br />
** [http://jaykanakiya.com/bootstrap-grid-builder bootstrap-grid-builder]<br />
** [http://pikock.github.io/bootstrap-magic/ Bootstrap Magic] - easily create your own Twitter Bootstrap theme.<br />
* [http://purecss.io/ Pure] - a set of small, responsive CSS modules that you can use in every web project. (4.3KB* minified and gzipped)<br />
<br />
==Share==<br />
* [http://blog.codepen.io/2013/07/23/the-new-embed-builder-customize-every-aspect/ Codepen - The New Embed Builder – Customize Every Aspect of Embedded Pens ]<br />
<br />
==CSS Processors==<br />
* [https://github.com/sindresorhus/cssprettifier-userscript cssprettifier-userscript]<br />
<br />
==Structure==<br />
* [http://mvcss.github.io/ MVCSS] - Sass-based CSS architecture for creating predictable and maintainable application style.<br />
<br />
==Code Styles==<br />
* [http://isobar-idev.github.io/code-standards/#_css Front-end Code Standards & Best Practices (CSS)]<br />
* [https://github.com/necolas/idiomatic-css Principles of writing consistent, idiomatic CSS]<br />
* [https://github.com/styleguide/css GitHub CSS Style Guide]<br />
<br />
==Tutorials==<br />
* http://tympanus.net/codrops/category/tutorials/<br />
** http://tympanus.net/Development/ModalWindowEffects/<br />
* http://tympanus.net/codrops/collective/<br />
<br />
==Follow==<br />
* [http://webtoolsweekly.com/#archive Webtools weekly] - newsletter and archive.<br />
<br />
==Links==<br />
* [http://coding.smashingmagazine.com/2012/04/20/decoupling-html-from-css/ Decoupling HTML From CSS]<br />
* [https://speakerdeck.com/mdo/frameworks-of-tomorrow Frameworks of Tomorrow]<br />
** [http://necolas.github.io/normalize.css/ Normalize.css]<br />
** [http://www.getskeleton.com/ Skeleton]<br />
** [http://responsive.gs/ responsive.gs]<br />
** [http://daneden.me/animate/ Animate.css]<br />
** [http://stuffandnonsense.co.uk/projects/rock-hammer/ Roch Hammer]<br />
* [http://css-tricks.com/ CSS Tricks]</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=CSS&diff=10339
CSS
2013-09-06T08:49:40Z
<p>Nikolayhg: /* Animations and Effects */</p>
<hr />
<div>==OSEG Wiki==<br />
See what CSS code you can use in the OSEG Wiki:<br />
* in [[MediaWiki:Common.css|Commons.css]] under /** OSEG CSS Code **/ <br />
** The class .round makes tables, divs and spans (everything with a border) round with 10px.<br />
<br />
==Guidelines==<br />
* [https://github.com/csswizardry/CSS-Guidelines CSS-Guidelines]<br />
* [http://flippinawesome.org/2013/08/12/writing-better-css/ Writing Better CSS]<br />
* [http://flippinawesome.org/2013/08/26/functional-css-fcss/? Functional CSS]<br />
<br />
==Initialize==<br />
* [http://www.paulirish.com/2012/box-sizing-border-box-ftw/ Box-sizing: Border-box]<br />
<br />
==Web Components==<br />
* [http://ebidel.github.io/webcomponents/ Web Components Resources]<br />
* [http://www.uibox.in/ UIBox] - curated HTML, CSS, JS UI Component Library<br />
* [http://customelements.io/ Custom Elements] - A Web Components Gallery for Modern Web Apps<br />
<br />
==Fonts==<br />
* [http://www.fontsquirrel.com/ Font Squirrel] - handpicked free fonts for graphic designers with commercial-use licenses.<br />
<br />
Heading Fonts:<br />
* [http://www.google.com/fonts/specimen/Montserrat Montserrat] ([http://theultralinx.com/2013/04/free-alternative-font-gotham-proxima-nova.html explanation])<br />
<br />
Others:<br />
* [http://demo.amitjakhu.com/dripicons/ Dripicons] - a completely free, vector line-icon font.<br />
<br />
===Typography===<br />
* [http://practicaltypography.com/ Butterick’s Practical Typography]<br />
<br />
==Colors==<br />
* [http://harmonicolors.com/ Harmonic Colors]<br />
* [http://www.colourlovers.com/ COLOURlovers] - palettes and more.<br />
* [https://kuler.adobe.com/explore Adobe Kuler] - needs an Adobe account.<br />
* [http://vandelaydesign.com/blog/design/find-the-perfect-colors-for-your-website/ Find the Perfect Colors for Your Website]<br />
<br />
==Equal Height Columns==<br />
* http://stackoverflow.com/questions/10987821/two-columns-equal-height-only-css-no-display-table-table-row-table-cell<br />
* http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks<br />
** At the bottom are examples with 2, 3, 4 and 5 columns.<br />
<br />
==Centering==<br />
* [http://coding.smashingmagazine.com/2013/08/09/absolute-horizontal-vertical-centering-css/ Absolute Horizontal And Vertical Centering In CSS]<br />
<br />
==Layouts==<br />
===Two Horizontal Divs===<br />
* http://stackoverflow.com/questions/10490256/given-two-divs-on-the-same-line-how-can-i-make-the-left-div-fill-the-remaining<br />
** http://jsfiddle.net/BsHpj/9/<br />
===CSS Div Tables===<br />
* [http://jsfiddle.net/Hv3V4/4/ JSFiddle with display:table]<br />
<br />
====Equal Height====<br />
* [http://codepen.io/basement31/pen/Ifaeu Codepen - Equal height boxes with minimal code]<br />
<br />
====Rowspan====<br />
* [http://stackoverflow.com/questions/13585789/css-rowspan-like-effect CSS div rowspan effect] - [http://tinkerbin.com/Mdd8u3fK demo]<br />
<br />
====Colspan====<br />
* http://tinkerbin.com/Mdd8u3fK<br />
<br />
===Others===<br />
* [http://jsfiddle.net/KtgVN/20/ Left, Right, Centered Div]<br />
<br />
==CSS3 gradient background==<br />
* http://stackoverflow.com/questions/11719019/css3-gradient-background<br />
<br />
==Menus==<br />
* [http://tympanus.net/Development/MultiLevelPushMenu/index3.html Multi-Level Push Menu]<br />
* [http://tympanus.net/codrops/2011/10/10/circle-navigation-effect-with-css3/ More Personal Circle Navigation]<br />
* [http://tympanus.net/Tutorials/CircularNavigation/index2.html Circular Navigation]<br />
<br />
==Forms==<br />
* [http://arthurgouveia.com/prettyCheckable/ jQuery prettyCheckable] - replaces the default checkboxes and radio inputs for better looking ones.<br />
* [http://patrickkunka.github.io/easydropdown/ jQuery EasyDropDown] - a Drop-down Builder for Styleable Inputs and Menus.<br />
* [http://www.bartos.me/heapbox/ HeapBox] - jQuery HTML selectbox replacement.<br />
<br />
==Modal==<br />
* [http://drublic.github.io/css-modal/ CSS-Modal] - Modals built out of pure CSS.<br />
* [http://tympanus.net/Development/ModalWindowEffects/ Nifty Modal Window Effects] ([http://tympanus.net/codrops/2013/06/25/nifty-modal-window-effects/ blog])<br />
* [http://taitems.github.io/iOS-Overlay/ iosOverlay.js] - iOS-style overlays/notifications for the web.<br />
<br />
==Animations and Effects==<br />
* [http://h5bp.github.io/Effeckt.css/dist/ Effekt.css]<br />
* [http://inspiretrends.com/css3-transitions-and-animations-effects-tutorials/ 25 CSS3 Transitions and Animations Effects Tutorials]<br />
** [http://tympanus.net/Development/PseudoElementsAnimationsTransitions/ Examples of Pseudo-Elements Animations and Transitions]<br />
** [http://tympanus.net/Tutorials/CaptionHoverEffects/ Caption Hover Effects]<br />
** [http://tympanus.net/Tutorials/YouTubeLeftSideMenu/ Simple YouTube Menu Effect]<br />
** [http://tympanus.net/Tutorials/Animated3DBarChart/ Interactive Infographic with SVG and CSS Animations]<br />
* [http://www.minimamente.com/magic-css3-animations/ Magic CSS Animations]<br />
* [http://www.justinaguilar.com/animations/ CSS3 Animation Cheat Sheet]<br />
* [http://tympanus.net/Development/TripleViewLayout/ Sliding Triple View Layout] - ([http://tympanus.net/codrops/2013/09/05/sliding-horizontal-layout/ Site])<br />
* [http://labs.bigroomstudios.com/libraries/animo-js animo.js] - a powerful little tool for managing CSS animations. Stack animations, create cross-browser blurring, set callbacks on animation completion.<br />
<br />
==Footers==<br />
* [http://tutorialzine.com/2013/08/slideout-footer-css/ Slide-out footer]<br />
<br />
==Images==<br />
* http://placehold.it/ - a quick and simple image placeholder service.<br />
<br />
[[Category: -OSEG 301 - IT Administration]]<br />
<br />
==Preprocessors==<br />
* [http://lesscss.org/ LESS]<br />
** [http://getpreboot.com/ Preboot]<br />
** [http://lesselements.com/ LESS Elements]<br />
<br />
==Frameworks==<br />
* [http://getbootstrap.com Bootstrap]<br />
** [http://bootsnipp.com/ Bootsnipp] - snippets about Bootstrap.<br />
** [http://jaykanakiya.com/bootstrap-grid-builder bootstrap-grid-builder]<br />
** [http://pikock.github.io/bootstrap-magic/ Bootstrap Magic] - easily create your own Twitter Bootstrap theme.<br />
* [http://purecss.io/ Pure] - a set of small, responsive CSS modules that you can use in every web project. (4.3KB* minified and gzipped)<br />
<br />
==Share==<br />
* [http://blog.codepen.io/2013/07/23/the-new-embed-builder-customize-every-aspect/ Codepen - The New Embed Builder – Customize Every Aspect of Embedded Pens ]<br />
<br />
==CSS Processors==<br />
* [https://github.com/sindresorhus/cssprettifier-userscript cssprettifier-userscript]<br />
<br />
==Structure==<br />
* [http://mvcss.github.io/ MVCSS] - Sass-based CSS architecture for creating predictable and maintainable application style.<br />
<br />
==Code Styles==<br />
* [http://isobar-idev.github.io/code-standards/#_css Front-end Code Standards & Best Practices (CSS)]<br />
* [https://github.com/necolas/idiomatic-css Principles of writing consistent, idiomatic CSS]<br />
* [https://github.com/styleguide/css GitHub CSS Style Guide]<br />
<br />
==Tutorials==<br />
* http://tympanus.net/codrops/category/tutorials/<br />
** http://tympanus.net/Development/ModalWindowEffects/<br />
* http://tympanus.net/codrops/collective/<br />
<br />
==Follow==<br />
* [http://webtoolsweekly.com/#archive Webtools weekly] - newsletter and archive.<br />
<br />
==Links==<br />
* [http://coding.smashingmagazine.com/2012/04/20/decoupling-html-from-css/ Decoupling HTML From CSS]<br />
* [https://speakerdeck.com/mdo/frameworks-of-tomorrow Frameworks of Tomorrow]<br />
** [http://necolas.github.io/normalize.css/ Normalize.css]<br />
** [http://www.getskeleton.com/ Skeleton]<br />
** [http://responsive.gs/ responsive.gs]<br />
** [http://daneden.me/animate/ Animate.css]<br />
** [http://stuffandnonsense.co.uk/projects/rock-hammer/ Roch Hammer]<br />
* [http://css-tricks.com/ CSS Tricks]</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=CSS&diff=10338
CSS
2013-09-06T08:47:53Z
<p>Nikolayhg: /* Animations and Effects */</p>
<hr />
<div>==OSEG Wiki==<br />
See what CSS code you can use in the OSEG Wiki:<br />
* in [[MediaWiki:Common.css|Commons.css]] under /** OSEG CSS Code **/ <br />
** The class .round makes tables, divs and spans (everything with a border) round with 10px.<br />
<br />
==Guidelines==<br />
* [https://github.com/csswizardry/CSS-Guidelines CSS-Guidelines]<br />
* [http://flippinawesome.org/2013/08/12/writing-better-css/ Writing Better CSS]<br />
* [http://flippinawesome.org/2013/08/26/functional-css-fcss/? Functional CSS]<br />
<br />
==Initialize==<br />
* [http://www.paulirish.com/2012/box-sizing-border-box-ftw/ Box-sizing: Border-box]<br />
<br />
==Web Components==<br />
* [http://ebidel.github.io/webcomponents/ Web Components Resources]<br />
* [http://www.uibox.in/ UIBox] - curated HTML, CSS, JS UI Component Library<br />
* [http://customelements.io/ Custom Elements] - A Web Components Gallery for Modern Web Apps<br />
<br />
==Fonts==<br />
* [http://www.fontsquirrel.com/ Font Squirrel] - handpicked free fonts for graphic designers with commercial-use licenses.<br />
<br />
Heading Fonts:<br />
* [http://www.google.com/fonts/specimen/Montserrat Montserrat] ([http://theultralinx.com/2013/04/free-alternative-font-gotham-proxima-nova.html explanation])<br />
<br />
Others:<br />
* [http://demo.amitjakhu.com/dripicons/ Dripicons] - a completely free, vector line-icon font.<br />
<br />
===Typography===<br />
* [http://practicaltypography.com/ Butterick’s Practical Typography]<br />
<br />
==Colors==<br />
* [http://harmonicolors.com/ Harmonic Colors]<br />
* [http://www.colourlovers.com/ COLOURlovers] - palettes and more.<br />
* [https://kuler.adobe.com/explore Adobe Kuler] - needs an Adobe account.<br />
* [http://vandelaydesign.com/blog/design/find-the-perfect-colors-for-your-website/ Find the Perfect Colors for Your Website]<br />
<br />
==Equal Height Columns==<br />
* http://stackoverflow.com/questions/10987821/two-columns-equal-height-only-css-no-display-table-table-row-table-cell<br />
* http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks<br />
** At the bottom are examples with 2, 3, 4 and 5 columns.<br />
<br />
==Centering==<br />
* [http://coding.smashingmagazine.com/2013/08/09/absolute-horizontal-vertical-centering-css/ Absolute Horizontal And Vertical Centering In CSS]<br />
<br />
==Layouts==<br />
===Two Horizontal Divs===<br />
* http://stackoverflow.com/questions/10490256/given-two-divs-on-the-same-line-how-can-i-make-the-left-div-fill-the-remaining<br />
** http://jsfiddle.net/BsHpj/9/<br />
===CSS Div Tables===<br />
* [http://jsfiddle.net/Hv3V4/4/ JSFiddle with display:table]<br />
<br />
====Equal Height====<br />
* [http://codepen.io/basement31/pen/Ifaeu Codepen - Equal height boxes with minimal code]<br />
<br />
====Rowspan====<br />
* [http://stackoverflow.com/questions/13585789/css-rowspan-like-effect CSS div rowspan effect] - [http://tinkerbin.com/Mdd8u3fK demo]<br />
<br />
====Colspan====<br />
* http://tinkerbin.com/Mdd8u3fK<br />
<br />
===Others===<br />
* [http://jsfiddle.net/KtgVN/20/ Left, Right, Centered Div]<br />
<br />
==CSS3 gradient background==<br />
* http://stackoverflow.com/questions/11719019/css3-gradient-background<br />
<br />
==Menus==<br />
* [http://tympanus.net/Development/MultiLevelPushMenu/index3.html Multi-Level Push Menu]<br />
* [http://tympanus.net/codrops/2011/10/10/circle-navigation-effect-with-css3/ More Personal Circle Navigation]<br />
* [http://tympanus.net/Tutorials/CircularNavigation/index2.html Circular Navigation]<br />
<br />
==Forms==<br />
* [http://arthurgouveia.com/prettyCheckable/ jQuery prettyCheckable] - replaces the default checkboxes and radio inputs for better looking ones.<br />
* [http://patrickkunka.github.io/easydropdown/ jQuery EasyDropDown] - a Drop-down Builder for Styleable Inputs and Menus.<br />
* [http://www.bartos.me/heapbox/ HeapBox] - jQuery HTML selectbox replacement.<br />
<br />
==Modal==<br />
* [http://drublic.github.io/css-modal/ CSS-Modal] - Modals built out of pure CSS.<br />
* [http://tympanus.net/Development/ModalWindowEffects/ Nifty Modal Window Effects] ([http://tympanus.net/codrops/2013/06/25/nifty-modal-window-effects/ blog])<br />
* [http://taitems.github.io/iOS-Overlay/ iosOverlay.js] - iOS-style overlays/notifications for the web.<br />
<br />
==Animations and Effects==<br />
* [http://h5bp.github.io/Effeckt.css/dist/ Effekt.css]<br />
* [http://inspiretrends.com/css3-transitions-and-animations-effects-tutorials/ 25 CSS3 Transitions and Animations Effects Tutorials]<br />
** [http://tympanus.net/Development/PseudoElementsAnimationsTransitions/ Examples of Pseudo-Elements Animations and Transitions]<br />
** [http://tympanus.net/Tutorials/CaptionHoverEffects/ Caption Hover Effects]<br />
** [http://tympanus.net/Tutorials/YouTubeLeftSideMenu/ Simple YouTube Menu Effect]<br />
** [http://tympanus.net/Tutorials/Animated3DBarChart/ Interactive Infographic with SVG and CSS Animations]<br />
* [http://www.minimamente.com/magic-css3-animations/ Magic CSS Animations]<br />
* [http://www.justinaguilar.com/animations/ CSS3 Animation Cheat Sheet]<br />
* [http://tympanus.net/Development/TripleViewLayout/ Sliding Triple View Layout] - ([http://tympanus.net/codrops/2013/09/05/sliding-horizontal-layout/ Site])<br />
<br />
==Footers==<br />
* [http://tutorialzine.com/2013/08/slideout-footer-css/ Slide-out footer]<br />
<br />
==Images==<br />
* http://placehold.it/ - a quick and simple image placeholder service.<br />
<br />
[[Category: -OSEG 301 - IT Administration]]<br />
<br />
==Preprocessors==<br />
* [http://lesscss.org/ LESS]<br />
** [http://getpreboot.com/ Preboot]<br />
** [http://lesselements.com/ LESS Elements]<br />
<br />
==Frameworks==<br />
* [http://getbootstrap.com Bootstrap]<br />
** [http://bootsnipp.com/ Bootsnipp] - snippets about Bootstrap.<br />
** [http://jaykanakiya.com/bootstrap-grid-builder bootstrap-grid-builder]<br />
** [http://pikock.github.io/bootstrap-magic/ Bootstrap Magic] - easily create your own Twitter Bootstrap theme.<br />
* [http://purecss.io/ Pure] - a set of small, responsive CSS modules that you can use in every web project. (4.3KB* minified and gzipped)<br />
<br />
==Share==<br />
* [http://blog.codepen.io/2013/07/23/the-new-embed-builder-customize-every-aspect/ Codepen - The New Embed Builder – Customize Every Aspect of Embedded Pens ]<br />
<br />
==CSS Processors==<br />
* [https://github.com/sindresorhus/cssprettifier-userscript cssprettifier-userscript]<br />
<br />
==Structure==<br />
* [http://mvcss.github.io/ MVCSS] - Sass-based CSS architecture for creating predictable and maintainable application style.<br />
<br />
==Code Styles==<br />
* [http://isobar-idev.github.io/code-standards/#_css Front-end Code Standards & Best Practices (CSS)]<br />
* [https://github.com/necolas/idiomatic-css Principles of writing consistent, idiomatic CSS]<br />
* [https://github.com/styleguide/css GitHub CSS Style Guide]<br />
<br />
==Tutorials==<br />
* http://tympanus.net/codrops/category/tutorials/<br />
** http://tympanus.net/Development/ModalWindowEffects/<br />
* http://tympanus.net/codrops/collective/<br />
<br />
==Follow==<br />
* [http://webtoolsweekly.com/#archive Webtools weekly] - newsletter and archive.<br />
<br />
==Links==<br />
* [http://coding.smashingmagazine.com/2012/04/20/decoupling-html-from-css/ Decoupling HTML From CSS]<br />
* [https://speakerdeck.com/mdo/frameworks-of-tomorrow Frameworks of Tomorrow]<br />
** [http://necolas.github.io/normalize.css/ Normalize.css]<br />
** [http://www.getskeleton.com/ Skeleton]<br />
** [http://responsive.gs/ responsive.gs]<br />
** [http://daneden.me/animate/ Animate.css]<br />
** [http://stuffandnonsense.co.uk/projects/rock-hammer/ Roch Hammer]<br />
* [http://css-tricks.com/ CSS Tricks]</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=CSS&diff=10337
CSS
2013-09-05T08:42:56Z
<p>Nikolayhg: /* Animations and Effects */</p>
<hr />
<div>==OSEG Wiki==<br />
See what CSS code you can use in the OSEG Wiki:<br />
* in [[MediaWiki:Common.css|Commons.css]] under /** OSEG CSS Code **/ <br />
** The class .round makes tables, divs and spans (everything with a border) round with 10px.<br />
<br />
==Guidelines==<br />
* [https://github.com/csswizardry/CSS-Guidelines CSS-Guidelines]<br />
* [http://flippinawesome.org/2013/08/12/writing-better-css/ Writing Better CSS]<br />
* [http://flippinawesome.org/2013/08/26/functional-css-fcss/? Functional CSS]<br />
<br />
==Initialize==<br />
* [http://www.paulirish.com/2012/box-sizing-border-box-ftw/ Box-sizing: Border-box]<br />
<br />
==Web Components==<br />
* [http://ebidel.github.io/webcomponents/ Web Components Resources]<br />
* [http://www.uibox.in/ UIBox] - curated HTML, CSS, JS UI Component Library<br />
* [http://customelements.io/ Custom Elements] - A Web Components Gallery for Modern Web Apps<br />
<br />
==Fonts==<br />
* [http://www.fontsquirrel.com/ Font Squirrel] - handpicked free fonts for graphic designers with commercial-use licenses.<br />
<br />
Heading Fonts:<br />
* [http://www.google.com/fonts/specimen/Montserrat Montserrat] ([http://theultralinx.com/2013/04/free-alternative-font-gotham-proxima-nova.html explanation])<br />
<br />
Others:<br />
* [http://demo.amitjakhu.com/dripicons/ Dripicons] - a completely free, vector line-icon font.<br />
<br />
===Typography===<br />
* [http://practicaltypography.com/ Butterick’s Practical Typography]<br />
<br />
==Colors==<br />
* [http://harmonicolors.com/ Harmonic Colors]<br />
* [http://www.colourlovers.com/ COLOURlovers] - palettes and more.<br />
* [https://kuler.adobe.com/explore Adobe Kuler] - needs an Adobe account.<br />
* [http://vandelaydesign.com/blog/design/find-the-perfect-colors-for-your-website/ Find the Perfect Colors for Your Website]<br />
<br />
==Equal Height Columns==<br />
* http://stackoverflow.com/questions/10987821/two-columns-equal-height-only-css-no-display-table-table-row-table-cell<br />
* http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks<br />
** At the bottom are examples with 2, 3, 4 and 5 columns.<br />
<br />
==Centering==<br />
* [http://coding.smashingmagazine.com/2013/08/09/absolute-horizontal-vertical-centering-css/ Absolute Horizontal And Vertical Centering In CSS]<br />
<br />
==Layouts==<br />
===Two Horizontal Divs===<br />
* http://stackoverflow.com/questions/10490256/given-two-divs-on-the-same-line-how-can-i-make-the-left-div-fill-the-remaining<br />
** http://jsfiddle.net/BsHpj/9/<br />
===CSS Div Tables===<br />
* [http://jsfiddle.net/Hv3V4/4/ JSFiddle with display:table]<br />
<br />
====Equal Height====<br />
* [http://codepen.io/basement31/pen/Ifaeu Codepen - Equal height boxes with minimal code]<br />
<br />
====Rowspan====<br />
* [http://stackoverflow.com/questions/13585789/css-rowspan-like-effect CSS div rowspan effect] - [http://tinkerbin.com/Mdd8u3fK demo]<br />
<br />
====Colspan====<br />
* http://tinkerbin.com/Mdd8u3fK<br />
<br />
===Others===<br />
* [http://jsfiddle.net/KtgVN/20/ Left, Right, Centered Div]<br />
<br />
==CSS3 gradient background==<br />
* http://stackoverflow.com/questions/11719019/css3-gradient-background<br />
<br />
==Menus==<br />
* [http://tympanus.net/Development/MultiLevelPushMenu/index3.html Multi-Level Push Menu]<br />
* [http://tympanus.net/codrops/2011/10/10/circle-navigation-effect-with-css3/ More Personal Circle Navigation]<br />
* [http://tympanus.net/Tutorials/CircularNavigation/index2.html Circular Navigation]<br />
<br />
==Forms==<br />
* [http://arthurgouveia.com/prettyCheckable/ jQuery prettyCheckable] - replaces the default checkboxes and radio inputs for better looking ones.<br />
* [http://patrickkunka.github.io/easydropdown/ jQuery EasyDropDown] - a Drop-down Builder for Styleable Inputs and Menus.<br />
* [http://www.bartos.me/heapbox/ HeapBox] - jQuery HTML selectbox replacement.<br />
<br />
==Modal==<br />
* [http://drublic.github.io/css-modal/ CSS-Modal] - Modals built out of pure CSS.<br />
* [http://tympanus.net/Development/ModalWindowEffects/ Nifty Modal Window Effects] ([http://tympanus.net/codrops/2013/06/25/nifty-modal-window-effects/ blog])<br />
* [http://taitems.github.io/iOS-Overlay/ iosOverlay.js] - iOS-style overlays/notifications for the web.<br />
<br />
==Animations and Effects==<br />
* [http://h5bp.github.io/Effeckt.css/dist/ Effekt.css]<br />
* [http://inspiretrends.com/css3-transitions-and-animations-effects-tutorials/ 25 CSS3 Transitions and Animations Effects Tutorials]<br />
** [http://tympanus.net/Development/PseudoElementsAnimationsTransitions/ Examples of Pseudo-Elements Animations and Transitions]<br />
** [http://tympanus.net/Tutorials/CaptionHoverEffects/ Caption Hover Effects]<br />
** [http://tympanus.net/Tutorials/YouTubeLeftSideMenu/ Simple YouTube Menu Effect]<br />
** [http://tympanus.net/Tutorials/Animated3DBarChart/ Interactive Infographic with SVG and CSS Animations]<br />
* [http://www.minimamente.com/magic-css3-animations/ Magic CSS Animations]<br />
* [http://www.justinaguilar.com/animations/ CSS3 Animation Cheat Sheet]<br />
<br />
==Footers==<br />
* [http://tutorialzine.com/2013/08/slideout-footer-css/ Slide-out footer]<br />
<br />
==Images==<br />
* http://placehold.it/ - a quick and simple image placeholder service.<br />
<br />
[[Category: -OSEG 301 - IT Administration]]<br />
<br />
==Preprocessors==<br />
* [http://lesscss.org/ LESS]<br />
** [http://getpreboot.com/ Preboot]<br />
** [http://lesselements.com/ LESS Elements]<br />
<br />
==Frameworks==<br />
* [http://getbootstrap.com Bootstrap]<br />
** [http://bootsnipp.com/ Bootsnipp] - snippets about Bootstrap.<br />
** [http://jaykanakiya.com/bootstrap-grid-builder bootstrap-grid-builder]<br />
** [http://pikock.github.io/bootstrap-magic/ Bootstrap Magic] - easily create your own Twitter Bootstrap theme.<br />
* [http://purecss.io/ Pure] - a set of small, responsive CSS modules that you can use in every web project. (4.3KB* minified and gzipped)<br />
<br />
==Share==<br />
* [http://blog.codepen.io/2013/07/23/the-new-embed-builder-customize-every-aspect/ Codepen - The New Embed Builder – Customize Every Aspect of Embedded Pens ]<br />
<br />
==CSS Processors==<br />
* [https://github.com/sindresorhus/cssprettifier-userscript cssprettifier-userscript]<br />
<br />
==Structure==<br />
* [http://mvcss.github.io/ MVCSS] - Sass-based CSS architecture for creating predictable and maintainable application style.<br />
<br />
==Code Styles==<br />
* [http://isobar-idev.github.io/code-standards/#_css Front-end Code Standards & Best Practices (CSS)]<br />
* [https://github.com/necolas/idiomatic-css Principles of writing consistent, idiomatic CSS]<br />
* [https://github.com/styleguide/css GitHub CSS Style Guide]<br />
<br />
==Tutorials==<br />
* http://tympanus.net/codrops/category/tutorials/<br />
** http://tympanus.net/Development/ModalWindowEffects/<br />
* http://tympanus.net/codrops/collective/<br />
<br />
==Follow==<br />
* [http://webtoolsweekly.com/#archive Webtools weekly] - newsletter and archive.<br />
<br />
==Links==<br />
* [http://coding.smashingmagazine.com/2012/04/20/decoupling-html-from-css/ Decoupling HTML From CSS]<br />
* [https://speakerdeck.com/mdo/frameworks-of-tomorrow Frameworks of Tomorrow]<br />
** [http://necolas.github.io/normalize.css/ Normalize.css]<br />
** [http://www.getskeleton.com/ Skeleton]<br />
** [http://responsive.gs/ responsive.gs]<br />
** [http://daneden.me/animate/ Animate.css]<br />
** [http://stuffandnonsense.co.uk/projects/rock-hammer/ Roch Hammer]<br />
* [http://css-tricks.com/ CSS Tricks]</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=CSS&diff=10336
CSS
2013-09-04T18:12:51Z
<p>Nikolayhg: /* Web Components */</p>
<hr />
<div>==OSEG Wiki==<br />
See what CSS code you can use in the OSEG Wiki:<br />
* in [[MediaWiki:Common.css|Commons.css]] under /** OSEG CSS Code **/ <br />
** The class .round makes tables, divs and spans (everything with a border) round with 10px.<br />
<br />
==Guidelines==<br />
* [https://github.com/csswizardry/CSS-Guidelines CSS-Guidelines]<br />
* [http://flippinawesome.org/2013/08/12/writing-better-css/ Writing Better CSS]<br />
* [http://flippinawesome.org/2013/08/26/functional-css-fcss/? Functional CSS]<br />
<br />
==Initialize==<br />
* [http://www.paulirish.com/2012/box-sizing-border-box-ftw/ Box-sizing: Border-box]<br />
<br />
==Web Components==<br />
* [http://ebidel.github.io/webcomponents/ Web Components Resources]<br />
* [http://www.uibox.in/ UIBox] - curated HTML, CSS, JS UI Component Library<br />
* [http://customelements.io/ Custom Elements] - A Web Components Gallery for Modern Web Apps<br />
<br />
==Fonts==<br />
* [http://www.fontsquirrel.com/ Font Squirrel] - handpicked free fonts for graphic designers with commercial-use licenses.<br />
<br />
Heading Fonts:<br />
* [http://www.google.com/fonts/specimen/Montserrat Montserrat] ([http://theultralinx.com/2013/04/free-alternative-font-gotham-proxima-nova.html explanation])<br />
<br />
Others:<br />
* [http://demo.amitjakhu.com/dripicons/ Dripicons] - a completely free, vector line-icon font.<br />
<br />
===Typography===<br />
* [http://practicaltypography.com/ Butterick’s Practical Typography]<br />
<br />
==Colors==<br />
* [http://harmonicolors.com/ Harmonic Colors]<br />
* [http://www.colourlovers.com/ COLOURlovers] - palettes and more.<br />
* [https://kuler.adobe.com/explore Adobe Kuler] - needs an Adobe account.<br />
* [http://vandelaydesign.com/blog/design/find-the-perfect-colors-for-your-website/ Find the Perfect Colors for Your Website]<br />
<br />
==Equal Height Columns==<br />
* http://stackoverflow.com/questions/10987821/two-columns-equal-height-only-css-no-display-table-table-row-table-cell<br />
* http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks<br />
** At the bottom are examples with 2, 3, 4 and 5 columns.<br />
<br />
==Centering==<br />
* [http://coding.smashingmagazine.com/2013/08/09/absolute-horizontal-vertical-centering-css/ Absolute Horizontal And Vertical Centering In CSS]<br />
<br />
==Layouts==<br />
===Two Horizontal Divs===<br />
* http://stackoverflow.com/questions/10490256/given-two-divs-on-the-same-line-how-can-i-make-the-left-div-fill-the-remaining<br />
** http://jsfiddle.net/BsHpj/9/<br />
===CSS Div Tables===<br />
* [http://jsfiddle.net/Hv3V4/4/ JSFiddle with display:table]<br />
<br />
====Equal Height====<br />
* [http://codepen.io/basement31/pen/Ifaeu Codepen - Equal height boxes with minimal code]<br />
<br />
====Rowspan====<br />
* [http://stackoverflow.com/questions/13585789/css-rowspan-like-effect CSS div rowspan effect] - [http://tinkerbin.com/Mdd8u3fK demo]<br />
<br />
====Colspan====<br />
* http://tinkerbin.com/Mdd8u3fK<br />
<br />
===Others===<br />
* [http://jsfiddle.net/KtgVN/20/ Left, Right, Centered Div]<br />
<br />
==CSS3 gradient background==<br />
* http://stackoverflow.com/questions/11719019/css3-gradient-background<br />
<br />
==Menus==<br />
* [http://tympanus.net/Development/MultiLevelPushMenu/index3.html Multi-Level Push Menu]<br />
* [http://tympanus.net/codrops/2011/10/10/circle-navigation-effect-with-css3/ More Personal Circle Navigation]<br />
* [http://tympanus.net/Tutorials/CircularNavigation/index2.html Circular Navigation]<br />
<br />
==Forms==<br />
* [http://arthurgouveia.com/prettyCheckable/ jQuery prettyCheckable] - replaces the default checkboxes and radio inputs for better looking ones.<br />
* [http://patrickkunka.github.io/easydropdown/ jQuery EasyDropDown] - a Drop-down Builder for Styleable Inputs and Menus.<br />
* [http://www.bartos.me/heapbox/ HeapBox] - jQuery HTML selectbox replacement.<br />
<br />
==Modal==<br />
* [http://drublic.github.io/css-modal/ CSS-Modal] - Modals built out of pure CSS.<br />
* [http://tympanus.net/Development/ModalWindowEffects/ Nifty Modal Window Effects] ([http://tympanus.net/codrops/2013/06/25/nifty-modal-window-effects/ blog])<br />
* [http://taitems.github.io/iOS-Overlay/ iosOverlay.js] - iOS-style overlays/notifications for the web.<br />
<br />
==Animations and Effects==<br />
* [http://h5bp.github.io/Effeckt.css/dist/ Effekt.css]<br />
* [http://inspiretrends.com/css3-transitions-and-animations-effects-tutorials/ 25 CSS3 Transitions and Animations Effects Tutorials]<br />
** [http://tympanus.net/Development/PseudoElementsAnimationsTransitions/ Examples of Pseudo-Elements Animations and Transitions]<br />
** [http://tympanus.net/Tutorials/CaptionHoverEffects/ Caption Hover Effects]<br />
** [http://tympanus.net/Tutorials/YouTubeLeftSideMenu/ Simple YouTube Menu Effect]<br />
** [http://tympanus.net/Tutorials/Animated3DBarChart/ Interactive Infographic with SVG and CSS Animations]<br />
* [http://www.minimamente.com/magic-css3-animations/ Magic CSS Animations]<br />
<br />
==Footers==<br />
* [http://tutorialzine.com/2013/08/slideout-footer-css/ Slide-out footer]<br />
<br />
==Images==<br />
* http://placehold.it/ - a quick and simple image placeholder service.<br />
<br />
[[Category: -OSEG 301 - IT Administration]]<br />
<br />
==Preprocessors==<br />
* [http://lesscss.org/ LESS]<br />
** [http://getpreboot.com/ Preboot]<br />
** [http://lesselements.com/ LESS Elements]<br />
<br />
==Frameworks==<br />
* [http://getbootstrap.com Bootstrap]<br />
** [http://bootsnipp.com/ Bootsnipp] - snippets about Bootstrap.<br />
** [http://jaykanakiya.com/bootstrap-grid-builder bootstrap-grid-builder]<br />
** [http://pikock.github.io/bootstrap-magic/ Bootstrap Magic] - easily create your own Twitter Bootstrap theme.<br />
* [http://purecss.io/ Pure] - a set of small, responsive CSS modules that you can use in every web project. (4.3KB* minified and gzipped)<br />
<br />
==Share==<br />
* [http://blog.codepen.io/2013/07/23/the-new-embed-builder-customize-every-aspect/ Codepen - The New Embed Builder – Customize Every Aspect of Embedded Pens ]<br />
<br />
==CSS Processors==<br />
* [https://github.com/sindresorhus/cssprettifier-userscript cssprettifier-userscript]<br />
<br />
==Structure==<br />
* [http://mvcss.github.io/ MVCSS] - Sass-based CSS architecture for creating predictable and maintainable application style.<br />
<br />
==Code Styles==<br />
* [http://isobar-idev.github.io/code-standards/#_css Front-end Code Standards & Best Practices (CSS)]<br />
* [https://github.com/necolas/idiomatic-css Principles of writing consistent, idiomatic CSS]<br />
* [https://github.com/styleguide/css GitHub CSS Style Guide]<br />
<br />
==Tutorials==<br />
* http://tympanus.net/codrops/category/tutorials/<br />
** http://tympanus.net/Development/ModalWindowEffects/<br />
* http://tympanus.net/codrops/collective/<br />
<br />
==Follow==<br />
* [http://webtoolsweekly.com/#archive Webtools weekly] - newsletter and archive.<br />
<br />
==Links==<br />
* [http://coding.smashingmagazine.com/2012/04/20/decoupling-html-from-css/ Decoupling HTML From CSS]<br />
* [https://speakerdeck.com/mdo/frameworks-of-tomorrow Frameworks of Tomorrow]<br />
** [http://necolas.github.io/normalize.css/ Normalize.css]<br />
** [http://www.getskeleton.com/ Skeleton]<br />
** [http://responsive.gs/ responsive.gs]<br />
** [http://daneden.me/animate/ Animate.css]<br />
** [http://stuffandnonsense.co.uk/projects/rock-hammer/ Roch Hammer]<br />
* [http://css-tricks.com/ CSS Tricks]</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=Javascript&diff=10335
Javascript
2013-09-04T18:06:22Z
<p>Nikolayhg: /* Performance */</p>
<hr />
<div><br />
==Learn==<br />
* [http://www.creativebloq.com/web-design-tips/css-and-javascript-1233101 125 CSS and JavaScript tutorials to power up your skills]<br />
* [http://bonsaiden.github.io/JavaScript-Garden/ JavaScript-Garden] - growing collection of documentation about the most quirky parts of the JavaScript programming language. It gives advice to avoid common mistakes and subtle bugs, as well as performance issues and bad practices, that non-expert JavaScript programmers may encounter on their endeavours into the depths of the language.<br />
* http://javascriptissexy.com/ - JavaScript is Sexy<br />
** [http://javascriptissexy.com/javascript-objects-in-detail/ JavaScript objects in detail]<br />
* [http://www.objectplayground.com/ Object Playground: The Definitive Guide to Object-Oriented JavaScript] - with Video.<br />
* [http://www.javascript.su/ JavaScript in one page]<br />
* [http://superherojs.com/ Superhero.js] - Collection of the best articles, videos and presentations on creating, testing and maintaining a large JavaScript code base.<br />
<br />
==Writing==<br />
* [http://www.slideshare.net/nzakas/maintainable-javascript-2012 Maintainable JavaScript code]<br />
<br />
==Javascript Development Workflow==<br />
Siehe [[Web Development Workflow]]<br />
<br />
==Keyboard==<br />
* [http://craig.is/killing/mice Mousetrap] - A simple library for handling keyboard shortcuts in Javascript.<br />
<br />
==Numbers==<br />
* [http://josscrowcroft.github.io/accounting.js/ accounting.js is a tiny JavaScript library for number, money and currency formatting, with optional excel-style column rendering]<br />
<br />
==Templates==<br />
[https://developer.mozilla.org/en-US/docs/JavaScript_templates List of JavaScript templates from Mozilla].<br />
* [https://github.com/janl/mustache.js mustache.js] - minimal templating in JavaScript. Compatible with http://handlebarsjs.com/.<br />
* [https://github.com/twitter/hogan.js hogan.js] - 2.5k JS compiler for the Mustache templating language.<br />
* [http://olado.github.io/doT/ doT.js] - the fastest + concise javascript template engine for Node.js and browsers.<br />
* [https://github.com/akdubya/dustjs dustjs] - аsynchronous templates for the browser and node.js ([http://akdubya.github.io/dustjs/ demo]).<br />
** [http://linkedin.github.io/dustjs/ LinkedIn's dustjs], [https://github.com/linkedin/dustjs GitHub], [https://github.com/linkedin/dustjs/wiki/Dust-Tutorial Tutorial] ({$idx}), [http://engineering.linkedin.com/frontend/leaving-jsps-dust-moving-linkedin-dustjs-client-side-templates Leaving JSPs in the dust], [https://github.com/linkedin/dustjs-helpers Dustjs Helpers] (bower: dustjs-linkedin-helpers)<br />
* [http://blueimp.github.io/JavaScript-Templates/ JavaScript Templates] - < 1KB lightweight, fast & powerful JavaScript templating engine with zero dependencies.<br />
* [http://beebole.com/pure/ pure] - Simple and ultra-fast templating tool to generate HTML from JSON data. Keep your HTML clean of any logic using JSON and Javascript only<br />
* [http://embeddedjs.com/ EJS] - EJS cleans the HTML out of your JavaScript with client side templates.<br />
* [http://www.jsviews.com/#jsviews JsViews] - the JsViews framework brings declarative data-binding to JsRender templates, supports MVVM and MVP (custom tag controls), and much more...<br />
* [https://code.google.com/p/json-template/ JSON Template] -<br />
* [https://github.com/CKGrafico/jQuery_HandlebarsJS/ jQuery_HandlebarsJS] - jQuery plugin for use http://handlebarsjs.com/<br />
[http://garann.github.io/template-chooser/ Template-Engine-Chooser]<br />
<br />
==Testing==<br />
* [http://pivotal.github.io/jasmine/ Jasmine]<br />
<br />
==Design Patterns==<br />
* [http://addyosmani.com/resources/essentialjsdesignpatterns/book/ Learning JavaScript Design Patterns, a book by Addy Osmani]<br />
<br />
==Performance==<br />
* [http://developer.nokia.com/Community/Wiki/JavaScript_Performance_Best_Practices JavaScript Performance Best Practices, Nokia] - very extensive!<br />
* [http://www.minimit.com/articles/code-tips/javascript-optimization-and-css-transforms Javascript optimization and css transforms - minimit.com]<br />
* [http://www.speedawarenessmonth.com/ Speed Awareness Month]<br />
** [http://www.speedawarenessmonth.com/the-non-blocking-script-loader-pattern/ The non-blocking script loader pattern]<br />
* [http://jonraasch.com/blog/10-javascript-performance-boosting-tips-from-nicholas-zakas 10 Javascript Performance Boosting Tips from Nicholas Zakas]<br />
* [http://github.e-sites.nl/perimeter.js/ Perimeter.js] - creates an invisible perimeter around a target element and monitors mouse breaches.<br />
<br />
==Quality==<br />
* [http://de.slideshare.net/denodell/highquality-javascript-code High-Quality JavaScript Code]<br />
<br />
==Libraries==<br />
* [http://tenxer.github.com/xcharts/ xCharts]: building beautiful and custom data-driven chart visualizations for the web<br />
* [http://twitter.github.com/typeahead.js/ typeahead.js] - Autocomplete<br />
* [http://parall.ax/products/jspdf jsPDF] - generate PDFs from Javascript.<br />
* [http://knockoutjs.com/ Knockout JS] - Databinding.<br />
* [http://www.ractivejs.org/ Reactive.js] - Next-generation DOM manipulation<br />
* [https://github.com/cloudfour/SimpleSlideView Simple Slide View] - [http://cloudfour.github.io/SimpleSlideView/ Demo 1], [http://cloudfour.github.io/SimpleSlideView/responsive.html Demo 2]<br />
* [http://www.hashids.org/node-js/ Hashids] - Generate short hashes from numbers (like YouTube and Bitly).<br />
* [http://usablica.github.io/intro.js/ Intro.js] - better introductions for websites and features with a step-by-step guide for your projects.<br />
* [http://simplefocus.com/flowtype/ FlowType.JS] - responsive web typography at its finest: font-size and line-height based on element width<br />
<br />
===Transitions===<br />
* [http://pazguille.github.io/flipload/ Flipload.js] - flipping HTML elements to show a loading indicator easily.<br />
<br />
===Navigation===<br />
* [http://linkedin.github.io/hopscotch/ Hopscotch] - Multi-page tours<br />
<br />
===Visualization===<br />
* [http://www.chartjs.org/ Chart.js] - Easy, object oriented client side graphs for designers and developers. ([https://github.com/nnnick/Chart.js GitHub])<br />
* [https://github.com/mbostock/d3/wiki/Gallery D3 Gallery] - data visualization - in a lot of ways. xCharts builds upon it.<br />
* [http://humblesoftware.com/flotr2/# Flotr2] - ([https://github.com/HumbleSoftware/Flotr2 GitHub])<br />
* [http://timeline.verite.co/ Timeline JS] - Beautifully crafted timelines that are easy, and intuitive to use.<br />
<br />
===Search===<br />
* [https://github.com/brianreavis/sifter.js sifter.js] - client and server-side library (via UMD) for textually searching arrays and hashes of objects by property – or multiple properties. It's designed specifically for autocomplete.<br />
<br />
==Frameworks==<br />
* [[AngularJS]] - JavaScript MVW Framework<br />
* [http://bone.io/ Bone.io] - lightweight framework for building high performance Realtime Single Page HTML5 Apps<br />
* [http://durandaljs.com/ Durandal] - Durandal is built on libs you know and love like jQuery, Knockout and RequireJS. There's little to learn and building apps feels comfortable and familiar. ([https://www.youtube.com/user/RyanKeeter/videos YouTube Videos])<br />
* [http://gnd.io/ Ground] - logical and light-weight framework. Built to provide seamless realtime client-server synchronization and complete offline support. <br />
* [http://sailsjs.org/# Sails.js] - easy to build custom, enterprise-grade Node.js apps. It is designed to mimic the MVC pattern of frameworks like Ruby on Rails, but with support for the requirements of modern apps: data-driven APIs with scalable, service-oriented architecture<br />
* [http://www.scaleapp.org/ scalaApp] - tiny JavaScript framework for scalable One-Page-Applications / Single-Page-Applications. The framework allows you to easily create complex web applications.<br />
* [[Meteor]] - open-source platform for building top-quality web apps in a fraction of the time. Syncs automatically client and server models.<br />
<br />
==Editors==<br />
===Markdown===<br />
* [https://github.com/chjj/marked marked] - a markdown parser and compiler. Built for speed.<br />
* [http://epiceditor.com/ EpicEditor] - an embeddable JavaScript Markdown Editor.<br />
<br />
===Contenteditable===<br />
* [https://github.com/NYTimes/ice ice.js] - track changes implementation for anything that is contenteditable.<br />
<br />
==Deliver==<br />
* [http://www.jsdelivr.com/ jsDelivr - A free super-fast CDN for developers and webmasters]<br />
<br />
==Shortcuts==<br />
* https://github.com/ccampbell/mousetrap<br />
** http://davidwalsh.name/keyboard-shortcuts?utm_source=javascriptweekly&utm_medium=email<br />
<br />
==jQuery==<br />
* [http://www.jqueryscript.net/ jQuery Plugins]<br />
<br />
==HTML5==<br />
===localStorage===<br />
* [http://pieroxy.net/blog/pages/lz-string/index.html lz-string] - compress JS strings.<br />
<br />
==Node.js==<br />
* [http://joyent.com/blog/installing-node-and-npm/ Installing Node and npm]<br />
** https://gist.github.com/isaacs/579814<br />
<br />
==Real-Time==<br />
* [https://talky.io/ Talky] - Truly simple video chat and screen sharing for groups. No plugins. No signup or payment required. Anonymous. Peer-to-peer.<br />
<br />
==Code Styles==<br />
* [https://github.com/adobe/brackets/wiki/Brackets-Coding-Conventions Brackets Coding Conventions]<br />
* [https://github.com/madrobby/pragmatic.js Pragmatic.js code style guidelines]<br />
* [http://www.thinkful.com/learn/javascript-best-practices-1/ Javascript Best Practices Part 1]<br />
* [http://isobar-idev.github.io/code-standards/ Front-end Code Standards & Best Practices]<br />
* [http://javascript.crockford.com/code.html Code Conventions for the JavaScript Programming Language]<br />
* [https://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml Google JavaScript Style Guide]<br />
<br />
==Decoupling==<br />
* [http://philipwalton.com/articles/decoupling-html-css-and-javascript/ Decoupling Your HTML, CSS, and JavaScript]<br />
<br />
==Deploy==<br />
* [http://alexsexton.com/blog/2013/03/deploying-javascript-applications/ Deploying JavaScript Applications]<br />
<br />
==Follow==<br />
* http://net.tutsplus.com/tutorials/javascript-ajax/required-javascript-reading/<br />
<br />
[[Category: Software]]</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=CSS&diff=10334
CSS
2013-09-04T18:04:19Z
<p>Nikolayhg: /* Components */</p>
<hr />
<div>==OSEG Wiki==<br />
See what CSS code you can use in the OSEG Wiki:<br />
* in [[MediaWiki:Common.css|Commons.css]] under /** OSEG CSS Code **/ <br />
** The class .round makes tables, divs and spans (everything with a border) round with 10px.<br />
<br />
==Guidelines==<br />
* [https://github.com/csswizardry/CSS-Guidelines CSS-Guidelines]<br />
* [http://flippinawesome.org/2013/08/12/writing-better-css/ Writing Better CSS]<br />
* [http://flippinawesome.org/2013/08/26/functional-css-fcss/? Functional CSS]<br />
<br />
==Initialize==<br />
* [http://www.paulirish.com/2012/box-sizing-border-box-ftw/ Box-sizing: Border-box]<br />
<br />
==Web Components==<br />
* [http://www.uibox.in/ UIBox] - curated HTML, CSS, JS UI Component Library<br />
* [http://customelements.io/ Custom Elements] - A Web Components Gallery for Modern Web Apps<br />
<br />
==Fonts==<br />
* [http://www.fontsquirrel.com/ Font Squirrel] - handpicked free fonts for graphic designers with commercial-use licenses.<br />
<br />
Heading Fonts:<br />
* [http://www.google.com/fonts/specimen/Montserrat Montserrat] ([http://theultralinx.com/2013/04/free-alternative-font-gotham-proxima-nova.html explanation])<br />
<br />
Others:<br />
* [http://demo.amitjakhu.com/dripicons/ Dripicons] - a completely free, vector line-icon font.<br />
<br />
===Typography===<br />
* [http://practicaltypography.com/ Butterick’s Practical Typography]<br />
<br />
==Colors==<br />
* [http://harmonicolors.com/ Harmonic Colors]<br />
* [http://www.colourlovers.com/ COLOURlovers] - palettes and more.<br />
* [https://kuler.adobe.com/explore Adobe Kuler] - needs an Adobe account.<br />
* [http://vandelaydesign.com/blog/design/find-the-perfect-colors-for-your-website/ Find the Perfect Colors for Your Website]<br />
<br />
==Equal Height Columns==<br />
* http://stackoverflow.com/questions/10987821/two-columns-equal-height-only-css-no-display-table-table-row-table-cell<br />
* http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks<br />
** At the bottom are examples with 2, 3, 4 and 5 columns.<br />
<br />
==Centering==<br />
* [http://coding.smashingmagazine.com/2013/08/09/absolute-horizontal-vertical-centering-css/ Absolute Horizontal And Vertical Centering In CSS]<br />
<br />
==Layouts==<br />
===Two Horizontal Divs===<br />
* http://stackoverflow.com/questions/10490256/given-two-divs-on-the-same-line-how-can-i-make-the-left-div-fill-the-remaining<br />
** http://jsfiddle.net/BsHpj/9/<br />
===CSS Div Tables===<br />
* [http://jsfiddle.net/Hv3V4/4/ JSFiddle with display:table]<br />
<br />
====Equal Height====<br />
* [http://codepen.io/basement31/pen/Ifaeu Codepen - Equal height boxes with minimal code]<br />
<br />
====Rowspan====<br />
* [http://stackoverflow.com/questions/13585789/css-rowspan-like-effect CSS div rowspan effect] - [http://tinkerbin.com/Mdd8u3fK demo]<br />
<br />
====Colspan====<br />
* http://tinkerbin.com/Mdd8u3fK<br />
<br />
===Others===<br />
* [http://jsfiddle.net/KtgVN/20/ Left, Right, Centered Div]<br />
<br />
==CSS3 gradient background==<br />
* http://stackoverflow.com/questions/11719019/css3-gradient-background<br />
<br />
==Menus==<br />
* [http://tympanus.net/Development/MultiLevelPushMenu/index3.html Multi-Level Push Menu]<br />
* [http://tympanus.net/codrops/2011/10/10/circle-navigation-effect-with-css3/ More Personal Circle Navigation]<br />
* [http://tympanus.net/Tutorials/CircularNavigation/index2.html Circular Navigation]<br />
<br />
==Forms==<br />
* [http://arthurgouveia.com/prettyCheckable/ jQuery prettyCheckable] - replaces the default checkboxes and radio inputs for better looking ones.<br />
* [http://patrickkunka.github.io/easydropdown/ jQuery EasyDropDown] - a Drop-down Builder for Styleable Inputs and Menus.<br />
* [http://www.bartos.me/heapbox/ HeapBox] - jQuery HTML selectbox replacement.<br />
<br />
==Modal==<br />
* [http://drublic.github.io/css-modal/ CSS-Modal] - Modals built out of pure CSS.<br />
* [http://tympanus.net/Development/ModalWindowEffects/ Nifty Modal Window Effects] ([http://tympanus.net/codrops/2013/06/25/nifty-modal-window-effects/ blog])<br />
* [http://taitems.github.io/iOS-Overlay/ iosOverlay.js] - iOS-style overlays/notifications for the web.<br />
<br />
==Animations and Effects==<br />
* [http://h5bp.github.io/Effeckt.css/dist/ Effekt.css]<br />
* [http://inspiretrends.com/css3-transitions-and-animations-effects-tutorials/ 25 CSS3 Transitions and Animations Effects Tutorials]<br />
** [http://tympanus.net/Development/PseudoElementsAnimationsTransitions/ Examples of Pseudo-Elements Animations and Transitions]<br />
** [http://tympanus.net/Tutorials/CaptionHoverEffects/ Caption Hover Effects]<br />
** [http://tympanus.net/Tutorials/YouTubeLeftSideMenu/ Simple YouTube Menu Effect]<br />
** [http://tympanus.net/Tutorials/Animated3DBarChart/ Interactive Infographic with SVG and CSS Animations]<br />
* [http://www.minimamente.com/magic-css3-animations/ Magic CSS Animations]<br />
<br />
==Footers==<br />
* [http://tutorialzine.com/2013/08/slideout-footer-css/ Slide-out footer]<br />
<br />
==Images==<br />
* http://placehold.it/ - a quick and simple image placeholder service.<br />
<br />
[[Category: -OSEG 301 - IT Administration]]<br />
<br />
==Preprocessors==<br />
* [http://lesscss.org/ LESS]<br />
** [http://getpreboot.com/ Preboot]<br />
** [http://lesselements.com/ LESS Elements]<br />
<br />
==Frameworks==<br />
* [http://getbootstrap.com Bootstrap]<br />
** [http://bootsnipp.com/ Bootsnipp] - snippets about Bootstrap.<br />
** [http://jaykanakiya.com/bootstrap-grid-builder bootstrap-grid-builder]<br />
** [http://pikock.github.io/bootstrap-magic/ Bootstrap Magic] - easily create your own Twitter Bootstrap theme.<br />
* [http://purecss.io/ Pure] - a set of small, responsive CSS modules that you can use in every web project. (4.3KB* minified and gzipped)<br />
<br />
==Share==<br />
* [http://blog.codepen.io/2013/07/23/the-new-embed-builder-customize-every-aspect/ Codepen - The New Embed Builder – Customize Every Aspect of Embedded Pens ]<br />
<br />
==CSS Processors==<br />
* [https://github.com/sindresorhus/cssprettifier-userscript cssprettifier-userscript]<br />
<br />
==Structure==<br />
* [http://mvcss.github.io/ MVCSS] - Sass-based CSS architecture for creating predictable and maintainable application style.<br />
<br />
==Code Styles==<br />
* [http://isobar-idev.github.io/code-standards/#_css Front-end Code Standards & Best Practices (CSS)]<br />
* [https://github.com/necolas/idiomatic-css Principles of writing consistent, idiomatic CSS]<br />
* [https://github.com/styleguide/css GitHub CSS Style Guide]<br />
<br />
==Tutorials==<br />
* http://tympanus.net/codrops/category/tutorials/<br />
** http://tympanus.net/Development/ModalWindowEffects/<br />
* http://tympanus.net/codrops/collective/<br />
<br />
==Follow==<br />
* [http://webtoolsweekly.com/#archive Webtools weekly] - newsletter and archive.<br />
<br />
==Links==<br />
* [http://coding.smashingmagazine.com/2012/04/20/decoupling-html-from-css/ Decoupling HTML From CSS]<br />
* [https://speakerdeck.com/mdo/frameworks-of-tomorrow Frameworks of Tomorrow]<br />
** [http://necolas.github.io/normalize.css/ Normalize.css]<br />
** [http://www.getskeleton.com/ Skeleton]<br />
** [http://responsive.gs/ responsive.gs]<br />
** [http://daneden.me/animate/ Animate.css]<br />
** [http://stuffandnonsense.co.uk/projects/rock-hammer/ Roch Hammer]<br />
* [http://css-tricks.com/ CSS Tricks]</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=CSS&diff=10333
CSS
2013-09-04T18:02:08Z
<p>Nikolayhg: /* Initialize */</p>
<hr />
<div>==OSEG Wiki==<br />
See what CSS code you can use in the OSEG Wiki:<br />
* in [[MediaWiki:Common.css|Commons.css]] under /** OSEG CSS Code **/ <br />
** The class .round makes tables, divs and spans (everything with a border) round with 10px.<br />
<br />
==Guidelines==<br />
* [https://github.com/csswizardry/CSS-Guidelines CSS-Guidelines]<br />
* [http://flippinawesome.org/2013/08/12/writing-better-css/ Writing Better CSS]<br />
* [http://flippinawesome.org/2013/08/26/functional-css-fcss/? Functional CSS]<br />
<br />
==Initialize==<br />
* [http://www.paulirish.com/2012/box-sizing-border-box-ftw/ Box-sizing: Border-box]<br />
<br />
==Components==<br />
* [http://www.uibox.in/ UIBox] - curated HTML, CSS, JS UI Component Library<br />
<br />
==Fonts==<br />
* [http://www.fontsquirrel.com/ Font Squirrel] - handpicked free fonts for graphic designers with commercial-use licenses.<br />
<br />
Heading Fonts:<br />
* [http://www.google.com/fonts/specimen/Montserrat Montserrat] ([http://theultralinx.com/2013/04/free-alternative-font-gotham-proxima-nova.html explanation])<br />
<br />
Others:<br />
* [http://demo.amitjakhu.com/dripicons/ Dripicons] - a completely free, vector line-icon font.<br />
<br />
===Typography===<br />
* [http://practicaltypography.com/ Butterick’s Practical Typography]<br />
<br />
==Colors==<br />
* [http://harmonicolors.com/ Harmonic Colors]<br />
* [http://www.colourlovers.com/ COLOURlovers] - palettes and more.<br />
* [https://kuler.adobe.com/explore Adobe Kuler] - needs an Adobe account.<br />
* [http://vandelaydesign.com/blog/design/find-the-perfect-colors-for-your-website/ Find the Perfect Colors for Your Website]<br />
<br />
==Equal Height Columns==<br />
* http://stackoverflow.com/questions/10987821/two-columns-equal-height-only-css-no-display-table-table-row-table-cell<br />
* http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks<br />
** At the bottom are examples with 2, 3, 4 and 5 columns.<br />
<br />
==Centering==<br />
* [http://coding.smashingmagazine.com/2013/08/09/absolute-horizontal-vertical-centering-css/ Absolute Horizontal And Vertical Centering In CSS]<br />
<br />
==Layouts==<br />
===Two Horizontal Divs===<br />
* http://stackoverflow.com/questions/10490256/given-two-divs-on-the-same-line-how-can-i-make-the-left-div-fill-the-remaining<br />
** http://jsfiddle.net/BsHpj/9/<br />
===CSS Div Tables===<br />
* [http://jsfiddle.net/Hv3V4/4/ JSFiddle with display:table]<br />
<br />
====Equal Height====<br />
* [http://codepen.io/basement31/pen/Ifaeu Codepen - Equal height boxes with minimal code]<br />
<br />
====Rowspan====<br />
* [http://stackoverflow.com/questions/13585789/css-rowspan-like-effect CSS div rowspan effect] - [http://tinkerbin.com/Mdd8u3fK demo]<br />
<br />
====Colspan====<br />
* http://tinkerbin.com/Mdd8u3fK<br />
<br />
===Others===<br />
* [http://jsfiddle.net/KtgVN/20/ Left, Right, Centered Div]<br />
<br />
==CSS3 gradient background==<br />
* http://stackoverflow.com/questions/11719019/css3-gradient-background<br />
<br />
==Menus==<br />
* [http://tympanus.net/Development/MultiLevelPushMenu/index3.html Multi-Level Push Menu]<br />
* [http://tympanus.net/codrops/2011/10/10/circle-navigation-effect-with-css3/ More Personal Circle Navigation]<br />
* [http://tympanus.net/Tutorials/CircularNavigation/index2.html Circular Navigation]<br />
<br />
==Forms==<br />
* [http://arthurgouveia.com/prettyCheckable/ jQuery prettyCheckable] - replaces the default checkboxes and radio inputs for better looking ones.<br />
* [http://patrickkunka.github.io/easydropdown/ jQuery EasyDropDown] - a Drop-down Builder for Styleable Inputs and Menus.<br />
* [http://www.bartos.me/heapbox/ HeapBox] - jQuery HTML selectbox replacement.<br />
<br />
==Modal==<br />
* [http://drublic.github.io/css-modal/ CSS-Modal] - Modals built out of pure CSS.<br />
* [http://tympanus.net/Development/ModalWindowEffects/ Nifty Modal Window Effects] ([http://tympanus.net/codrops/2013/06/25/nifty-modal-window-effects/ blog])<br />
* [http://taitems.github.io/iOS-Overlay/ iosOverlay.js] - iOS-style overlays/notifications for the web.<br />
<br />
==Animations and Effects==<br />
* [http://h5bp.github.io/Effeckt.css/dist/ Effekt.css]<br />
* [http://inspiretrends.com/css3-transitions-and-animations-effects-tutorials/ 25 CSS3 Transitions and Animations Effects Tutorials]<br />
** [http://tympanus.net/Development/PseudoElementsAnimationsTransitions/ Examples of Pseudo-Elements Animations and Transitions]<br />
** [http://tympanus.net/Tutorials/CaptionHoverEffects/ Caption Hover Effects]<br />
** [http://tympanus.net/Tutorials/YouTubeLeftSideMenu/ Simple YouTube Menu Effect]<br />
** [http://tympanus.net/Tutorials/Animated3DBarChart/ Interactive Infographic with SVG and CSS Animations]<br />
* [http://www.minimamente.com/magic-css3-animations/ Magic CSS Animations]<br />
<br />
==Footers==<br />
* [http://tutorialzine.com/2013/08/slideout-footer-css/ Slide-out footer]<br />
<br />
==Images==<br />
* http://placehold.it/ - a quick and simple image placeholder service.<br />
<br />
[[Category: -OSEG 301 - IT Administration]]<br />
<br />
==Preprocessors==<br />
* [http://lesscss.org/ LESS]<br />
** [http://getpreboot.com/ Preboot]<br />
** [http://lesselements.com/ LESS Elements]<br />
<br />
==Frameworks==<br />
* [http://getbootstrap.com Bootstrap]<br />
** [http://bootsnipp.com/ Bootsnipp] - snippets about Bootstrap.<br />
** [http://jaykanakiya.com/bootstrap-grid-builder bootstrap-grid-builder]<br />
** [http://pikock.github.io/bootstrap-magic/ Bootstrap Magic] - easily create your own Twitter Bootstrap theme.<br />
* [http://purecss.io/ Pure] - a set of small, responsive CSS modules that you can use in every web project. (4.3KB* minified and gzipped)<br />
<br />
==Share==<br />
* [http://blog.codepen.io/2013/07/23/the-new-embed-builder-customize-every-aspect/ Codepen - The New Embed Builder – Customize Every Aspect of Embedded Pens ]<br />
<br />
==CSS Processors==<br />
* [https://github.com/sindresorhus/cssprettifier-userscript cssprettifier-userscript]<br />
<br />
==Structure==<br />
* [http://mvcss.github.io/ MVCSS] - Sass-based CSS architecture for creating predictable and maintainable application style.<br />
<br />
==Code Styles==<br />
* [http://isobar-idev.github.io/code-standards/#_css Front-end Code Standards & Best Practices (CSS)]<br />
* [https://github.com/necolas/idiomatic-css Principles of writing consistent, idiomatic CSS]<br />
* [https://github.com/styleguide/css GitHub CSS Style Guide]<br />
<br />
==Tutorials==<br />
* http://tympanus.net/codrops/category/tutorials/<br />
** http://tympanus.net/Development/ModalWindowEffects/<br />
* http://tympanus.net/codrops/collective/<br />
<br />
==Follow==<br />
* [http://webtoolsweekly.com/#archive Webtools weekly] - newsletter and archive.<br />
<br />
==Links==<br />
* [http://coding.smashingmagazine.com/2012/04/20/decoupling-html-from-css/ Decoupling HTML From CSS]<br />
* [https://speakerdeck.com/mdo/frameworks-of-tomorrow Frameworks of Tomorrow]<br />
** [http://necolas.github.io/normalize.css/ Normalize.css]<br />
** [http://www.getskeleton.com/ Skeleton]<br />
** [http://responsive.gs/ responsive.gs]<br />
** [http://daneden.me/animate/ Animate.css]<br />
** [http://stuffandnonsense.co.uk/projects/rock-hammer/ Roch Hammer]<br />
* [http://css-tricks.com/ CSS Tricks]</div>
Nikolayhg
https://wiki.opensourceecology.de/index.php?title=Javascript&diff=10330
Javascript
2013-09-04T08:52:14Z
<p>Nikolayhg: /* Editors */</p>
<hr />
<div><br />
==Learn==<br />
* [http://www.creativebloq.com/web-design-tips/css-and-javascript-1233101 125 CSS and JavaScript tutorials to power up your skills]<br />
* [http://bonsaiden.github.io/JavaScript-Garden/ JavaScript-Garden] - growing collection of documentation about the most quirky parts of the JavaScript programming language. It gives advice to avoid common mistakes and subtle bugs, as well as performance issues and bad practices, that non-expert JavaScript programmers may encounter on their endeavours into the depths of the language.<br />
* http://javascriptissexy.com/ - JavaScript is Sexy<br />
** [http://javascriptissexy.com/javascript-objects-in-detail/ JavaScript objects in detail]<br />
* [http://www.objectplayground.com/ Object Playground: The Definitive Guide to Object-Oriented JavaScript] - with Video.<br />
* [http://www.javascript.su/ JavaScript in one page]<br />
* [http://superherojs.com/ Superhero.js] - Collection of the best articles, videos and presentations on creating, testing and maintaining a large JavaScript code base.<br />
<br />
==Writing==<br />
* [http://www.slideshare.net/nzakas/maintainable-javascript-2012 Maintainable JavaScript code]<br />
<br />
==Javascript Development Workflow==<br />
Siehe [[Web Development Workflow]]<br />
<br />
==Keyboard==<br />
* [http://craig.is/killing/mice Mousetrap] - A simple library for handling keyboard shortcuts in Javascript.<br />
<br />
==Numbers==<br />
* [http://josscrowcroft.github.io/accounting.js/ accounting.js is a tiny JavaScript library for number, money and currency formatting, with optional excel-style column rendering]<br />
<br />
==Templates==<br />
[https://developer.mozilla.org/en-US/docs/JavaScript_templates List of JavaScript templates from Mozilla].<br />
* [https://github.com/janl/mustache.js mustache.js] - minimal templating in JavaScript. Compatible with http://handlebarsjs.com/.<br />
* [https://github.com/twitter/hogan.js hogan.js] - 2.5k JS compiler for the Mustache templating language.<br />
* [http://olado.github.io/doT/ doT.js] - the fastest + concise javascript template engine for Node.js and browsers.<br />
* [https://github.com/akdubya/dustjs dustjs] - аsynchronous templates for the browser and node.js ([http://akdubya.github.io/dustjs/ demo]).<br />
** [http://linkedin.github.io/dustjs/ LinkedIn's dustjs], [https://github.com/linkedin/dustjs GitHub], [https://github.com/linkedin/dustjs/wiki/Dust-Tutorial Tutorial] ({$idx}), [http://engineering.linkedin.com/frontend/leaving-jsps-dust-moving-linkedin-dustjs-client-side-templates Leaving JSPs in the dust], [https://github.com/linkedin/dustjs-helpers Dustjs Helpers] (bower: dustjs-linkedin-helpers)<br />
* [http://blueimp.github.io/JavaScript-Templates/ JavaScript Templates] - < 1KB lightweight, fast & powerful JavaScript templating engine with zero dependencies.<br />
* [http://beebole.com/pure/ pure] - Simple and ultra-fast templating tool to generate HTML from JSON data. Keep your HTML clean of any logic using JSON and Javascript only<br />
* [http://embeddedjs.com/ EJS] - EJS cleans the HTML out of your JavaScript with client side templates.<br />
* [http://www.jsviews.com/#jsviews JsViews] - the JsViews framework brings declarative data-binding to JsRender templates, supports MVVM and MVP (custom tag controls), and much more...<br />
* [https://code.google.com/p/json-template/ JSON Template] -<br />
* [https://github.com/CKGrafico/jQuery_HandlebarsJS/ jQuery_HandlebarsJS] - jQuery plugin for use http://handlebarsjs.com/<br />
[http://garann.github.io/template-chooser/ Template-Engine-Chooser]<br />
<br />
==Testing==<br />
* [http://pivotal.github.io/jasmine/ Jasmine]<br />
<br />
==Design Patterns==<br />
* [http://addyosmani.com/resources/essentialjsdesignpatterns/book/ Learning JavaScript Design Patterns, a book by Addy Osmani]<br />
<br />
==Performance==<br />
* [http://developer.nokia.com/Community/Wiki/JavaScript_Performance_Best_Practices JavaScript Performance Best Practices, Nokia] - very extensive!<br />
* [http://www.minimit.com/articles/code-tips/javascript-optimization-and-css-transforms Javascript optimization and css transforms - minimit.com]<br />
* [http://www.speedawarenessmonth.com/ Speed Awareness Month]<br />
** [http://www.speedawarenessmonth.com/the-non-blocking-script-loader-pattern/ The non-blocking script loader pattern]<br />
* [http://jonraasch.com/blog/10-javascript-performance-boosting-tips-from-nicholas-zakas 10 Javascript Performance Boosting Tips from Nicholas Zakas]<br />
<br />
==Quality==<br />
* [http://de.slideshare.net/denodell/highquality-javascript-code High-Quality JavaScript Code]<br />
<br />
==Libraries==<br />
* [http://tenxer.github.com/xcharts/ xCharts]: building beautiful and custom data-driven chart visualizations for the web<br />
* [http://twitter.github.com/typeahead.js/ typeahead.js] - Autocomplete<br />
* [http://parall.ax/products/jspdf jsPDF] - generate PDFs from Javascript.<br />
* [http://knockoutjs.com/ Knockout JS] - Databinding.<br />
* [http://www.ractivejs.org/ Reactive.js] - Next-generation DOM manipulation<br />
* [https://github.com/cloudfour/SimpleSlideView Simple Slide View] - [http://cloudfour.github.io/SimpleSlideView/ Demo 1], [http://cloudfour.github.io/SimpleSlideView/responsive.html Demo 2]<br />
* [http://www.hashids.org/node-js/ Hashids] - Generate short hashes from numbers (like YouTube and Bitly).<br />
* [http://usablica.github.io/intro.js/ Intro.js] - better introductions for websites and features with a step-by-step guide for your projects.<br />
* [http://simplefocus.com/flowtype/ FlowType.JS] - responsive web typography at its finest: font-size and line-height based on element width<br />
<br />
===Transitions===<br />
* [http://pazguille.github.io/flipload/ Flipload.js] - flipping HTML elements to show a loading indicator easily.<br />
<br />
===Navigation===<br />
* [http://linkedin.github.io/hopscotch/ Hopscotch] - Multi-page tours<br />
<br />
===Visualization===<br />
* [http://www.chartjs.org/ Chart.js] - Easy, object oriented client side graphs for designers and developers. ([https://github.com/nnnick/Chart.js GitHub])<br />
* [https://github.com/mbostock/d3/wiki/Gallery D3 Gallery] - data visualization - in a lot of ways. xCharts builds upon it.<br />
* [http://humblesoftware.com/flotr2/# Flotr2] - ([https://github.com/HumbleSoftware/Flotr2 GitHub])<br />
* [http://timeline.verite.co/ Timeline JS] - Beautifully crafted timelines that are easy, and intuitive to use.<br />
<br />
===Search===<br />
* [https://github.com/brianreavis/sifter.js sifter.js] - client and server-side library (via UMD) for textually searching arrays and hashes of objects by property – or multiple properties. It's designed specifically for autocomplete.<br />
<br />
==Frameworks==<br />
* [[AngularJS]] - JavaScript MVW Framework<br />
* [http://bone.io/ Bone.io] - lightweight framework for building high performance Realtime Single Page HTML5 Apps<br />
* [http://durandaljs.com/ Durandal] - Durandal is built on libs you know and love like jQuery, Knockout and RequireJS. There's little to learn and building apps feels comfortable and familiar. ([https://www.youtube.com/user/RyanKeeter/videos YouTube Videos])<br />
* [http://gnd.io/ Ground] - logical and light-weight framework. Built to provide seamless realtime client-server synchronization and complete offline support. <br />
* [http://sailsjs.org/# Sails.js] - easy to build custom, enterprise-grade Node.js apps. It is designed to mimic the MVC pattern of frameworks like Ruby on Rails, but with support for the requirements of modern apps: data-driven APIs with scalable, service-oriented architecture<br />
* [http://www.scaleapp.org/ scalaApp] - tiny JavaScript framework for scalable One-Page-Applications / Single-Page-Applications. The framework allows you to easily create complex web applications.<br />
* [[Meteor]] - open-source platform for building top-quality web apps in a fraction of the time. Syncs automatically client and server models.<br />
<br />
==Editors==<br />
===Markdown===<br />
* [https://github.com/chjj/marked marked] - a markdown parser and compiler. Built for speed.<br />
* [http://epiceditor.com/ EpicEditor] - an embeddable JavaScript Markdown Editor.<br />
<br />
===Contenteditable===<br />
* [https://github.com/NYTimes/ice ice.js] - track changes implementation for anything that is contenteditable.<br />
<br />
==Deliver==<br />
* [http://www.jsdelivr.com/ jsDelivr - A free super-fast CDN for developers and webmasters]<br />
<br />
==Shortcuts==<br />
* https://github.com/ccampbell/mousetrap<br />
** http://davidwalsh.name/keyboard-shortcuts?utm_source=javascriptweekly&utm_medium=email<br />
<br />
==jQuery==<br />
* [http://www.jqueryscript.net/ jQuery Plugins]<br />
<br />
==HTML5==<br />
===localStorage===<br />
* [http://pieroxy.net/blog/pages/lz-string/index.html lz-string] - compress JS strings.<br />
<br />
==Node.js==<br />
* [http://joyent.com/blog/installing-node-and-npm/ Installing Node and npm]<br />
** https://gist.github.com/isaacs/579814<br />
<br />
==Real-Time==<br />
* [https://talky.io/ Talky] - Truly simple video chat and screen sharing for groups. No plugins. No signup or payment required. Anonymous. Peer-to-peer.<br />
<br />
==Code Styles==<br />
* [https://github.com/adobe/brackets/wiki/Brackets-Coding-Conventions Brackets Coding Conventions]<br />
* [https://github.com/madrobby/pragmatic.js Pragmatic.js code style guidelines]<br />
* [http://www.thinkful.com/learn/javascript-best-practices-1/ Javascript Best Practices Part 1]<br />
* [http://isobar-idev.github.io/code-standards/ Front-end Code Standards & Best Practices]<br />
* [http://javascript.crockford.com/code.html Code Conventions for the JavaScript Programming Language]<br />
* [https://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml Google JavaScript Style Guide]<br />
<br />
==Decoupling==<br />
* [http://philipwalton.com/articles/decoupling-html-css-and-javascript/ Decoupling Your HTML, CSS, and JavaScript]<br />
<br />
==Deploy==<br />
* [http://alexsexton.com/blog/2013/03/deploying-javascript-applications/ Deploying JavaScript Applications]<br />
<br />
==Follow==<br />
* http://net.tutsplus.com/tutorials/javascript-ajax/required-javascript-reading/<br />
<br />
[[Category: Software]]</div>
Nikolayhg