ingeniumdesign blog » Web http://blog.ingeniumdesign.de TYPO3, SEO und Magento Sat, 04 Feb 2012 13:43:56 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 HTML/CSS – Webfont Arial Black Windows 7 Problem http://blog.ingeniumdesign.de/2011/10/26/htmlcss-webfont-arial-black-windows-7-problem/ http://blog.ingeniumdesign.de/2011/10/26/htmlcss-webfont-arial-black-windows-7-problem/#comments Wed, 26 Oct 2011 07:17:59 +0000 basti http://blog.ingeniumdesign.de/?p=1031 Unter Windows 7 gibt es im HTML/CSS ein Problem mit der Schriftart/Webfont Arial Black, diese wird nicht angezeigt bzw. nicht richtig dargestellt. Abhilfe schafft ein Fallback auf die Schriftart: Arial mit font-weight: 900;

CSS:
font-family: “Arial Black”, Arial, Helvetica, sans-serif;
font-weight: 900;

]]> http://blog.ingeniumdesign.de/2011/10/26/htmlcss-webfont-arial-black-windows-7-problem/feed/ 1 SEO-Day am 27.10.2011 in Köln http://blog.ingeniumdesign.de/2011/10/23/seo-day-am-27-10-2011-in-koln/ http://blog.ingeniumdesign.de/2011/10/23/seo-day-am-27-10-2011-in-koln/#comments Sun, 23 Oct 2011 08:03:34 +0000 basti http://blog.ingeniumdesign.de/?p=1023 Am 27.10.2011 findet in Köln der erste SEO Day Cologne statt. Der SEO Day Cologne ist die erste Veranstaltung in Köln, die sich ausschließlich dem Thema Suchmaschinenoptimierung widmet. Mit einer großen Anzahl an hochwertigen Vorträgen ist der SEO Day eine Pflichtveranstaltung für Marketing-Leiter und Online-Marketer.

Die BusinessLounge des RheinEnergieStadion ist ein einmaliger Veranstaltungsort für den SEO Day Cologne. Dieser Ort wurde ausgewählt, weil er eine besondere Atmosphäre bietet. Der Tagungsraum ist groß, modern und bietet einen herrlichen Panoramablick auf das Stadioninnere. 26 Speaker werden auf der SEO Konferenz teilnehmen.

Die Location bietet außerdem eine hervorragende Gastronomie. So werden die Teilnehmer den ganzen Tag bestens beköstigt, u.a. mit einem 3-Gänge-Mittagsmenü und Großmutters Apfel-Streußel-Kuchen.

Facebook: http://www.facebook.com/seoday.de

Click here to view the embedded video.

]]> http://blog.ingeniumdesign.de/2011/10/23/seo-day-am-27-10-2011-in-koln/feed/ 1 Google-Pagerank wurde umgestellt http://blog.ingeniumdesign.de/2011/10/11/google-pagerank-wurde-umgestellt/ http://blog.ingeniumdesign.de/2011/10/11/google-pagerank-wurde-umgestellt/#comments Tue, 11 Oct 2011 07:01:51 +0000 basti http://blog.ingeniumdesign.de/?p=1017 Seit ein paar Tagen konnte man den Google Pagerank nicht mehr auslesen bzw. wurde nicht mehr angezeigt, dass lag aber an der Google API, diese wurde geändert und dadurch kam es zu dem Fehler. Mehr zum Thema findet Ihr hier:
http://seo-mentor.de/google/google-pagerank-verschwunden/

weitere Themen:
http://www.seokai.com/google-pagerank-update-2011/
Pagerank abfragen: http://seo-mentor.de/online-seo-tools/pagerank-checker-online/

]]> http://blog.ingeniumdesign.de/2011/10/11/google-pagerank-wurde-umgestellt/feed/ 1 Meta Description Crawler für Webentwickler http://blog.ingeniumdesign.de/2011/08/04/meta-description-crawler-fur-webentwickler/ http://blog.ingeniumdesign.de/2011/08/04/meta-description-crawler-fur-webentwickler/#comments Thu, 04 Aug 2011 12:23:05 +0000 basti http://blog.ingeniumdesign.de/?p=1001 In der Kategorie “unverzichtbare Werkzeuge für Webentwickler” gibt es einen Neuzugang. Der Meta Description Crawler von Collective Mind Machine ist ein Spider, der alle Seiten einer vorgegebenen URL crawlt und als Ergebnis alle Meta Descriptions und noch weitere Informationen ausgibt.Da die Meta Descriptions als Beschreibungstext für die Suchergebnisseiten herangezogen werden, kann man sich mit diesem kostenlosen Webservice schnell einen Überblick über den aktuellen Stand seiner Seite verschaffen. Dabei können optional alle Seiten die per meta-robots auf “noindex” gestellt wurden ausgelassen werden, da diese sowieso nicht in den Suchergebnisseiten der Suchmaschinen auftauchen. Aktuelle Infos über den Meta Description Crawler gibt es über Twitter @collectivemm.

]]> http://blog.ingeniumdesign.de/2011/08/04/meta-description-crawler-fur-webentwickler/feed/ 0 Web Font-Face Generator http://blog.ingeniumdesign.de/2011/08/01/web-font-face-generator/ http://blog.ingeniumdesign.de/2011/08/01/web-font-face-generator/#comments Mon, 01 Aug 2011 13:29:33 +0000 basti http://blog.ingeniumdesign.de/?p=998 Für ein paar Projekte habe ich keine Standard Web Font/Schrift verwendet. Mit dem Font-Face Generator könnt Ihr ganz einfach mehrere Schriften hochladen und diese z.B. von otf in eot Datei umwandeln lassen.

Nach dem umwandeln der Font-Face wird Euch eine komplette Webkit-Datei zum download angeboten.
Dort liegen dann die neuen Font-Dateien und CSS-Markup bereit. Ihr müsst also nichts neues mehr entwickeln.

]]> http://blog.ingeniumdesign.de/2011/08/01/web-font-face-generator/feed/ 1 Auflistung aller Lightbox http://blog.ingeniumdesign.de/2011/07/12/auflistung-aller-lightbox/ http://blog.ingeniumdesign.de/2011/07/12/auflistung-aller-lightbox/#comments Tue, 12 Jul 2011 12:52:13 +0000 basti http://blog.ingeniumdesign.de/?p=993 Ihr sucht eine bestimmte Lightbox für Videos oder Bilder, hier habt Ihr eine komplette Auflistung aller “Lightbox”. Das Gute an der Auflistung, dass Ihr auch Details wie Javascript Library oder verwendbare Objekte mit aufgelistet bekommt.

Lightbox-Liste

]]> http://blog.ingeniumdesign.de/2011/07/12/auflistung-aller-lightbox/feed/ 0 Google – Pagerank Update Juni 2011 http://blog.ingeniumdesign.de/2011/06/30/google-pagerank-update-juni-2011/ http://blog.ingeniumdesign.de/2011/06/30/google-pagerank-update-juni-2011/#comments Thu, 30 Jun 2011 10:17:49 +0000 basti http://blog.ingeniumdesign.de/?p=990 Am 27.06.2011 gab es ein neues Google Pagerank Update.

]]> http://blog.ingeniumdesign.de/2011/06/30/google-pagerank-update-juni-2011/feed/ 0 Facebook – Standard Share Bild einstellen http://blog.ingeniumdesign.de/2011/06/18/facebook-standard-share-bild-einstellen/ http://blog.ingeniumdesign.de/2011/06/18/facebook-standard-share-bild-einstellen/#comments Sat, 18 Jun 2011 08:53:23 +0000 basti http://blog.ingeniumdesign.de/?p=982 Des öfteren habe ich nun die Facebook-Funktion ( Share Bild ) für Webseiten benötigt und möchte Euch kurz erklären was Ihr dazu benötigt.

Es gibt mehrere Wege um ein “Share Bild” einzubauen, ich verwende lieber den normalen Meta-Tag, da die Facebook Meta-Tags nicht xhtml valide sind.

Facebook Meta-tags:
<meta property=”og:type” content=”website” />
<meta property=”og:image” content=”http://www.domain.de/logo_fb.jpg” />
<meta property=”fb:app_id” content=”123456789123456789″ />

XHTML valide Meta-Tag:
<link rel=”image_src” type=”image/jpeg” href=”http://www.domain.de/logo_fb.jpg” />

Mehr Infos:
http://developers.facebook.com/docs/opengraph/

URL Facebook Test:
http://developers.facebook.com/tools/lint/

 

]]> http://blog.ingeniumdesign.de/2011/06/18/facebook-standard-share-bild-einstellen/feed/ 1 Firefox – CSS Hacks http://blog.ingeniumdesign.de/2011/05/27/firefox-css-hacks/ http://blog.ingeniumdesign.de/2011/05/27/firefox-css-hacks/#comments Fri, 27 May 2011 13:35:03 +0000 basti http://blog.ingeniumdesign.de/?p=972 da wir immer mehr FireFox Version bekommen, könnten ggf. ein paar FF-Hacks hilfreich sein:

Firefox 2:

html>/**/body .selector, x:-moz-any-link, x:default {
  color:lime;
}

Firefox 3:

html>/**/body .selector, x:-moz-any-link {
  color:lime;
}

alle anderen Firefox:

@-moz-document url-prefix() {
  .selector {
     color:lime;
  }
}

Nachtrag:
Internet Explorer Hacks => http://htmlcsstutorials.blogspot.com/2009/06/web-browser-hacks-css-hacks-ie-firefox.html

]]> http://blog.ingeniumdesign.de/2011/05/27/firefox-css-hacks/feed/ 0 CSS Hacks für Internet Explorer 6,7 und 8 http://blog.ingeniumdesign.de/2011/05/24/css-hacks-fur-internet-explorer-6-7-und-8/ http://blog.ingeniumdesign.de/2011/05/24/css-hacks-fur-internet-explorer-6-7-und-8/#comments Tue, 24 May 2011 07:42:18 +0000 basti http://blog.ingeniumdesign.de/?p=965 Hier habe ich eine sehr gute Anleitung für “safe CSS hacks” im Internet Explorer 6,7 und 8 ( zum Teil schon der IE9 ) gefunden:

http://mathiasbynens.be/notes/safe-css-hacks

]]> http://blog.ingeniumdesign.de/2011/05/24/css-hacks-fur-internet-explorer-6-7-und-8/feed/ 0 TYPO3 – preview der neuen typo3.org http://blog.ingeniumdesign.de/2011/04/25/typo3-preview-der-neuen-typo3-org/ http://blog.ingeniumdesign.de/2011/04/25/typo3-preview-der-neuen-typo3-org/#comments Mon, 25 Apr 2011 13:19:15 +0000 basti http://blog.ingeniumdesign.de/?p=958 Wie ganz klar auf der Startseite geschrieben wird, ist das noch nicht die TYPO3 Final-Version, aber man kann es sich dennoch ausmalen wie es in etwa aussehen wird:
http://preview.typo3.org/

 

]]> http://blog.ingeniumdesign.de/2011/04/25/typo3-preview-der-neuen-typo3-org/feed/ 0 HTML – Suchfeld Text bei klick entfernen http://blog.ingeniumdesign.de/2011/04/06/html-suchfeld-text-bei-klick-entfernen/ http://blog.ingeniumdesign.de/2011/04/06/html-suchfeld-text-bei-klick-entfernen/#comments Wed, 06 Apr 2011 14:19:30 +0000 basti http://blog.ingeniumdesign.de/?p=952 Wer in seinem Suchfeld oder seiner Suchmaske einen Text stehen haben möchte ( “Suche” ) der aber nach hinein klicken entfernt werden soll, der muss nur diesen Code einfügen:

<input type="text" value="Suchbegriff eingeben"
name="s" id="s" onblur="if(this.value=='')
this.value='Suchbegriff eingeben';" 
onfocus="if(this.value=='Suchbegriff
eingeben')this.value='';" />

Dadurch wird im “input” der Text via onfocus entfernt.

]]> http://blog.ingeniumdesign.de/2011/04/06/html-suchfeld-text-bei-klick-entfernen/feed/ 2 TYPO3 – Jobliste http://blog.ingeniumdesign.de/2011/03/04/typo3-jobliste/ http://blog.ingeniumdesign.de/2011/03/04/typo3-jobliste/#comments Fri, 04 Mar 2011 12:38:06 +0000 basti http://blog.ingeniumdesign.de/?p=933 Tim Lochmüller hat eine kleine aber feine Erweiterung in seinem Blog eingebaut: TYPO3 Jobliste

Die TYPO3-Job-Daten holt er sich von der Seite webentwickler-jobs.de. Vielleicht baut er bald noch mehr TYPO3 Job-Quellen ein :)
Wäre auf jeden Fall eine schöne Idee, wenn man viele TYPO3 Quellen bündeln könnte.

]]> http://blog.ingeniumdesign.de/2011/03/04/typo3-jobliste/feed/ 0 TYPO3 – Webseiten-Relaunch von typo3.org http://blog.ingeniumdesign.de/2011/02/22/typo3-webseiten-relaunch-von-typo3-org/ http://blog.ingeniumdesign.de/2011/02/22/typo3-webseiten-relaunch-von-typo3-org/#comments Tue, 22 Feb 2011 08:26:30 +0000 basti http://blog.ingeniumdesign.de/?p=922 TYPO3.org plant einen neuen Webseiten Relaunch mehr Informationen unter: http://t3o.typo3.org/

]]> http://blog.ingeniumdesign.de/2011/02/22/typo3-webseiten-relaunch-von-typo3-org/feed/ 0 Backlink Check http://blog.ingeniumdesign.de/2011/02/18/backlink-check/ http://blog.ingeniumdesign.de/2011/02/18/backlink-check/#comments Fri, 18 Feb 2011 09:35:32 +0000 basti http://blog.ingeniumdesign.de/?p=915 Habe hier eine ziemlich gute Seite gefunden, die Eure Backlink´s checkt! Der Backlink-Check arbeitet Google, Yahoo, Alexa ab.

http://www.x4d.de/backlinkchecker/

Ich bin weiterhin noch auf der Suche nach Backlink-Tools! Danke!

]]> http://blog.ingeniumdesign.de/2011/02/18/backlink-check/feed/ 2 Google-Fonts einbinden und verwenden http://blog.ingeniumdesign.de/2011/02/16/google-fonts-einbinden-und-verwenden/ http://blog.ingeniumdesign.de/2011/02/16/google-fonts-einbinden-und-verwenden/#comments Wed, 16 Feb 2011 09:06:45 +0000 basti http://blog.ingeniumdesign.de/?p=904 Für ein neues Projekt verwende ich die Lib von google-fonts ( http://code.google.com/webfonts ).

Funktioniert soweit ziemlich gut, würde mich freuen, wenn Ihre Eure Erfahrungen postet… hier noch eine kleine Anleitung zum einbinden.

Hier könnt Ihr euch die Schrift unter Download herunterladen und in den Windows-Fonts Ordner ablegen. Dann könnt Ihr die Schrift anhand von meta-Daten oder JavaScript einbinden.

Ich persönlich binde die Schrift lieber via JavaScript ein.

Klickt dazu auf “Use this font” -> “Advanced techniques” ( ganz unten ):

<script type="text/javascript">
  WebFontConfig = {
    google: { families: [ 'Cabin' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
        '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })();
</script>

im oberen Bereich: “WebFontConfig” könnt Ihr dann weitere Schriftarten hinzufügen.

Oder Ihr schreibt in den <head> Bereich diesen Link ein:

<link href=’http://fonts.googleapis.com/css?family=Cabin’ rel=’stylesheet’ type=’text/css’>

 

das CSS könnt Ihr dann wie immer bearbeiten!

h1 { font-family: ‘Cabin’, arial, serif; }

]]> http://blog.ingeniumdesign.de/2011/02/16/google-fonts-einbinden-und-verwenden/feed/ 0 Pagerank-Update 2011 http://blog.ingeniumdesign.de/2011/02/02/pagerank-update-2011/ http://blog.ingeniumdesign.de/2011/02/02/pagerank-update-2011/#comments Wed, 02 Feb 2011 13:23:53 +0000 basti http://blog.ingeniumdesign.de/?p=878 Das letzte PR-Update war am 20.01.2011. Das letzte BL-Update war am 26.01.2011 Es soll wohl am: 15.04.2011 einen neuen PageRank-Update geben… wir werden es sehen! Hier die schönste Nachricht für mich: http://www.ingeniumdesign.de/ hat einen PageRank: 4 erhalten!]]> http://blog.ingeniumdesign.de/2011/02/02/pagerank-update-2011/feed/ 1 Flattr Invite Code zu vergeben http://blog.ingeniumdesign.de/2010/06/19/flattr-invite-code-zu-vergeben/ http://blog.ingeniumdesign.de/2010/06/19/flattr-invite-code-zu-vergeben/#comments Sat, 19 Jun 2010 09:49:08 +0000 basti http://blog.ingeniumdesign.de/?p=846 http://blog.ingeniumdesign.de/2010/06/19/flattr-invite-code-zu-vergeben/feed/ 8 Internetseite auf Backlinks prüfen http://blog.ingeniumdesign.de/2010/06/12/internetseite-auf-backlinks-prufen/ http://blog.ingeniumdesign.de/2010/06/12/internetseite-auf-backlinks-prufen/#comments Sat, 12 Jun 2010 17:03:38 +0000 basti http://blog.ingeniumdesign.de/?p=840 Weblink: http://www.internetbaron.de/backlink-checker-link-check.html]]> http://blog.ingeniumdesign.de/2010/06/12/internetseite-auf-backlinks-prufen/feed/ 2 flattr das soziale Mikro-Bezahlsystem http://blog.ingeniumdesign.de/2010/06/10/flattr-das-soziale-mikro-bezahlsystem/ http://blog.ingeniumdesign.de/2010/06/10/flattr-das-soziale-mikro-bezahlsystem/#comments Thu, 10 Jun 2010 21:47:22 +0000 basti http://blog.ingeniumdesign.de/?p=838 flattr befindet sich derzeit (Juni 2010) noch in einer Beta-Testphase, die Registrierung ist daher noch nicht jedem möglich, man kann sich jedoch für eine Beta-Einladung bewerben. Wer es nicht abwarten möchte, kann auch von uns einen Flattr-Invite bekommen, so lange der Vorrat reicht. Und hier noch das offizielle flattr-Erklärvideo:

Click here to view the embedded video.

Quelle: www.planet.vaovaoweb.de]]> http://blog.ingeniumdesign.de/2010/06/10/flattr-das-soziale-mikro-bezahlsystem/feed/ 0