Verschlüsselte E-Mail Kommunikation

In eigener Sache:

Schicken Sie mir alle sensiblen Daten wie Passwörter, FTP Logins, Webhosting-Zugangsdaten oder ähnliches (zu Ihrer eigenen Sicherheit) am besten nur verschlüsselt! Sie kommunizieren per E-Mail generell am liebsten verschlüsselt? Noch besser! Meinen PGP Public Key sowie weitere Infos dazu habe ich in den FAQs meiner Website zusammengefasst.

Relaunch meiner Website beckenhaub.de

In eigener Sache:

Seit 2 Tagen erstrahlt meine Website beckenhaub.de in neuem Gewand. Das Design  wurde zwar nicht komplett geändert (der Wiedererkennungswert soll ja nicht verloren gehen), dafür aber im Detail weiterentwickelt. Die meisten Änderungen gab es vor allem an den Inhalten, aber auch unter der Haube hat sich etwas getan. Zuletzt lief die Website noch mit WordPress als Motor. Hiervon habe ich mich bis auf weiteres erst einmal verabschiedet. Grund dafür: Da ich schon seit längerem den Blog (diesen hier) und die Website (beckenhaub.de) komplett voneinander getrennt habe, ist das Vorhandensein eines Content-Management-Systems (CMS) nicht länger notwendig gewesen. Das einzig, was sich auf der Website zukünftig hin und wieder ändern wird, ist mein Portfolio. Und nur dafür ein CMS am Laufen zu halten, hielt ich für ein wenig übertrieben!

Relaunch beckenhaub.de

 

Feedback und Verbesserungsvorschläge sind natürlich stets willkommen!

How to get Tweet Nest back to work again?

Since Twitter changed their API to the latest version v1.1, my favorite Twitter backup tool Tweet Nest was not working anymore. Thanks to Victor Jacobs there is now a fixed version of Tweet Nest available. Follow the steps below:

  1. Download a fixed version of Tweet Nest (ZIP file) (more Details here)
  2. Before doing anything else on the server: Backup your old database used with Tweet Nest! (just in case something will go wrong)
  3. Move all old files on your server to a „backup“ folder. For example you will need some stuff from your /inc/config.php later
  4. Upload all files of the downloaded and fixed version of Tweet Nest from above.
  5. Point your browser to the setup.php file. If you get any errors, your config.php is probably not writable. Change that via your FTP client. Fill out the needed parameters (have a look at your old config.php for your database data).
  6. Go to http://your-url.com/maintenance/loadtweets.php and if everything worked correctly Tweet Nest loads all missed tweets since the API has changed.

Here we go. Tweet Nest works again :-)

Wichtigste Rankingfaktoren beim Onpage-SEO

Inhalt

  • Guter Inhalt
  • Klarer Fokus auf Keywords
  • Suchintention befriedigen

Fotos und Videos

  • Verwende das Keyword im Bildnamen und in der Bildunterschrift
  • Nutze das Alt-Tag, verwende hierbei wichtige Keywords
  • Zusammenfassung oder Transkription von Videos

Seitenstruktur

  • Keywords in H1-H6 sowie Synonyme im Text
  • Niemals nur für Suchmaschinen, sondern immer für den Nutzer schreiben
  • Gliederungselemente wie Zwischenüberschriften, Listen oder Tabellen verwenden
  • Breadcrumbs

Meta-Tags

  • Keyword-optimierte URL, Title und Description
  • Klickstarke Description
  • Nutze Rich Snippets zu Steigerung der Klickrate

Interne Links

  • Keyword-starke interne Links
  • Übersichstsseiten zu bestimmten Themen
  • Landingpages (nur wenn sinnvoll!), die Informationen mehrerer Artikel zusammenführen

Ausführlich gibt es das ganze beim t3n Magazin.

Wie testet man seine Websites gleichzeitig auf unterschiedlichen Endgeräten und Browsern?

Heutzutage ist es wichtiger denn je, dass man seine Websites auf so vielen unterschiedlichen Endgeräten (Smartphones, Tablets & Desktops) wie möglich testet, und nicht nur auf den bekannten Desktop Browsern wie Firefox, Chrome oder Internet Explorer. Websites müssen auf einer breiten Maße an Geräten und Browserkombinationen funktionieren! Damit das Testen dabei nicht schnell zu komplex und „nervig“ wird, braucht man als Webdesigner/-entwickler Tools und Möglichkeiten, die einem die Arbeit und den Prozess erleichtern.

Im Open Device Lab Frankfurt haben wir aus diesem Grund versucht, eine einfache Konfiguration zum Testen von Websites bereitzustellen. Alle weiteren Details zum Setup findet man dort in unserem Blog (derzeit nur auf englisch).

Zahlen und Fakten zur mobilen Internetnutzung

Wie stark die Verbreitung von mobilen Endgeräten wie Smartphones inzwischen ist, und weshalb es wichtig ist, dass die eigene Website auch mobil funktioniert, lässt sich am einfachsten durch Zahlen belegen. Im Folgenden eine Auflistung mit Artikeln nach Aktualität sortiert, die ich zum Thema in den letzten Wochen und Monaten gefunden habe:
(zuletzt aktualisiert am 29.11.2012)

  • Analysten: Blackberry verliert Marktführerschaft bei Business-Kunden (28.11.2013, Quelle: heise online)
  • 8,2 Millionen Deutsche nutzen Tablets für Netzzugang (11.11.2012, Quelle: FOCUS Online)
  • Ergebnisse der Allensbacher Computer- und Technik-Analyse 2012: Bereits 31% der deutschsprachigen Bevölkerung zwischen 14 und 69 Jahren – 18 Mio. Leute – nutzen das mobile Internet. Steigerung um mehr als 50% zu 2011 (18.10.2012, Quelle)
  • Marktforschungsunternehmen Strategy Analytics: Weltweit sind nun (Q3/2012) über 1 Milliarde (1038 Mio) Smartphones im Einsatz. In Q3/2011 lag die Zahl noch bei 708 Mio. In einem Jahr kamen also über 300 Mio. Geräte dazu. Für die erste Milliarde hat es fast 16 Jahre gedauert. In nur 3 Jahren (2015) wird die nächste Milliarde erwartet. (16.10.2012, Quelle)
  • Mashable: „There Are Now 6 Billion Active Cellphones Worldwide“ (12.10.2012, Quelle)
  • Adweek: „72% of Consumers Expect Brands to Have Mobile-Friendly Sites But 96 percent have been to sites that weren’t mobile-ready“ (25.09.2012, Quelle)
  • ARD/ZDF Onlinestudie 2012: „Diese mobile Nutzung lag 2012 bei 23 Prozent (2011: 20%), womit sie sich in den letzten drei Jahren mehr als verdoppelt hat. […] Während 42 Prozent der 14- bis 29-Jährigen mobiles Internet nutzen, sind es bei den 30- bis 49-Jährigen 21 Prozent. […] Bereits in den Vorjahren zeigten die ARD/ZDF- Onlinestudien auf, dass der Gebrauch mobiler Endgeräte nicht den herkömmlichen, sprich stationären Zugang über PC und Laptop ersetzt, sondern sich mobile und stationäre Zugangswege gegenseitig verstärken.“ (07-08.2012, Quelle
  • Facebook erhält täglich Zugriff von ca. 7000 unterschiedliche Mobilgeräten-Modellen (03.08.2012, Quelle)
  • 31% der US Bürgen nutzen ihr Mobilgeräte als Primärgerät, mit dem sie auf das Web zugreifen (26.06.2012, Quelle)
  • Opera: „In April 2012, there were over 189.6 million Opera Mini and Opera Mobile users. Out of this number, 17 million were Opera Mobile users, and the rest Opera Mini users. Compared to April 2011, Opera Mini and Opera Mobile combined grew 47.8% year over year.“ (31.05.2012, Quelle)
  • Smartphones (14,6%) und Tablets (5,6%) machten im Mai 2012 zusammen rund 20% des gesamten Web Traffics in den USA und Kanada aus. 74% des Smartphone Traffics kamen vom iPhone, 95% des Tablet-Traffics kamen vom iPad. (30.05.2012, Quelle)
  • Baidu, China’s equivalent to Google, has released stats from the first quarter of 2012 that show mobile browsing makes up 40% of traffic in 5 major Chinese provinces. In China, the iPhone accounts for less than six per cent of traffic, with 2G phones instead grabbing the lion’s share. (28.05.2012, Quelle)
  • Google Studie Mai 2012 (05.2012, Quelle Our Mobile Planet, Unser mobiler Planet: Deutschland – Der mobile Nutzer)
    • Knapp 24 Mio. Deutsche nutzen ein Smartphone
    • Nur 37% der deutschen Unternehmen, die online tätig sind, haben eine für das mobile Internet optimierte Website.
    • Verbreitung von Smartphones in der Bevölkerung wächst (Q1 2011: 18%, Q1 2012: 29%)
    • 64% greifen täglich mit ihrem Smartphone auf das Internet zu und verlassen das Haus nie ohne ihr Gerät.
    • Smartphones werden überall verwendet (97% zu Hause, 88% unterwegs, 72% bei der Arbeit, 45% bei Veranstaltungen)
    • 22% würden eher auf ihr Smartphone verzichten als auf ihren TV
    • 82% der Smartphone-Benutzer haben nach lokalen Informationen gesucht, 80% sind daraufhin aktiv geworden
    • 42% Suchen mindestens einmal pro Woche nach lokalen Informationen, 14% Suchen täglich nach lokalen Informationen
  • Facebook hatte Ende April 2012 ca. 901 Millionen aktive Benutzer, 500 Millionen davon waren mobile Benutzer bzw. haben die Facebook App auf ihrem Smartphone installiert. (23.04.2012, Quelle) Zum Vergleich: Im Februar 2010 hatte Facebook nur rund 100 Millionen mobile Benutzer (10.02.2010, Quelle)
  • Facebook: “A few years from now, most every single person at Facebook who works there is going to be working on mobile almost exclusively.” (22.11.2011, Quelle)
  • Marktforschungsunternehmen Gartner: „By 2013, mobile phones will overtake PCs as the most common Web access device worldwide.“ (13.01.2010, Quelle)

Get CodeKit & Zurb’s Foundation work together

  1. Find where your gems live by running sudo gem environment in the command line, Then look for the gem paths.
  2. Go into Codekit prefs, click on Sass/Scss
  3. Click on “Use the Sass Executable at this path:” and then navigate to the bin folder at the gem path you found earlier.
  4. Select sass.bin
  5. Move over to the Compass tab and follow the same steps, choosing your local copy from the bin folder in you gem path.
  6. Refresh Codekit and voila!

Source

Step 5 is missing on the Foundation Documentation Page, which was the reason, why my CodeKit App and Foundation did not work together.

Without choosing my local copy of Compass gem, I always got the following error message:

Compass was unable to compile one or more files in the project: LoadError on line 2 of /Library/Ruby/Gems/1.8/gems/zurb-foundation-3.0.9/lib/ZURB-foundation.rb: no such file to load — foundation/version
Run with —trace to see the full backtrace

Now, everything works! :-)

Wie viel kostet Responsive Webdesign?

In unserem Gemeinschaftsblog “Things We Learned” habe ich zusammen mit meinen Kollegen Holger Bartel und Tom Arnold einen ziemlich guten englischen Artikel mit Genehmigung des Autors Brad Frost ins deutsche übersetzt.

Wie viel kostet Responsive Webdesign?

Hier ein kleiner Ausszug:

In der Tat kostet Responsive Webdesign mehr als … gar nichts zu tun. Natürlich könnte man weiterhin Websites erstellen wie bisher und dabei die Unmenge an Geräten ignorieren, die bereits heute oder in naher Zukunft Zugang zum Internet haben. Aber wir schreiben das Jahr 2012, und heutzutage sollte eine Website zumindest ein kleinwenig die mobile Benutzung berücksichtigen, bestenfalls sollte man sie sogar komplett dafür optimieren.

CSS Transform Matrix

Try this in your next website project!
body:hover {
-moz-transform: matrix(-1, 0, 0, 1, 0, 0);
-webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
-o-transform: matrix(-1, 0, 0, 1, 0, 0);
transform: matrix(-1, 0, 0, 1, 0, 0);
}

via Twitter @webrocker

Veröffentlicht am Kategorie: NotizSchlagworte: Permalink

Google empfiehlt Responsive Webdesign

Warum? Deshalb…

  • Using a single URL for a piece of content makes it easier for your users to interact with, share, and link to your content, and a single URL for the content helps Google’s algorithms assign the indexing properties for the content.
  • No redirection is needed for users to get to the device-optimized view, which reduces loading time. Also, user-agent-based redirection is error-prone and can degrade your site’s user experience (see “Pitfalls when detecting user-agents” section for details).
  • Responsive web design saves resources for both your site and Google’s crawlers. For responsive web design pages, any Googlebot user-agents needs to crawl your pages once, as opposed to crawling multiple times with different user-agents, to retrieve your content. This improvement in crawling efficiency can indirectly help Google index more of the site’s contents and keep it appropriately fresh.

Link zum Orginalartikel: Google recommends responsive design!