Wer braucht für diese Woche gute Laune? Das klappt mit „Teeth“ von „5 Seconds of Summer“.
Blog
-
Kürzel/ Bedeutung 2
-
CSS-Flexbox
CSS-Flexbox
CSS-Flexboxen werden für lineare Strukturen verwendet, da sie mit zwei Achsen arbeiten, auf die sie ihre Inhalte verteilen. Das dadurch kreierte Layout, macht den Entwurf einer flexiblen und responsiven Layoutstruktur, ohne die Verwendung von Float oder Positionierung, umso leichter. Gut erklärt wird das alles von „Kulturbanause“. Wer Interesse hat, kann sich dort genauer informieren.
-
Passwortgenerator
Passwortgenerator
Haben Sie Probleme, ein sicheres Passwort zu erfinden? Wir haben dafür einen Passwortgenerator! Einfach Länge auswählen und schon bekommen Sie ein Passwort mit Groß- und Kleinschreibung sowie Zahlen und Sonderzeichen generiert.
Quellenoffen OpenSource:
pwgen.mission-webstyle.deOffline Variante zum, Download via GitHub:
https://github.com/mission-webstyle/mws-password-generatorDort steht der Generator zur Frei Verfügung zur Nutzung und Änderung, Integrierung etc.
-
Unterschied von Java und JavaScript
Unterschied von Java und JavaScript
Was ist der Unterschied zwischen Java und JavaScript?
Java ist eine objektorientierte und plattformunabhängige Programmiersprache. JavaScript ist Skriptsprache, die ursprünglich für Animationen und die allseits bekannten „Pop-Up-Meldungen“ verwendet wurde. Am Anfang oft verrufen und klein gesprochen ist JavaScript mit seinen unzähligen Erweiterungen nicht mehr aus der Webentwicklung wegzudenken und bildet die Basis für das Internet, wie wir es heute kennen.
-
Tag des Baumes
-
JavaScript
JavaScript
Seit 1995 gibt es die Skriptsprache JavaScript. Durch die regelmäßige Erweiterung der letzten Jahre handelt es sich mittlerweile um eine äußerst komplexe Programmiersprache. JavaScript ermöglicht einen dynamischen Aufbau einer Webseite. Außerdem kann man mit JavaScript komplexe Kontrollabfragen programmieren und diese z. B. mit Datenbanken verknüpfen, um Eingaben zu prüfen
-
Java
Java
Java wurde 1995 von Sun Microsystems mit dem Slogan „Write once, run anywhere“ veröffentlicht. Java ist eine plattformunabhängige, objektorientierte Programmiersprache. Der Vorteil gegenüber der Konkurrenz bestand darin das Java-Quellcode zuerst in standardisierten Bytecode übersetzt wird. Die Javalaufzeitumgebung (JRE) kann auf fast jeder Hardware und jedem Betriebssystem installiert werden. Sie führt das Programm aus und übersetzt erst zur Laufzeit den Bytecode in Binärcode, also Maschinensprache. Java wird auf Smartphones, Tablets und in Autos verwendet. Auch komplexe Webapplikationen können mit Java erstellt werden. Java läuft auch auf SIM-Karten und übernimmt dort z.B. die Kommunikation mit den Telefonfunkmasten und die PIN-Überprüfung. Außerdem läuft es auf Chips von Bank- und Kreditkarten, wo es meist die Kommunikation mit Bankautomaten übernimmt.
-
Jahrestag
-
Bild bei HTML einfügen
Um ein Bild auf einer Webseite einzufügen, wird das Tag <img> verwendet. Dieses Tag hat keinen Inhalt, sondern nur Attribute, wie z. B.:
<img src=“images/beispielbild.png“
height=“200px“ width=“400px“
alt=“Beispielbild“ title=“Beispielbild“ />• src: gibt die Quelle des anzuzeigenden Bildes an.
• height: Höhe des Bildes (wird nur die Höhe angegebene wird die Breite automatisch mit skaliert)
• width: Breite des Bildes (wird nur die Breite angegebene wird die Höhe automatisch mit skaliert)
• width und height: Wird die Höhe und die Breite angegeben bekommt das Bild eine feste Größe und es wird keine automatische Skalierung vorgenommen. Das heißt die dadurch entstehenden Proportionen müssen zu dem Bild passen.
Wird weder die Höhe noch die Breite angegeben, wird das Bild in Originalgröße angezeigt.
Die Attribute height und width bestimmen die Anzeigegröße des Bildes, verändern jedoch nicht die Originalgröße des Bildes.
• alt: damit wird der Alternativtext für das Bild angegeben.
• title: zeigt vorgegeben Text an, wenn die Maus über dem Bild stehen bleibt
-
CSS- Background
-
Aufwärtskompatibilität
Aufwärtskompatibilität
Die Aufwärtskompatibilität ist das Gegenteil der Abwärtskompatibilität. Hierbei soll es alten Programmen ermöglicht werden, z. B. neue Schriften anzuzeigen oder Dokumente mit neuen Formaten zu öffnen und zu bearbeiten. Diese Kompatibilität ist schwieriger zu gewährleisten als die Abwärtskompatibilität, da nicht alle Formate und Strukturen der neueren Versionen bekannt sind. Zu heutigen Zeiten ist eine Aufwärtskompatibilität durchaus möglich, indem unbekannte Inhalte von Programmen kompensiert werden. Dies wird z. B. durch Emulation erreicht, bei der ein System bestimmte Teilaspekte eines anderen Systems nachbildet.
-
Secure Shell
Secure Shell
Secure Shell oder Secure Socket Shell (SSH) ermöglicht eine sichere und direkte Verbindung zweier Computer. Eine Netzwerkverbindung ist möglicherweise unsicher, weshalb dieser extra Schutz genutzt wird, um dritte davon abzuhalten, Daten dieser beiden Computer abzugreifen. SSH kann auch von Netzwerkadministratoren zur Remote-Verwaltung von Systemen und Anwendungen verwendet werden. Dabei melden sie sich über ein Netzwerk bei einem anderen Computer an und können dadurch Befehle auf diesem Computer ausführen oder Dateien verschieben. Nicht nur verschlüsselte Verbindungen werden dadurch gewährleistet, sondern auch, dass nur zwischen zwei gewünschten Computern eine Verbindung hergestellt werden kann.
-
Full form
-
Lazy Loading
Lazy Loading
Lazy Laoding bei Webdesign bedeutet, dass nicht alle Bilder einer Webseite gleich beim Öffnen laden. Das Gegenteil davon wäre Eager Loading, wobei alle Bilder gleich nach dem Öffnen geladen werden. Dadurch kann je nach Internetverbindung die Ladegeschwindigkeit einer Seite stark verlangsamt werden. Um Abhilfe zu schaffen, wird Lazy Loading verwendet, wodurch nur dann Bilder einer Webseite geladen werden, wenn diese auch angezeigt werden sollen (z. B. bei scrollen).
-
Arbeitszeiterfassung
Arbeitszeiterfassung
Haben Sie sich schon mit der Arbeitszeitenerfassung befasst? Der Europäische Gerichtshof hat 2019 beschlossen, diese gesetzlich einzuführen. Wann und wie das Ganze umgesetzt werden soll, ist dabei allerdings noch ungeklärt. Sehr übersichtlich und informativ dazu ist der Beitrag von eRecht24.
-
Grundtags HTML:
• <!doctype html> beschreibt Typ und Version der Webseite
• <html> … </html> Anfang und Ende der HTML-Seite
• <meta charset=“utf-8“> setzt zusätzliche Angaben und Informationen wie z. B. den Zeichensatz (erleichtert die Verwaltung des Dokumentes)
• <title>… </title> Titel der Webseite
• <head> … </head> beinhaltet meta, titel und base welche die wichtigsten Informationen der Webseite liefern (z. B. style, link …)
• <body> … </body> umschließt die auf der Webseite angezeigten Inhalte
• <h1> … </h1> Große Überschrift
• <h2> …. </h2> Kleinere Überschrift
Viele Tags werden in den heutigen Browsern nicht mehr benötigt, da sie automatisch hinzugefügt werden. Trotzdem gehören sie zum guten Ton dazu und werden deshalb auch heute noch verwendet.
-
Abwärtskompatibilität
Abwärtskompatibilität
Was ist Abwärtskompatibilität?
Durch Erweiterungen von z. B. HTML, CSS usw. können Teile von Webseiten oder Webanwendungen von älteren Browsern nicht mehr richtig dargestellt werden. Um dies zu verhindern, sollte man darauf achten, dass alle genutzten Elemente einer Webseite eine relativ hohe Abwärtskompatibilität aufweisen. Damit kann die Seite auf allen oder zumindest auf einem Großteil von Geräten richtig dargestellt werden. Dafür sollten viele Präfixe angesprochen werden (z.B Gradient bei Farben). Neuste Technologien sollten nicht immer sofort genutzt werden, da nur ein kleiner Bruchteil der Browser diese zu Beginn darstellen kann.
-
WordPress
WordPress
Vorteile von WordPress:
• riesige Community (Sicherheitslücken werden schnell gefunden und bearbeitet, bei Problemen findet man schnell Hilfe etc.)
• einfach zu lernen und nutzen (Anfängerfreundlich)
• kostenlos
• viele und aktuelle Erweiterungsmöglichkeiten
• WordPress Webseiten sind individuell erweiterbar (z. B. durch Plugins)
-
Alternativ-Text
Alternativ-Text
Alternativ-Text bei Bildern:
• Er beschreibt den gezeigten Inhalt eines Bildes in kurzen Worten
• Sollte die Internetverbindung zu langsam zum Laden von Bildern sein, können die Inhalte durch den Alternativtext trotzdem nachvollzogen werden
• Wichtig für Barrierefreiheit: dadurch können auch Sehbehinderte oder Menschen mit kognitiven oder körperlichen Einschränkungen Grafiken, Bilder und Fotos verstehen
• Suchmaschinen orientieren sich zudem an den Alternativtexten und nicht an den Bildern (Webseiten mit Alternativtexten werden bei Suchanfragen eher angezeigt)
-
Schriftbefehle bei CSS
Schriftbefehle bei CSS
Übersicht der Schriftbefehle bei CSS:
• font-size: bestimmt die Schriftgröße
• font-style: bestimmt die Schriftart (z. B. Arial, Times New Roman, Calibri usw.)
• font-weight: hiermit wird das Schriftgewicht angegeben (normal, bold, lighter …)
• font-variant: bestimmt die Schriftvariante (normal oder small-caps)
• font-family: legt den Schriftstil fest (z. B. normal, kursiv, unterstrichen usw.)
• color: legt die Textfarbe fest
-
UI und UX
UI und UX
Was ist UI und UX?
Bei Webdesign sind UI und UX sehr wichtig. UI steht dabei für User Interface und UX für User Experience, beides arbeitet Hand in Hand.
Es ist das Erlebnis, was ein Kunde hat, wenn er mit einem Unternehmen in Kontakt tritt. Dabei ist die Erfahrung des Kunden gemeint, bei der er auf ein Unternehmen aufmerksam wird, dessen Webseite aufsucht und schließlich ein Abonnement abschließt, ein Produkt bestellt oder Kontakt herstellt. Diese Erlebnisse nennt man auch Touchpoints (Berührungspunkte).
Außerdem beschreiben sie den Teil einer Webseite, bei dem ein Kunde interaktiv agieren kann, wie z. B. bei Menüs, Buttons, Eingabe-Formularen usw. Meistens werden sie als etwas visuelles wahrgenommen, aber auch Vibrationen, Sprachein- und Sprachausgaben zählen dazu. Trotzdem ist vor allem die visuell ansprechende Gestaltung besonders wichtig, um das volle Potenzial einer Webseite auszuschöpfen. Die Interaktion muss dabei allerdings trotzdem effizient und effektiv sein, was sich über die Usability/Bedienbarkeit verwirklichen lässt. Das generelle Ziel von UI/ UX ist es die Markenbotschaft durch visuelle Elemente von Webseiten und Apps zu vermitteln.
Um die besten Ergebnisse zu erzielen, ist es unerlässlich, dass sich UI und UX gegenseitig unterstützen und ergänzen.
-
Webseiten
Webseiten
Jetzt wäre ein guter Zeitpunkt, um sich Gedanken über eine eigene Webseite für das neue Jahr zu machen. Hier fünf Gründe, weshalb eine eigene Webseite wichtig ist:
– Sie machen Kunden auf Ihr Unternehmen aufmerksam und stellen ihnen Informationen zur Verfügung.
-Durch eine Webseite machen Sie sich erreichbar und können mehrere Kontaktmöglichkeiten anbieten.
– Sie können mehr Umsatz generieren, wenn Sie zum Beispiel einen Onlineshop betreiben.
– Aktualität kann garantiert werden, da kein Medium schneller und änderbarer ist als das Internet.
– Sie können durch kostengünstiges und gezieltes Marketing genau Ihre Zielgruppe ansprechen.
-
Webentwicklung und Webdesign
Webentwicklung und Webdesign
Was ist der Unterschied von Webdesign und Webentwicklung?
Bei der Webentwicklung handelt es sich um alles, was mit der technischen Umsetzung einer Webseite zu tun hat. Dazu gehört die gezielte Nutzung von HTML, CSS, JavaScript usw., um eine funktionale Webseite umzusetzen.
Das Webdesign behandelt dagegen alles Sichtbare einer Webseite, wie die Schriftart, Schriftgröße, Schriftfarbe, Hintergrundfarbe, das Layout usw. Hierbei geht es aber eher um die Planung des Aussehens einer Webseite sowie die damit verbundene Wirkung auf den Kunden.
Beide Bereiche zusammen ergeben eine schöngestaltete, ansprechende und gut nutzbare Webseite.
-
Über mich/uns Seite
Über mich/uns Seite
Wie wichtig ist eine „Über-mich“ Seite?
Eine solche Seite kann:
– Vertrauen aufbauen: Anonymität verursacht Misstrauen. Man sollte sich mit Bild vorstellen, dass Besucher die Personen hinter einem Betrieb kennenlernen.
– Kompetenz vermitteln: Eigene Fähigkeiten müssen den Interessenten vorgestellt werden!
– Sicherheit geben: Beweise für eigene Fähigkeiten liefern (z. B. Berufsausbildung, Studium, Zertifikate etc.)
– Berührungsängste reduzieren: weiterleiten zu Kontaktdaten, Angebotslisten etc., um gewecktes Interesse nicht wieder durch die Suche nach Produkten oder Dienstleistungen zu verlieren.
– Finden: Über-mich Seiten werden über Suchmaschinen leichter gefunden als z. B. Facebook oder Instagram-Konten.
ABER: Nur relevante Informationen sollten auf solch einer Seite genannt werden. Den Lesern bitte nicht die komplette Lebensgeschichte mitteilen und keine Übertreibungen einbauen. Überheblichkeit kommt nicht gut an. -
Frühjahrsputz
Frühjahrsputz vom Arbeitsplatz und Desktop
Fangen Sie mit dem Schreibtisch an:
– Zuerst die Schubladen, falls vorhanden
– Anschließend können Sie die Blätter, die darauf liegen, durchgehen. Was sie nicht mehr brauchen kann auf den Müll, der Rest wird sortiert und ordentlich verstaut. Wenn sie allerdings noch gebraucht werden, legen Sie die Blätter zur Seite für später.
– Jetzt können Sie sich um alles andre auf Ihrem Schreibtisch kümmern, z. B. Stifte, Büroklammern, Deko etc.
– Nachdem alles zur Seite geräumt ist, einmal kurz mit einem angefeuchteten Tuch sauber machen. (Vergessen Sie dabei nicht Ihre Schreibtischlampe und den Computerbildschirm)
– Danach alles wieder ordentlich auf seinen Platz zurückstellen.
Sollten Sie danach noch Zeit haben, bietet es sich an, den Desktop aufzuräumen. Im Laufe des Jahres kann sich einiges an Programmen und Dateien ansammeln. Diese können Sie nun systematisch in Kategorien einordnen und in passende Ordner ziehen. Sollten gewisse Programme oder Dateien gar nicht mehr von Nöten sein, können Sie diese direkt vom Desktop entfernen und so mehr Platz schaffen. -
Die Heiligen drei Entwickler
-
Weihnachtsessen 2022
Weihnachtsessen 2022
Es war super lecker im El Sombrero
https://www.el-sombrero.de/
Vielen Dank an alle die dabei waren
@k.engels , @rudolf.histel , @whoami_93 , @jasmin.hdt , @thereallazarus
PS: Wir würden euch gerne Bilder zeigen aber das Essen war vernichtet bevor jemand daran dachte. ????
Liebe Grüße
euer mission-webstyle Team -
Aus Alt mach Neu
Aus Alt mach Neu
Aus Alt mach Neu? Sinnvoll bei:
– Veraltetem Design
– Zu vielen Farben. Sie können die Website schnell überladen wirken lassen. 2-3 Farben sind vollkommen ausreichend.
– Zu großen Bildern. Diese verlangsamen das Laden der Seite und machen sie unübersichtlich.
– Zu viel Text. Es lässt die Seite überladen aussehen.
– Schlecht gewählte Fonts, welche die Lesbarkeit verschlechtern.
– Zu vielen Unterseiten. Sie erschweren das Navigieren.
– Unterschiedlichen Textgrößen. Diese zerstören die Einheit und wirken unordentlich. -
Schriftart
Schriftart
Die Wahl einer passenden Schriftart ist ausschlaggebend für die eigene Webseite:
Die Schriftart sollte zum eigenen Design passen und nicht zu altmodisch wirken.
Außerdem ist die Lesbarkeit ausschlaggebend. Sie muss auch bei kleiner Schriftgröße und auf allen mobilen Endgeräten gewährleistet sein. -
Logo
Logo
Was macht ein Logo zu einem Logo?
Logos bestehen aus Farbschema, Typografie und Grafiken. Die Zusammensetzung dieser drei Elemente nennt man Komposition, welche ein harmonisches Logo ergeben soll. Ein Logo sollte einprägsam gestaltet sein und deshalb einfach und schnell verstanden werden können.
Was ist der Zweck eines Logos?
Logos werden dafür genutzt, um Zielgruppen anzulocken und sich von den Konkurrenten abzuheben. Außerdem soll das Design des Logos die Dienstleistungen und/oder Produkte bewerben. -
Relaxing-Tipps
Hier haben wir ein paar schnelle Relaxing-Tipps für Sie, um eine gute Woche zu haben.
– Atemübungen: Einfach tief ein- und ausatmen, bis sie das Gefühl haben, ruhiger zu sein.
– Digitales Fasten: Legen Sie für ein paar Stunden am Tag das Handy zur Seite. Nicht den ganzen Tag, aber zumindest nachdem Sie sich in Ihr Bett gelegt haben, sollte der Flugmodus an sein.
– Sauberkeit: Halten Sie ihren Arbeitsplatz ordentlich oder räumen Sie ihn zumindest einmal die Woche auf.
– Ziele: Setzen Sie sich realistische Ziele, welche Sie an einem Tag erreichen können, ohne sich selbst zu stressen.
-Pausen: Lassen Sie sich zum Beispiel beim Essen Zeit und legen Sie alles andere zur Seite. Konzentrieren Sie sich auf sich selbst.
-Lach-Yoga oder einfach Lachen: Lachen reduziert nachweislich die Produktion von Stresshormonen. -
Plugins
Plugins
Plug-ins, auch Erweiterungen genannt, sind Zusatzmodule für Web- oder Desktopanwendungen. Durch die Installation von Plugins wird Software erweitert, ohne den bestehenden Quellcode zu verändern (deshalb können auch im Nachhinein noch Änderungen vorgenommen werden). Genutzt werden sie zum Beispiel auf Webseiten, welche firmeninterne Chats oder einen Online-Shop haben.
– Vorteil: Funktionalitäten können problemlos erweitert werden, ohne die Größe der Hauptanwendung signifikant zu ändern. Plugins können auch von Drittanbietern entwickelt werden.
– Nachteil: Plugins können Sicherheitslücken aufweisen und somit anfällig für Malware oder RATs sein.
Um den Nachteilen entgegenzuwirken, sollten regelmäßig Updates durchgeführt werden, um eventuelle oder neuentdeckte Sicherheitslücken zu schließen. Außerdem sollten Plug-ins nur von seriösen Quellen bezogen werden.
Natürlich achtet mission-webstyle auf genau diese Punkte. Alle unsere verwendeten Plugins sind erprobt, getestet, sicher und meist selbstgeschrieben. -
Energiesparen
Hier ein paar Tipps, um über die kalten Monate etwas Geld bei den Energiekosten zu sparen:
– Die Heizung nicht auf 5 drehen, um einen Raum aufzuheizen.
– Die Hände können Sie zum Beispiel mit kaltem Wasser waschen.
– Wenn möglich, verwenden Sie Mehrfachsteckdosen mit Schalter und schalten sie diese bei Nichtnutzung aus.
– Benutzen Sie ECO-Programme an Spülmaschine, Waschmaschine, Trockner etc.
– Nutzen Sie einen Deckel zum Kochen und greifen Sie beim Erhitzen von Wasser zu einem Wasserkocher.
– Verwenden Sie Thermoskannen und Behälter, um Essen und Getränke länger warm/heiß zu halten.
– Reinigen Sie regelmäßig das Flusensieb des Trockners, um den Trockner zu entlasten. -
Produktivität
Hier haben wir ein paar Tipps für Sie, um produktiv zu arbeiten.
– Gönnen Sie sich eine Pause an der frischen Luft und atmen Sie tief durch
– Unterhalten Sie sich in ihrer Pause mit Kollegen (am besten mögen Sie diese auch noch :D)
– Hören Sie gute Musik
– Arbeiten Sie eine TO-DO-Liste ab
– Erledigen Sie ungeliebte Arbeiten zuerst, um diese schnell hinter sich zu bringen und keine Aufschiebungen zu ermöglichen
– Setzen Sie sich erreichbare Ziele nach dem SMART-Prinzip (specific, measurable, achievable, realistic, time-bound ➡ spezifische, messbare, erreichbare, realistische und terminierte Zielsetzung)
– Genügend Schlaf und eine gesunde Ernährung erhöhen die Konzentrationsfähigkeit und damit auch die Produktivität -
Viren
Viren
Um Ihren Computer besser zu schützen, haben wir hier ein paar Tipps, um Schadsoftware vorzubeugen.
-Sie sollten niemals auf E-Mails oder Webseiten-Links von unbekannten Absendern klicken.
-Verwenden Sie eine seriöse Anti-Viren- und Anti-Malware-Lösung.
-Vergessen Sie nicht, sich nach der Verwendung von öffentlichen Computern abzumelden.
-Seien Sie bei E-Mails oder Telefonanrufen vorsichtig, bei denen aufgefordert wird, irgendwelche Anwendungen zu installieren. -
Welttourismustag
Da heute Welttourismustag ist, möchten wir auf unseren Kunden @orientaltours__ aufmerksam machen. Reist Ihr eigentlich gerne? Wenn ja, wohin?
-
Facebook
-
Passwort
Wir möchten unseren Followern ein sicheres und angenehmes Internetleben ermöglichen. Deshalb haben wir hier ein paar Tipps zur Erstellung von schwer zu knackenden Passwörtern:
• Benutzen Sie ein mindestens 16 Zeichen langes Passwort (je länger ein Passwort ist, desto sicherer ist es)
• Nutzen Sie Groß- und Kleinschreibung
• Verwenden Sie Zahlen und Sonderzeichen
• Ändern Sie Ihre Passwörter regelmäßig und nutzen Sie nicht dasselbe Passwort für mehrere Konten
• Alte Passwörter sollten nicht wiederverwendet werden
• Sie sollten das Initial-Passwort bei der Erstanmeldung so schnell wie möglich ändern
• Passwörter sollten außerdem nirgendwo (Rechner, Cloud, Browser, …) unverschlüsselt gespeichert werden
Eine einfache und sichere Methode können Merksätze sein, welche sich zu einem Passwort umformen lassen.
Zum Beispiel:
In der 9ten Klasse hat sich meine Familie ihren ersten Hund zugelegt!
Id9KhsmFi1Hz! -
Instagram
-
eRecht24
-
Consulting
-
Spektralhaus
Schaut euch mal die Webseite unseres Kunden @spektralhaus an. Ist die nicht super geworden
-
Schulungen
-
-
Webseitenbetreuung
Webseitenbetreuung
Unser Angebot zur Pflege von Internetpräsenzen richtet sich vor allem an Unternehmen, welche regelmäßige Änderungen an ihren Webseiten durchführen müssen. Um unseren Kunden eine bestmögliche Webseite zu schaffen, bieten wir unsere professionelle Webseitenbetreuung an. Dabei führen wir regelmäßige oder gewünschte Überprüfungen und Wartungen unserer betreuten Webseiten durch.
