webksde

Remove Drupals .menu-position-link menu items (Menu Position module)

Menu Position is a great Drupal Module to get the .active-trail class in the menu, without adding eg. all news article nodes to the it.

The only problem is a „placeholder“ link created instead, class: „.menu-position-link“. It seems this is technically necessary.

Here is a little jQuery function to remove the element itself, the container menu (if its the only item) and fix the causing classes. You may have to alter it a bit.

Remove the console.logs before using it on productive environment!

$('.menu', context).children('li.active-trail').each(function() {
  var menuChildCount = $(this).children('.menu').children('li').length;
  var $menuPosLinkParent = $(this).find('.menu-position-link').parent();
  if ($menuPosLinkParent.length) {
    console.log('Found one - childcount:' + menuChildCount);
    console.log($menuPosLinkParent);
    if (($menuPosLinkParent).hasClass('last')) {
      console.log('Its the last item.');
      // If its the last link move class .last to the menu item before 
      $menuPosLinkParent.prev('li').addClass('last');
    }
    if (menuChildCount === 1) {
      console.log('Its the only item.');
      // If menu position link is the only menu-item, remove parent trails .expanded 
      $menuPosLinkParent.parents('li.active-trail.expanded').removeClass('expanded');
      $menuPosLinkParent.parent('.menu').remove();
      console.log('Removed it.');
    } else {
      $menuPosLinkParent.remove();
      console.log('Removed it.');
    }
  }
});

    Webfont rendered a lot to thick in Google Chrome

    Webfonts currently will be rendered differently in Chrome and Firefox, so especially under Windows Chrome has a really bad font anti aliasing. But sometimes thats not the point.
     
    First make sure you have set the font-weight correctly. If this does not help, you might have the font installed locally? No? I´m sure, you have! You needed it for your screendesign 😉 
     
    Delete the font locally and reload your website (maybe you have to restart chrome), the font should be rendered fine now. Take care deleting the whole font.

      Pixelperc.com offline -> Ersatz

      Da Pixelperc.com plötzlich offline ist und ich das Tool einfach grandios hilfreich finde, haben wir die aktuelle Version von Github mal bei uns bereit gestellt.

      Update: Nun unter neuer Adresse wieder erreichbar: http://pauladamdavis.github.io/PixelPerc/

        Tipp: Velositey für Photoshop CS6 + CC

        Photoshop wurde grundsätzlich nicht mehr Webdesign konzipiert, entsprechend fehlen einige Komfortfunktionen für Webdesigner.

        Das PlugIn Velositey hilft Photshop etwas auf die Sprünge und bietet neben der Generierung von 1170 Pixel Grids und weiterer Guide-Vorlagen eine ordentliche Anzahl von Basislayouts welche einem schon ordentlich Arbeit abnehmen können.

        Toller kleiner Helfer und das kostenlos!

          SASS & Compass: Errors OptionParser::InvalidOption and ArgumentError: different prefix

          It seems these errors has something todo with generating source maps, … but who cares 😉
           
          The solution:
          Simply deinstall all versions of Compass and SASS (gem uninstall compass / sass). Now type „gem install compass –pre“ so you get the latest dev version of Compass and – as a dependency – SASS 3.3.4.
           
          For me everything works fine, no errors anymore. Dev environment here is Netbeans Dev 20140404001.

            Use Smarty truncate function inside PHP (instead of substr)

            Working with the PHP substr() function is horrible, so if you have Smarty available you can use the truncate function inside your php files.

            smarty_modifier_truncate($string, $length = 80, $etc = '...',
            $break_words = false, $middle = false)
            

            For Example:

            smarty_modifier_truncate($oStartKategorie->cBeschreibung, 200)
            

             

              Adobe Photoshop, Illustrator, … CS6 Trial Downloaden (nicht CC!)

              Update 2019: Wer die Schnauze voll hat von Adobe sollte sich ganz dringend die Affinity Suite (Designer, Photo & Publisher) ansehen, lässt überhaupt nichts vermissen, ganz im Gegenteil:

              https://affinity.serif.com/de/

              Benefits für Webdeveloper:

              • Zentrale Verwaltung von Textstilen, samt Vererbungslogik
              • Erstellen von „Symbols“, wiederverwendbare Designbestandteile, die synchronisiert werden
              • Fantastisches Grid-Tool
              • uvm.

              Wer keine Lust auf den neuen Abo-Unsinn von Adobe hat und sich mal CS6 anschauen will, schaut bei der Suche nach der Trial in die Röhre. Die Downloadlinks auf diversen Websites verweisen komplett auf Adobe.com, wo dann die CC-Version als Download angeboten wird.

              Wunderbarerweise gibt es allerdings eine Seite für CS6 Kunden welche Ihre DVD verlegt haben… oder wie auch immer. Das Setup unterscheidet sich nicht von dem welches als Trial angeboten wurde, kann somit weiterhin als 30-Tage Testversion installiert werden.

              Link findet Ihr unten!

                Netbeans Development Version – Fehlermeldungen deaktivieren – Disable Error Messages

                Um in der Dev Version von Netbeans die Netbeans eigenen Fehlermeldungen zu unterdrücken geht man folgendermaßen vor.

                1. Einen Editor mit Administrator Rechten starten
                2. Mit dem Editor Netbeans Installationsverzeichnis aufrufen (z. B. C:\Program Files\NetBeans Dev 201311260002)
                3. Im Ordner „etc“ die Datei „netbeans.conf“ öffnen
                4. Nach „netbeans_default_options“ suchen
                5. Dort folgende Option anfügen (ACHTUNG! Innerhalb der vorhandenen Anführungszeichen): „-J-Dnetbeans.exception.alert.min.level=99999 -J-Dnetbeans.exception.report.min.level=99999“
                6. Speichern, Netbeans starten, Fertig.

                Die Ausgabe der Fehlermeldungen hat bei der Dev Version natürlich den Sinn, den Entwicklern Fehler melden zu können. Das einfach beim Abschalten bedenken! Benötigt man, wie in meinem Fall zwingend die Dev z. B. aktuell für die Unterstützung von SASS, sind die teils extrem oft erscheinenden Fehler aber aus Sicht der Produktivität natürlich untragbar.

                  JTL Shop 3: Regionen hinzufügen (Boxen)

                  Aktuell ist der JTL-Shop 3 auf 4 Regionen begrenzt, wovon 2 standardmäßig deaktiviert und nicht im template definiert sind. Das hinzufügen eigener Regionen ist aktuell nicht möglich (ohne die Updatefähigkeit zu zerstören). Ich zeige hier nun kurz auf wie die vorhandenen Regionen aktiviert und eingebunden werden.

                  Die Anfrage eigene Regionen einfügen zu können, haben wir bereits an JTL herangetragen, Ihr seit herzlich eingeladen die Anfrage zu unterstützen 😉 –> http://feedback.jtl-software.de/forums/214215-jtl-shop3/suggestions/5115506-definition-eigener-container-in-der-template-xml-

                  Erste Anlaufstelle ist die Template.xml im Hauptverzeichnis des Templates, z. B. “/jtlshop/templates/JTL-Shop3-Tiny” dort nach dem Tag “<Boxes>” suchen. Hier gilt es nun für die Aktivierung vorhandener Regionen den Wert “Available” von “0” auf “1” zu setzen.

                  Nächster Schritt ist, die Ausgabe im entsprechenden Templatefile zu definieren. In unserem Fall geben wir die Region “Bottom” in der footer.tpl respektive footer_custom.tpl aus.

                  Die Kenntnisse zum Anpassen der umliegenden HTML Struktur setze ich an dieser Stelle voraus. Die Ausgabe der Region funktioniert dann folgendermaßen:

                  “{load_boxes type=“bottom“ assign=“cBoxbottom“}{eval var=$cBoxbottom}”

                  Im letzten Schritt im Backend unter “Admin -> Boxenverwaltung” die Box im neuen Bereich hinzufügen, die Region mit dem Häkchen links oben zu aktivieren (!!!) und fertig! Die Box sollte nun angezeigt werden.