CSS Image Filters I'm a big fan of some of the experimental CSS properties that the browsers vendors are developing. In previous tutorials I have looked at some of the new features which I think are really useful. In this tutorial we are going to look at a great new features called CSS filters. This is a new feature that can be used on both HTML elements and images, but I think it's best used on images and can create nice effects on image galleries. Using just CSS you are able to create all these effects on images. GreyscaleBlurSaturateSepiaHue RotateInvertBrightnessContrastOpacity How To Use Filters To use a filter in CSS it's as easy as using any other CSS property. Like most of new features in CSS3 you need to use browser prefixes. Browser Support Currently the only browser that supports this is the wekbit browser so Chrome and Safari. CSS Filters has been supported in Chrome since version 21 and has been in Safari since version 6. Demo This is best seen in webkit browsers. Demo CSS Greyscale CSS Blur CSS Saturate
Emails aus PHP mit PHPMailer versenden - TanMar Tutorials Oft ist es notwendig, dass PHP Scripte Emails verschicken sei es für Kontaktformulare, die Benachrichtigung bei bestimmten Ereignissen oder für das Versenden von Zugangsdaten oder ähnlichen Informationen. PHP bietet mit der Funktion mail() eine entsprechende Möglichkeit. Diese ist jedoch sehr spartanisch und nur für die einfachsten Anwendungsfälle ausreichend. Mit einem ansehendlichen Funktionsumfang wie die Unterstützung von HTML-Mails mit alternativer Textversion, dem Versand über SMTP-Server mit Authentifizierung oder der Unterstützung für eingebettete Bilder schafft die auf SourceFourge erhältliche Klasse PHPMailer Abhilfe. Installation von PHPMailer Die Installation von phpmailer gestaltet sich denkbar einfach. Erste Schritte phpmailer ist jetzt einsatzfähig und kann in eigenen Scripten verwendet werden. Wenn dieses Script erfolgreich auf dem Server aufgeführt wird, kann die erste Testmail verschickt werden. Passen Sie die Adressen an und testen Sie das Script auf Ihrem Webspace.
Nützliche Tools zur Ermittlung geeigneter Keywords Eine wichtige Teildisziplin der Suchmaschinenoptimierung ist die Ermittlung relevanter Keywords für die eigene Webpräsenz. Welche Tools der Marktführer Google bietet, erfahren Sie in diesem Beitrag. Die Ermittlung passender Keywords für den eigenen Internetauftritt ist bekanntermaßen eine knifflige Angelegenheit. Einige dieser Tools möchten wir ohne Anspruch auf Vollständigkeit kurz vorstellen: Google Keyword Tool Ein hervorragendes Werkzeug zur Ermittlung verwandter Keywords ist das in Google Adwords integrierte Google Keyword Tool. Sie finden das Tool in Google Adwords unter “Werbechancen -> Keyword-Tool”. Google Insights Google Insights bietet die Möglichkeit, saisonale Schwankungen und Trends zum Suchvolumen für mehrere Keywords abzufragen. Zu Google Insights Google Trends Zu Google Trends Google SK Tool Das Google SK Tool ermittelt, welche Keywords auf einem Internetauftritt verwendet werden und ordnet diese nach Suchvolumen. Zum Google SK Tool Google Sets Zu Google Sets
QR Code Generator für vCard iPhone contact GPS Geoplaner - GeoConverter | Routenplaner online Der Geoplaner ( GeoConverter + Routenplaner ) konvertiert geografische Breitengrade/Längengrade (Latitude/Longitude) und UTM-Koordinaten und bietet einfache Funtionen für die GPS-Routenplanung. Die Koordinaten-Eingabe erfolgt entweder: graphisch per Mausklick oder numerisch: UTM-Koordinate oder Latitude/Breitengrad & Longitude/Längengrad oder als Adresse: Land, Ort, Straße, Hausnummer oderals POI: Berggipfel, See, Stadt, Insel, ... oderper File-Upload: Wegpunkte oder Route im *.gpx-Format. Die erstellten Koordinaten werden zusammen mit den Höhen u. Google hat leider den Zugriff auf viele bisher kostenfreie Karten-Services stark begrenzt. Koordinaten umrechnen (WGS84) und File Upload/Download Der Geoplaner rechnet UTM-Koordinaten in Breitengrade und Längengrade (Latitude, Longitude) um und umgekehrt. Die Positionen der geographischen Koordinaten werden jeweils auf der GoogleMaps- oder OSM-Karte durch Marker markiert. GoogleMaps/OSM: GPS-Wegpunkte oder Routen per Mausklick erstellen
CSS Image Opacity / Transparency jQuery UI Getting the Correct HTTP Status Codes out of ASP.NET Custom Error Pages | DigitallyCreated If you are using the default ASP.NET custom error pages, chances are your site is returning the incorrect HTTP status codes for the errors that your users are experiencing (hopefully as few as possible!). Sure, your users see a pretty error page just fine, but your users aren’t always flesh and blood. Search engine crawlers are also your users (in a sense), and they don’t care about the pretty pictures and funny one-liners on your error pages; they care about the HTTP status codes returned. For example, if a request for a page that was removed consistently returns a 404 status code, a search engine will remove it from its index. However, if it doesn’t and instead returns the wrong error code, the search engine may leave the page in its index. This is what happens if your non-existent pages don't return the correct status code! Unfortunately, ASP.NET custom error pages don’t return the correct error codes. A trace of a request that should have just 404'd
Automatic Jquery Slider - Noir Squares Demo Squares Effect & Noir Style Automatic jquery slider At first glance this slideshow demo is modest and conservative. However, upon further inspection users will notice the details that take this demo from basic to distinctive, including its unique transitions and hidden thumbnail gallery. The borderless frame around the slideshow ensures that any picture used will gain full attention. To the right and left of the frame there are two arrows which only appear when the mouse hovers over the slide. The highlight of this slideshow is the transition from one slide to the next. Many traditional businesses have a classic style and design, and they want a slider that conveys a buttoned-up image while showcasing creative details that allow them to stand out.
Image gallery using ColorBox - jQuery Smooth Div Scroll - Thomas Kahn Back to index Here's an example of combining Smooth Div Scroll with a lightbox-style plugin called Colorbox to open up larger versions of the images in an overlay. Eventhough I'm using Colorbox in this example, you should be able to code your own solution for your favourite lightbox-style plugin. Each image in the scrollable area is surrounded by a href-tag that links to the large image, like this: The jQuery code looks like this: First I initialize Smooth Div Scroll.
Seitenreport - Die SEO und Website Analyse Google Analytics datenschutzkonform einsetzen | Datenschutzbeauftragter Fachbeitrag Die Rechtsmäßigkeit von Analyse-Tools auf Webseiten und in Apps ist seit jeher umstritten. Für den datenschutzkonformen Einsatz von Google Analytics gibt es klare Regelungen, die mit den Aufsichtsbehörden abgestimmt sind. Was ist zu tun? Zusammenfassend ergeben sich für einen datenschutzkonformen Einsatz von Google Analytics unter Beachtung der Vorgaben der Aufsichtsbehörden sowie von Google insgesamt fünf Punkte, die einzuhalten sind: Vertrag zur Auftragsdatenverarbeitung mit Google (§ 11 BDSG – Vertrag)Anonymisierung der IP-AdressenWiderspruchsrecht der BetroffenenAngepasste DatenschutzerklärungGgf. 1. Da nach Ansicht der Aufsichtsbehörden Websitebetreiber beim Einsatz von Google Analytics als Auftraggeber und Google als Auftragnehmer fungieren, ist mit Google ein schriftlicher Vertrag zur Auftragsdatenverarbeitung abzuschließen. Einen mit den Aufsichtsbehörden abgestimmten Entwurf können Sie hier runterladen. 2. Aktuell werden zwei Varianten des Tracking-Codes genutzt: 3. 4.
Javascript · Bootstrap Individual or compiled Plugins can be included individually (though some have required dependencies), or all at once. Both bootstrap.js and bootstrap.min.js contain all plugins in a single file. Data attributes You can use all Bootstrap plugins purely through the markup API without writing a single line of JavaScript. That said, in some situations it may be desirable to turn this functionality off. $('body').off('.data-api') Alternatively, to target a specific plugin, just include the plugin's name as a namespace along with the data-api namespace like this: $('body').off('.alert.data-api') Programmatic API We also believe you should be able to use all Bootstrap plugins purely through the JavaScript API. $(".btn.danger").button("toggle").addClass("fat") All methods should accept an optional options object, a string which targets a particular method, or nothing (which initiates a plugin with default behavior): No Conflict Events Bootstrap provides custom events for most plugin's unique actions. <!
AJAX Control Toolkit - Documentation Check out these other helpful articles: Visual Studio support Browser support Internet Explorer 8+ Google Chrome - most recent stable version Opera - most recent stable version Mozilla Firefox - most recent stable version Apple Safari - most recent stable versionGoogle Chrome, Opera, FireFox, and Safari apply updates automatically, thus there are no configuration recommendations for these browsers AJAX Control Toolkit Documentation The AJAX Control Toolkit contains a rich set of controls that you can use to build highly responsive and interactive Ajax-enabled ASP.NET Web Forms applications.