In eigener Sache: Auf’n’Kaffee (endlich) auch mobil

Wer – wie ich – Blogs viel mit dem Handy liest, muss eigentlich auch dafür sorgen, dass auch sein eigener Blog ordentlich mobil lesbar ist. Nun, das wäre jetzt erledigt! 🙂

Ab sofort ist Auf’n’Kaffee auch mit jedem halbwegs gewieften Handybrowser in optimierter Formatierung abrufbar. Das bedeutet vor allem: Die Schrift ist so groß (und die Spalten so schmal), dass man alles problemlos lesen kann. Das Design ist „responsive“, das heißt wenn ihr euren Browser auf dem PC verkleinert, ändert sich ab einer bestimmten Breite ebenfalls das Layout. Probiert’s mal aus! Das bringt am PC zwar nicht wirklich etwas, ist aber lustig anzusehen. 🙂 Hilfreich ist dann, wenn man auf einem schmalen Monitor zwei Fenster nebeneinander anzeigen möchte.

Und natürlich geht auch das Kommentieren mobil. Also: Viel Spaß und (hoffentlich) gute Inspiration weiterhin mit diesem Blog…

Euer
Rolf

Sollten das deine Freunde auch lesen? Teile es!

'); } jQuery(".mashsb-count.comments-count").click(function(e) { jQuery.scrollTo("#kaffee_comments",2000, {easing: 'easeInOutQuart'} ); }); jQuery(".mashsharer-box .onoffswitch").insertBefore(".mashsharer-buttons"); jQuery(".mashsharer-count:not(.comments-count) .mashsharer-sharetext").html("mal geteilt"); jQuery(".mashsharer-buttons .facebook").html("Teile es bei Facebook!"); jQuery(".mashsharer-buttons .twitter").html("Tweete darüber!"); var shares = jQuery(".mashsb-count:not(.comments-count) .counts").html()*1; var sharedisp = 0; var commentdisp = 0; var time = 1000; var commenttime=1000; window.setTimeout(function(){ if(shares>999){ jQuery(".mashsbcount").html(shares.toLocaleString()); } },2000); if((comments>9 && shares>0) || (shares>9 && comments>0)){ jQuery(".mashsharer-buttons > .twitter, .mashsharer-buttons > .facebook").addClass("mashsharer-small"); } if(shares==0) jQuery(".mashsb-count:not(.comments-count)").hide(); jQuery(".mashsharer-count:not(.comments-count) font").html("0"); (function myLoop (i) { setTimeout(function () { jQuery(".mashsharer-count:not(.comments-count)").css("opacity",(sharedisp/shares)).find("font").html(sharedisp++); // your code here // if(i>200){ i = i-9; commentdisp = commentdisp + 8 }else i--; i--; if (i>0) myLoop(i); // decrement i and call myLoop again if i > 0 if (i<5) time = 100; else if (i<10) time = 50; else if (i<100) time = 10; else time = 2; }, time) })(shares+1); jQuery(".mashsharer-count.comments-count font").html("0"); (function myLoop (i) { setTimeout(function () { jQuery(".mashsharer-count.comments-count").css("opacity",(commentdisp/comments)).find("font").html(commentdisp++); // your code here // if(i>200){ i = i-9; commentdisp = commentdisp + 8 }else i--; i--; if (i>0) myLoop(i); // decrement i and call myLoop again if i > 0 if (i<5) commenttime = 100; else if (i<10) commenttime = 50; else if (i<100) commenttime = 10; else commenttime = 2; }, commenttime) })(comments+1); jQuery("#shareitplease").appendTo(".elementor-widget-theme-post-content"); /* deaktiviert, weil geht plötzlich nicht mehr ******* jQuery("#shareitplease a").click(function(){ jQuery.scrollTo("#kaffee_titel",2000, {offset: {top:-70, left:0},easing: 'easeInOutQuart' }); return false; }); */ });
'); } }); commentids.sort(Numsort); commentids.reverse(); max = commentids[0]; createCookie("newestComment",max,9999); // komprimieren var c = jQuery(".comment_text").length; jQuery(".comment_text").each(function() { var h = jQuery(this).height()+40; if((c >10 && h>140) || (h>400)){ jQuery(this).attr("origHeight",h).css("height","99px").addClass("short_comment").after("
+ Kommentar ganz anzeigen
"); jQuery(this).next().prepend(jQuery(this).find(".comment-reply-link")); } }); jQuery(".comment-more h6").click(function(){ if(jQuery(this).parent().prev().hasClass("short_comment")){ jQuery(this).html("- Kommentar verkleinern"); h = jQuery(this).parent().prev().attr("origHeight"); jQuery(this).parent().prev().css("height","auto"); h = jQuery(this).parent().prev().height() + 20; jQuery(this).parent().prev().css("height","99px"); jQuery(this).parent().prev().animate({ height: h + "px"}, 500).removeClass("short_comment"); var target = "#" + jQuery(this).parent().parent().parent().attr("id"); jQuery('html, body').animate({ scrollTop: jQuery(target).offset().top }, 500); window.setTimeout("calculate_says_heights();",501); }else{ jQuery(this).html("+ Kommentar ganz anzeigen").show(); jQuery(this).parent().prev().animate({ height: "99px"}, 500).addClass("short_comment"); var target = "#" + jQuery(this).parent().parent().parent().attr("id"); jQuery('html, body').animate({ scrollTop: jQuery(target).offset().top }, 500); window.setTimeout("calculate_says_heights();",501); } }); jQuery(".wrap_comment_form").insertAfter("div.comment-entry h1"); jQuery(".wrap_comment_form").before("
").after("
"); // Breite des Kommentarfelds anpassen calculate_says_heights(); // window.setTimeout("calculate_says_heights();",5000); window.setInterval("calculate_says_heights();",10000); /* Schmaler machen bei mehr als 10 Tiefe */ if(jQuery(".comment.depth-11").length){ jQuery("#kaffee_comments > div").css("max-width","1340px"); calculate_says_heights(); // jQuery(".commentlist").addClass("deep-thread"); }else if(jQuery(".comment.depth-8").length){ jQuery("#kaffee_comments > div").css("max-width","1140px"); calculate_says_heights(); // jQuery(".commentlist").addClass("deep-thread"); }else if(jQuery(".comment.depth-5").length){ jQuery("#kaffee_comments > div").css("max-width","800px"); calculate_says_heights(); // jQuery(".commentlist").addClass("deep-thread"); } jQuery("cite.author_name").each(function(){ if(jQuery(this).parent().parent().parent().find("ul").length) jQuery(this).append('- Ast ausblenden'); }); jQuery(".close_tree").click(function(){ entries = (jQuery(this).parent().parent().parent().parent().find(".gravatar").length); newentries = (jQuery(this).parent().parent().parent().parent().find(".newcomment").length); if(newentries){ newentriestext = " / " + newentries + ""; newentriesclass="newcommentintree"; }else{ newentriestext = ""; newentriesclass=""; } jQuery(this).parent().parent().parent().before('
' + entries + newentriestext + '>
'); jQuery(this).parent().parent().parent().parent().addClass("tree_closed"); jQuery(this).parent().parent().parent().prev().click(function(){ jQuery(this).parent().removeClass("tree_closed"); // Cookie löschen name = jQuery(this).parent().attr("id"); createCookie(name,""); jQuery(this).remove(); calculate_says_heights(); }); // Cookie name = jQuery(this).parent().parent().parent().parent().attr("id"); createCookie(name,"closed",365); }); // Gespeicherte Äste einklappen jQuery("li.comment").each(function(){ name = jQuery(this).attr("id"); if(readCookie(name)){ jQuery(this).children("div").children(".comment_content").find(".close_tree").click(); } }); // Kleine Layoutanpassung if(jQuery("li.comment:first-child > div:first-child").hasClass("newcomment")){ jQuery("body .commentlist").css("margin-top","25px"); } }); function calculate_says_heights(){ jQuery(".comment-entry").width(jQuery("#kaffee_comments .elementor-container").width() - 36).css("z-index","100"); jQuery(".says").each(function(){ if(jQuery(this).parent().parent().parent().children("ul").length){ h = jQuery(this).parent().parent().parent().height(); h -= jQuery(this).parent().parent().parent().children("ul").children("li").last().height(); }else{ h=1; } if(jQuery(this).height()!=h) jQuery(this).height(h); }); }

Kommentare

Ein Kommentar auf "In eigener Sache: Auf’n’Kaffee (endlich) auch mobil"

  1. Denise says:

    Sehr gut 🙂

    Antworten

Hinterlasse eine Antwort auf den Artikel

Die Datenschutzerklärung findest du hier.

Kommentar verfassen