Tag suchen

Tag:

Tag javascript

Automatisierte Sicherheitsüberwachung und Aktualisierung von npm-Abhängigkeiten 17.04.2025 16:56:52

paketaktualisierung stabile builds automatisierung javascript manuelle prüfung npm outdated dependabot.yml git checkout github dependabot npm install typescript sicherheitsupdates versionssicherheit package.json versionskontrolle sicherheit dependency management patch management continuous integration dependabot lockfile entwicklerworkflow git fetch npm codepflege softwarewartung updates pull requests keine auto-merge open source github actions
GitHub bietet mit Dependabot ein Werkzeug, das deine JavaScript-/TypeScript-Projekte mit npm kontinuierlich auf veraltete Pakete oder Sicherheitslücken überwacht. Die Kombination aus regelmäßigen Updates und transparenter Kontrolle... mehr auf 1manfactory.com

Standort Abfrage mit der Geolocation API im Browser – Webdesig Tipp 09.04.2025 18:57:38

css3 html map javascript allgemein css
function doalert(){ //alert("tröööt"); let target = prompt("Add Target-URL:", "@emaechler@masto.maechler.cloud"); if (target == null || target == "") { var text = "Link: https://www.chefblogger.me/feed"; } else { var text = "Link: https://www.chefblogger.me/feed " + target; } ... mehr auf chefblogger.me

Buchstaben mit GSAP animieren 24.03.2025 17:01:38

css3 design javascript html css 003b08 gsap
function doalert(){ //alert("tröööt"); let target = prompt("Add Target-URL:", "@emaechler@masto.maechler.cloud"); if (target == null || target == "") { var text = "Link: https://www.chefblogger.me/feed"; } else { var text = "Link: https://www.chefblogger.me/feed " + target; } ... mehr auf chefblogger.me

Linting und Formatierung in React/TypeScript-Projekten 14.03.2025 20:02:24

pre-commit-hook eslint react-scripts best practices code-formatierung eslint-plugin-react-hooks javascript automatisierung react typescript code-qualität git eslint-plugin-react git-hooks @typescript-eslint prettier entwicklungsworkflow eslint-config-prettier npm linux linting frontend-entwicklung
Warum Linting und Formatierung wichtig sind Linting und Formatierung sind entscheidende Bestandteile eines sauberen und wartbaren Codes. Während Linting hilft, potenzielle Fehler im Code zu identifizieren, stellt die Formatierung sicher, dass der Code konsistent aussieht und leicht lesbar bleibt. In … ... mehr auf 1manfactory.com

jQuery: Alle Checkboxen mit einem Klick auswählen 06.11.2012 12:14:40

mausklick checked klick input link submit markierung checkbox auswahl javascript
Vor allem in Adminbereichen und in der Verwaltung bzw. Pflege einer größeren Anzahl von Einträgen / Daten benötigt man Checkboxen. Grund ist in diesem Fall die Optimierung des Beabeitungsprozesses durch den Nutzer. In der Praxis wäre hier das Löschen von mehreren Bildern oder Einträgen, was man als Content zusammenfassen kann, ein gutes Beispiel da... mehr auf programmieren-optimieren.de

Tablesorter-Beispiel: Tabelle ohne Laden sortieren 03.03.2012 19:19:03

refresh browser live plugin laden sortieren javascript jquery html tabelle
Um Daten in einer Tabellen mit einem JavaScript ohne die Webseite erneut zu Laden im Browser nach einer bestimmten Spalte zu sortieren, kann das Tablesorter JQuery Plugin verwendet werden. Dieses feine JQuery Plugin sortiert eine HTML Tabelle mit Daten bei Klick auf einen Spaltennamen in die richtige Reihenfolge. Es können sowohl numerische Zahlen ... mehr auf programmieren-optimieren.de

WebAnimator (Plus) – Vorstellung und kurzer Testbericht 18.07.2016 21:34:39

web internet animation html javascript webanimator css webanimator plus software incomedia
Dank HTML5 lassen sich im Internet mittlerweile wunderbare Animationen, Banner, etc. ohne Flash erstellen, was aber ohne Kenntnisse nicht einfach ist. Und genau da möchte auch WebAnimator bzw. WebAnimator Plus ansetzten, von welchen wir vor kurzem bereits den kleinen Bruder… Der Beitrag im Blog: ... mehr auf deskmodder.de

Aufklappbares und zuklappbares div Element (jQuery) 07.11.2012 11:48:09

slide textlink css jquery javascript script slidetoggle div klick aufklappen
Will man für den Nutzer erweiterte, zusätzliche Informationen beim Laden der Seite ausblenden und nur bei einer bestimmten Aktion bzw. Event einblenden, wie zum Beispiel durch einen Klick (on click) oder durch Drüberfahren (on mouse over) mit dem Mauszeiger, dann kann man dafür ein kleines Javascript nutzen. Per CSS wird das div Element nach dem [&... mehr auf programmieren-optimieren.de

HTML5: Web Storage (Local und Session Storage) 09.08.2010 09:09:27

web storage html 5 session storage dom event browser css3 html und css speicher webdesign session dom referenz javascript local storage html html5 cookies event
Mit den DOM-Objekten localStorage und sessionStorage serviert HTML5 uns eine wunderbare Alternative zu den bisherigen Cookies. Zunächst werden die Daten dadurch nicht mehr bei jedem Request vollständig mitgesendet, was so manche Kopfschmerzen bei der Performance-Optimierung von Webseiten ersparen sollte. Außerdem werden die Begrenzungen von Cook... mehr auf braekling.de

Jquery: Datepicker mit deutschen Wochentagen 20.02.2012 21:23:20

script html jquery javascript beschriftungen german datepicker wochentage deutsch
Bei Buchungsformularen, besonders im Tourismus Bereich oder zum Beispiel auf Flug Portalen, ist die schnelle Datumauswahl besonders wichtig. Der Nutzer soll das Datum möglichst bequem auswählen können, ohne selbst lange Eingaben im richtigen Format wie „tt.mm.jjjj“ oder „tt-mm-jjjj“ zu tätigen. Das Datepicker JQuery Plugin e... mehr auf programmieren-optimieren.de

Formular per AJAX-Request (jQuery) abschicken 05.12.2012 12:29:17

formular script html javascript jquery request ajax
Das Abschicken von Formulardaten erfolgt in der Regel durch Drücken des Submitbuttons. Der Nutzer wird dann auf die jeweilige Seite weitergeleitet, die im HTML-Tag form als Attribut action angegeben ist. Bei dynamischen Webseiten kommt es oft vor, dass eine Berechnung von bestimmten Formulardaten und eine anschließende Aufbereitung und Anzeige der ... mehr auf programmieren-optimieren.de

Datepicker: Datum (Date) Felder vergleichen 21.02.2012 20:32:01

startdatum javascript vergleich datum daten date datepicker enddatum
In meinem vorherigen Post habe ich über das Datepicker Plugin berichtet und wie man die englischen Beschriftungen (Tage, Monate) in die deutsche Sprache übersetzt. In diesem kleinen Tutorial Artikel möchte ich kurz zeigen, wie man Datepicker Felder, die ein Datum haben, miteinander vergleichen kann. Klären wir erst einmal die Frage wo solch ein Cod... mehr auf programmieren-optimieren.de

Serienbefund 2014/2015 18.05.2015 14:19:49

serien gedanken javascript film & serie 2014 serienbefund selbstgemachtes serientriptychon
← not so good | good → ComedyDramaCrime/Law 12 Monkeys* A to Z*† American Odyssey* Arrow Backstrom*† Bad Judge*† Benched*† Better Call Saul* Bloodline* Bosch* Brooklyn Nine-Nine Castle Community👼 Constantine*† Empire* Extant* Forever*† Fortitude* Fresh Off the Boat* Galavant* Gotham* Gracepoint*† Ground Floor Homeland House of Cards House of L... mehr auf andisblog.de

JQuery: Leere Felder mit Standardtext belegen 31.10.2012 11:19:30

formular script html formularfelder javascript jquery
Ansprechende Kontaktformulare oder aber ganz allgemeine Formulare wirken selbsterklärend, wenn die Textfelder mit beschreibenden Werten oder Texten vorbelegt sind. Bei einem Kontaktformular, welches die drei Felder Name, E-Mail und Nachricht beinhaltet, können die Felder zum Beispiel die Phrasen „Ihr Name“, „Ihre E-Mail-Adresse... mehr auf programmieren-optimieren.de

JQuery: Gesamte div Box (Container) verlinken 25.02.2012 17:03:42

tutorial css javascript jquery cursor mauszeiger klick div beispiel link box code
Besonders auf der Startseite machen sich Boxen mit dem Angebot und einem kleinen beschreibenden Text ganz gut. Man kann sein Produkt, einen Artikel, eine News oder eine weitere Unterseite kurz vorstellen und auf der Hauptseite mit einer Verlinkung hinterlegen. Bei Interesse klickt der Nutzer auf die Box, um genauere Details und Informationen zu bek... mehr auf programmieren-optimieren.de

HTML-Entities mittels jQuery encodieren & decodieren 05.01.2014 13:35:48

ajax & javascript javascript jquery
... mehr auf smart-webentwicklung.de

LiveValidation: Code Beispiele 12.02.2012 13:55:55

input validation eingabe codebeispiele post livevalidation formular button javascript formularfelder
In einem älteren Post habe ich über die JavaScript Bibliothek Live Validation von Alec Hill geschrieben. Nach diesem Post haben mich einige nach ein paar Beispielen gefragt. Zwar sind auf der offziellen Webseite einige Beispiele in der Dokumentation vorhanden, doch diese sind vielleicht etwas zu simpel. 🙂 Dann liste ich hier mal ein paar nützliche ... mehr auf programmieren-optimieren.de

50 Shades of Grey in JavaScript und CSS 16.02.2015 14:47:19

javascript css allgemein 50 shades of grey
Das folgende JavaScript erstellt 50 HTML Elemente in verschiedenen Grautönen. The only and only true 50... mehr auf vollzeitblogger.de

underscore.js – Objekt nach Memberwerten sortieren 06.06.2014 16:15:20

javascript code underscore.js quicktipp
Die JavaScript-Library underscore.js it ja nun schon seit dem Erscheinen der WordPress Version 3.5 fester Bestandteil der Installation. Wie man seine Scripten in WordPress richtig einbindet und die Abhängigkeiten gleich mit auflöst, hatte ich in einem anderen Post bereits besprochen. Heute soll es um ein konkretes Problem gehen, bei dem sich Hel... mehr auf lloc.de

Formularfelder mit Javascript validieren (Live) 08.10.2011 21:38:41

formular javascript html formularfelder input validierung post
Bei Formularfeldern und Formularen sollte man auf Javascript-Validierungen zurückgreifen, um den Nutzer vorab über die falschen Eingaben zu informieren. Das Anzeigen von Fehlermeldungen nach Abschicken des Formulars bzw. erst nach dem Drücken des Submit-Buttons verärgert den User nur. Es kann passieren, dass sich der User beim Login oder bei der Re... mehr auf programmieren-optimieren.de

IFrame: Höhe automatisch dem Inhalt anpassen 19.02.2012 20:07:15

volle höhe html javascript automatisch onload iframe height
Bei externen Diensten, zum Beispiel beim Einbinden von Content in die eigene Seite, werden sehr häufig IFrames eingesetzt. Bei statischen Einzelseiten ist die Anpassung der Höhe an die eigene Seite kein Problem. Einmal die Höhe mit dem Attribut „height“ und der richtigen Anzahl der Pixel angepasst, wird der gesamte body Bereich in die e... mehr auf programmieren-optimieren.de

Einführung in die HTML5 Application Cache API 22.09.2013 10:17:46

css & (x)html5 javascript html5 application cache api
... mehr auf smart-webentwicklung.de

WhatsApp & SMS Share-Buttons für Webseiten 31.01.2015 21:05:58

informatik sms javascript html5 whatsapp
Die Grenzen zwischen Webseiten und nativen Apps verschwimmen immer mehr. In diesem Artikel zeige ich, wie in einer ganz normalen Webseite Share-Buttons für WhatsApp und SMS realisiert werden können.... mehr auf alexander-ploner.com

WebAnimator Go – Testbericht 11.06.2016 18:52:18

software werbung tool webanimator go incomedia homepage webanimator testberichte webentwicklung html5 banner web javascript
Heute haben wir einen etwas anderen Testbericht, denn WebAnimator Go ist wie der Name schon zeigt, keine BackUp-Software oder ähnliches, sondern ein einfaches Programm zur Erstellung von animierten Bannern für Online-Werbung. In diesem kurzen Testbericht möchten wir euch den WebAnimator… Der Beitrag im Blog: ... mehr auf deskmodder.de

Bei Mausklick einen Layer öffnen (jQuery) 02.11.2012 14:02:50

popup html javascript css layer fenster klick mausklick
Detailierte und zusätzliche Informationen zu einem Thema auf einer Webseite kann man per Klick auf einen Link in einem Layer bzw. Popup anzeigen lassen. Das macht in vielen Fällen Sinn, weil man den Nutzer nicht sofort mit Sachen bombadiert, die für ihn eher uninteressant sein könnten. Der Inhalt wird erst beim aktiven Klicken im aufgegangenen [... mehr auf programmieren-optimieren.de

Bookmarklets – Zerstöre jede Webseite 13.05.2013 13:49:27

javascript
In aller Kürze möchte ich euch ein paar lustige Bookmarklets vorstellen. Bookmarklets zieht ihr einfach in eure Favoriten-Leiste und könnt diese dann auf jeder beliebigen Webseite schnell aktivieren. Ich finde so was eigentlich ziemlich cool und es gibt auch wirklich interessante und nützliche Bookmarklets. Die hier vorgestellten sind wohl eher wen... mehr auf christophs-blog.de

Verlosung von WebAnimator Go 23.06.2016 00:40:47

webanimator go incomedia werbung software javascript html banner webanimator
Vor kurzem hatten wir hier im Blog den WebAnimator Go von Incomedia getestet, wobei wir diesen vor allem Anfängern empfohlen haben, welche sich noch nicht so gut mit der Erstellung von Bannern, für z.B. Werbung im Internet, auskennen. Unseren Testbericht… Der Beitrag im Blog: ... mehr auf deskmodder.de

RequireJS und WordPress 24.12.2014 16:24:14

javascript jquery requirejs wordpress
Ich bin gerade dabei, über die Möglichkeiten nachzudenken, die mir zur Verfügung stehen, um den gewachsenen Beständen an JavaScript-Codes Herr zu werden, welche mich in einem zukünftigen Projekt bereits erwarten. Einerseits könnte ich wohl versuchen, die Sourcen in Dateien zu organisieren, sodass man sie dann leicht mit Hilfe von Conditional tag... mehr auf lloc.de

AngularJS: Anzahl der Watcher ermitteln 16.08.2015 10:30:54

angularjs tool watcher bookmarklet javascript
Schreibt man in AngularJS komplexe Applikationen, wird man schnell festellen, dass die Anzahl der Watcher einen entscheidenden Einfluss auf die Performance haben. Um stets die Watcher im Auge zu behalten,…(Visited 94 times, 1 visits today)... mehr auf blog.niklaskoehler.de

CasperJS: Umgang mit Captchas 14.08.2014 21:03:39

idee javascript casperjs nodejs
Als ich neulich in CasperJS einen Test geschrieben habe, sties ich auf ein Hindernis: Captchas. Ich möchte in diesem Post meinen Lösungsansatz vorstellen. Feedback und andere Lösungsansätze sind in den…(Visited 285 times, 1 visits today)... mehr auf blog.niklaskoehler.de

Media Queries in Javascript nutzen 03.07.2015 22:05:24

tipps & tricks media query media queries javascript
Media Queries dürften so einigen aus der CSS Welt bekannt vorkommen. Mit ihnen lassen sich „Responsive“-Lösungen sehr gut realisieren. Nun stand ich aber vor dem Problem, dass ich auch in Javascript bei bestimmten Auflösungen eine andere Vorgehensweise benötigte. Wie soll man aber ein mobiles Gerät erkennen? Anhand vom User-Agent defini... mehr auf theinad.com

App Entwicklung. Endlich meine Lösung gefunden. 02.12.2015 13:57:53

android mac appstore dokumentation ipad apple entwicklung javascript blackberry html programmierung windows ios css iphone apps phonegab
Ich hab jetzt viel Zeit damit verbracht Apps für verschieden Geräte und Systeme zu schreiben. Ich hab verschiedene Lösungen ausprobiert und hab mich nun für eine entschieden. Mein persönlicher Favorit ist phonegab geworden. Das opensource Projekt , mittlerweile von Adobe aufgekauft, bietet das entwickeln von Apps in HTML,CSS und JavaScript. Am Ende... mehr auf muellermh.wordpress.com

Javascript Events drosseln 02.07.2015 20:53:36

performance lodash trick javascript throttle debounce underscore
Hört man Javascript-Funktionen auf resize- oder scroll-Events, wird man schnell feststellen, dass es hier zu erheblichen Performance-Problemen kommen kann. Grund dafür ist, dass ein Event zu oft abgefeuert wird. Zum…(Visited 91 times, 1 visits today)... mehr auf blog.niklaskoehler.de

ExtJS 4: Grid-Status speichern und wiederherstellen 28.10.2013 09:00:57

ajax & javascript extjs javascript
... mehr auf smart-webentwicklung.de

Frontendperlen – Auch die Besten machen Fehler 05.11.2014 05:58:13

sonstiges blog javascript html css sammlung frontend
Vor wenigen Tagen haben zwei meiner Arbeitskolleginnen einen tumblr Blog ins Leben gerufen. In ihm geht es um kleine, lästige Flüchtigkeitsfehler, denen man sicher morgens und gegen Feierabend begegnet. Fehler,…(Visited 145 times, 1 visits today)... mehr auf blog.niklaskoehler.de

HTML5 Gaming Development mit Impact JS 10.05.2012 11:43:48

games gaming javascript html5 mobile js
Letzte Woche durfte ich mich beruflich in London auf der SourceDevCon Entwicklerkonferenz rumtreiben und mir dort Vorträge zum Thema Mobile Development (iOS / Android) zu Gemüte führen. Einer der “Nebenvorträge” die etwas vom “normalen” Thema abwischen war ein Vortrag von Jay Garcia zu ImpactJS welches ein GamingSDK für Spie... mehr auf darkvamp.de

Verlosung von WebAnimator Go 17.06.2016 09:00:47

banner html javascript webanimator werbung software incomedia webanimator go
Vor kurzem hatten wir hier im Blog den WebAnimator Go von Incomedia getestet, wobei wir diesen vor allem Anfängern empfohlen haben, welche sich noch nicht so gut mit der Erstellung von Bannern, für z.B. Werbung im Internet, auskennen. Unseren Testbericht… Der Beitrag im Blog: ... mehr auf deskmodder.de

Magento JavaScript Malware im Umlauf 18.11.2015 10:24:25

magento patch javascript featured ecommerce hack
Heute gibts mal eine kleine Warnung an alle die Magento im Einsatz haben. Und zwar wurde bekannt, dass es ein JavaScript Hack gibt, der Creditkartendaten an einen fremden Server weiterleitet. Das ist natürlich sehr unschön und darum sollte jeder kurz Checken ob er betroffen ist. Wie findet man heraus ob man gehackt wurde? Checkt euren […]... mehr auf chefblogger.me

CSS & JS richtig einbinden 29.09.2013 19:10:53

javascript wp_footer wp_enqueue_style get_stylesheet_uri get_template_directory_uri get_stylesheet_directory_uri wp_enqueue_script code wp_localize_script wp_head wordpress
Im WordPress Theme Directory immer seltener anzutreffen, in freier Wildbahn sieht man sie aber noch häufig: hardkodierte Referenzen zu CSS- oder JavaScript-Dateien im Header bzw. Footer des Themes. Es muss wohl daran liegen, dass sich einige Webdesigner nicht so richtig mit PHP anfreunden wollen und/oder aber Angst haben, da etwas falsch zu mach... mehr auf lloc.de

AJAX, jQuery & wie man die Same-Origin-Policy umgeht 09.07.2017 18:24:38

php javascript jquery html same-origin-policy bypass sop umgehen ajax sop cors js same-origin-policy programmieren
... mehr auf code-bude.net