Mir ist aufgefallen, dass auf einigen meiner Seiten auf einmal vermehrt Backlinks von russischen Domänen geschaltet wurden. Ich habe nie dergleichen angefordert oder initialisiert und somit gehe ich davon aus, dass es sich um Siteattacks handelt, welche dem Siteranking schaden sollen. Nach einer kurzen Recherche bin ich auf eine Hilfestellung getroffen, welche das Problem via .htaccess löst. Platziert man nachfolgenden Code in der .htaccess werden diese Seiten/Domänen geblockt und somit wird der Backlink nicht hergestellt. Überprüft mal Eure Statistiken, ob ihr auch ungewollte .ru-Domains auffindet, falls ja, wäre das eine mögliche Gegenmassnahme. Natürlich verliert ihr dann mit dem Block auf alle .ru Domänen auch das Ranking in der russischen Google-Suche, in meinem Falle sehe ich aber einen kleinen Markt im russischen Suchsektor.

 

 RewriteEngine on

# Return 403-Forbidden
 RewriteCond %{HTTP_REFERER} \.ru [NC,OR]
 RewriteCond %{HTTP_REFERER} \.su [NC,OR]
 RewriteCond %{HTTP_REFERER} \.uz [NC,OR]
 RewriteCond %{HTTP_REFERER} \.by [NC,OR]
 RewriteCond %{HTTP_REFERER} \.tj [NC,OR]
 RewriteCond %{HTTP_REFERER} \.tk [NC,OR]
 RewriteCond %{HTTP_REFERER} trafficfaker\.com [NC,OR]
 RewriteCond %{HTTP_REFERER} allsexphone\.com [NC,OR]
 RewriteCond %{HTTP_REFERER} bsalsa\.com [NC,OR]
 RewriteCond %{HTTP_REFERER} download-skype-new\.com [NC,OR]
 RewriteCond %{HTTP_REFERER} healthedmeds\.com [NC,OR]
 RewriteCond %{HTTP_REFERER} jimdo\.com [NC,OR]
 RewriteCond %{HTTP_REFERER} music4yourbrain\.com [NC,OR]
 RewriteCond %{HTTP_REFERER} newsexphone\.com [NC,OR]
 RewriteCond %{HTTP_REFERER} rolevaya\.com [NC,OR]
 RewriteCond %{HTTP_REFERER} theheartburnsymptoms\.com [NC,OR]
 RewriteCond %{HTTP_REFERER} chelseavipescorts\.co\.uk [NC,OR]
 RewriteCond %{HTTP_REFERER} darmoweogloszenia\.co\.uk [NC,OR]
 RewriteCond %{HTTP_REFERER} nowe-gierki\.info [NC,OR]
 RewriteCond %{HTTP_REFERER} BulkEmailAddresses\.net [NC,OR]
 RewriteCond %{HTTP_REFERER} mp3ll\.net [NC,OR]
 RewriteCond %{HTTP_REFERER} optimum\.net [NC,OR]
 RewriteCond %{HTTP_REFERER} puritysearch\.net [NC,OR]
 RewriteCond %{HTTP_REFERER} rolevaya\.net [NC,OR]
 RewriteCond %{HTTP_REFERER} qseo\.net [NC,OR]
 RewriteCond %{HTTP_REFERER} howcanimakemycomputerfaster\.org [NC]
 RewriteRule .* - [F]

 

Wichtiger Hinweis:
Falls Ihr wenig oder keine Erfahrung mit .htaccess habt, rate ich Euch dies Eurem Serveradministrator zu überlassen.

Tags:
Tutorials, Web erstellt von Sascha

war so nett und hatt einige  Bootstrap-Video-Tutorials erstellt, welche den Einstieg erleichtern. Ich empfehle diese wärmstens.

 

http://webdesign.tutsplus.com/tutorials/complete-websites/twitter-bootstrap-101-introduction/

Viel Spass damit!


Quelle:

http://webdesign.tutsplus.com

Tags:
Tutorials, Web erstellt von Sascha

Falls Ihr mit Bootstrap arbeitet könnte Euch diese Sammlung an nützlichen Erweiterungen gefallen:

 

http://www.webdistortion.com/2012/11/06/resources-twitter-bootstrap/

Viel Spass damit!


Quelle:

www.webdistortion.com

Tags:
Allgemein, Web erstellt von Sascha

Ich bin wieder mal auf ein Problem gestossen, bei dem ein Kunde sich eine downloadbare VCF (Virtuelle Visitenkarte) auf seiner Seite unter Kontakt gewünscht hat.
Nun soweit ist die Erstellung einer solchen Karte ja kein Problem. Diese lass sich einfach aus den E-Mailprogrammen exportieren. Leider kann man diese dann nicht einfach als HTTP-Link auf der Seite hinterlegen. Die Applegeräte wie iPhone und iPad zeigen folgende Meldung, wenn man auf die V-Card klickt:

 

Download fehlgeschlagen – Safari kann diese Datei nocht laden… :(

 

Schade schade…aber es gibt eine Lösung. Auf der Seite www.http://mobicontact.info hat der Verfasser eine wunderbare Anleitung mit allen benötigten Files zur Verfügung gestellt, damit man dieses Problem umschiffen kann. Zwar lädt es nun auf den leseunfähigen Geräten zuerst die Agenda, zeigt da dann aber die VCF-Karte an und diese lässt dich dann auch dem Adressbuch hinzufügen.

 

Ich hoffe das erspart jemandem ein wenig Arbeit mit Suchen. Viel Erfolg bei der Implementation! :)

 

Quelle:
www.mobicontact.info/iphone/download-contact-from-web-page

Tags:
Tutorials, Web erstellt von Sascha

Bootstrap ist eine freie Sammlung von Hilfsmitteln für die Gestaltung von Websites und Webanwendungen. Es enthält auf HTML und CSS basierende Gestaltungsvorlagen für Typografie, Formulare, Buttons, Tabellen, Grid-System, Navigations- und andere Oberflächengestaltungselemente sowie zusätzliche, optionale JavaScript-Erweiterungen. Es ist das populärste Projekt beim Open-Source-Hostingdienst Github und wird unter anderem von der NASA und MSNBC eingesetzt. [Auszug aus der Wiki]

 

Seit knapp einer Woche nutze ich nun Bootstrap und ich muss zugeben, dass sich der Umstieg gelohnt hat! Das Framework ist schlichtweg genial und erleichtert mir so einige Arbeitsschritte. Wichtige Punkte sind dabei LESS-Unterstützung, Icons, 960er Grid und Responsive Layout! Im Verbund mit Boilerplate ist es der Perfekte Combo. Bootstrap kann auch mit WordPress genutzt werden.

 

Momentan ist die Version 2.3.1 aktuell, die Version 3 ist aber schon in den Startlöchern: Preview zu Version 3

Ich empfehle Euch wärmstens dem Projekt eine Chance zu geben und es mal genauer anzuschauen!

 

Quellen / Links:
Projektseite
Wiki Eintrag

Tags:
Tutorials, Web erstellt von Sascha

Besuchen Sie das neue Webportal von Swiss Interactive AG!

 

Ich habe nun den gesamten Auftritt von Flash befreit und dieser läuft nun mit jQuery Mobile und HTML5.
Ich würde mich über ein Feedback, einen Backlink oder einen Like sehr freuen!

 

http://www.swissinteractive.ch

 

Ausserdem ist auch gleich zum Launch unser neuer Showreel 2013 online gegangen:

Animation – Showreel 2013 from Swiss Interactive AG on Vimeo.
Viel Spass.

Tags:
Web erstellt von Sascha

Wieder einmal hat mich der Internet Explorer an die Wand gefahren und musste feststellen, dass es mit folgendem CSS-Fix zu lösen ist:


.ie .whateverDivWrappingTheImage img {
background: #ffaabb;
filter: chroma(#ffaabb);
}

 

Diese Information hilft hoffentlich Anderen verzweifelten Webies ein wenig Zeit zu sparen und Nerven zu bewahren : )

Tags:
Web erstellt von Sascha

Nachdem ich mich nun eingängiger mit GoogleMaps beschäftigt habe, möchte ich nun meine Erfahrungen mit Euch teilen. In den nächsten Einträgen gehe ich detailierter auf die API Features von GoogleMaps ein.

 

Das erste Feature, welches eine eingebundene Karte stark aufwertet/individualisiert ist die Möglichkeit eigene Icons und Beschriftungen auf der Karte zu platzieren. Auf folgender Seite könnt ihr Euer Icon hochladen und das Script erstellt Euch ein ZIP-Paket mit den Grafiken inklusive Schlagschatten und dem API-Code welcher einfach eins zu eins implementiert werden kann. Was natürlich noch angepasst werden muss sind die Koordinatenpunkte. Um diese zu ermitteln könnt Ihr folgende Seite verwenden.

 

Beispiel:

 

Ressourcen:

http://www.powerhut.co.uk/googlemaps/custom_markers.php

http://itouchmap.com/latlong.html

Tags:
Web erstellt von Sascha

Vielleicht könnte diese Information euch ein wenig Zeit und Nerven sparen, denn ich hatte einen Moment bis ichs herausgefunden hatte. : )

 

Problem:

Will man eine eingebettete GoogleMaps-Karte auf seiner Webseite platzieren, die in der Dimensionierung relativ klein ist oder man will einfach diese hässliche Bubble-Infobox mit der Adresse nicht, sondern nur den Marker, geht man folgendermassen vor:

 

vorher

nachher

 

 

 

 

 

 

 

Lösung:

Als letzten Parameter in der URL folgendes anhängen: &iwloc=near

 

Der Codeblock sollte dann so aussehen:
<iframe width=”300″ height=”300″ frameborder=”0″ scrolling=”no” marginheight=”0″ marginwidth=”0″ src=”http://maps.google.co.uk/maps?f=q&source=s_q&hl=en&geocode=&q=manchester&aq=&sll=53.41654,-2.236788&sspn=0.033864,0.090294&ie=UTF8&hq=&hnear=Manchester&t=h&z=12&ll=53.480712,-2.234376&output=embed&iwloc=near”></iframe>

Tags:
Tutorials, Web erstellt von Sascha

Wieder einmal hat mich der Internet Explorer an die Wand gefahren und musste feststellen, dass es nur mit folgendem Fix zu lösen ist:

<script type="text/javascript">
function handleError() { return true; }
window.onerror = handleError;
</script>

 

Diese Information hilft hoffentlich Anderen verzweifelten Webies ein wenig Zeit zu sparen und Nerven zu bewahren : )

 

Tags:
Web erstellt von Sascha
preload preload preload