|
Sencha Touch 2 beinhaltet mit seinem CSS mixin "@include pictos-iconmask('attachment');" eine robuste Möglichkeit, um Icons als Base64-encodierte Strings direkt ins CSS File zu kompilieren. Dies bringt den Vorteil mit sich, dass sobald das CSS geladen ist, auch alle Icons zur Verfügung stehen und nicht mehr mit einem separaten Request vom Server nachgeladen werden wie das normalerweise bei Websites der Fall ist.
Die Einschränkung ist, dass diese Icons vom Sencha 2 Framework nur zur Verwendung als monochrome Pictos gedacht sind. D.h. die Icons werden maskiert und dann mit einer Hintergrundfarbe oder einem Gradienten gefüllt.
Mit einem eigenen custom mixin können wir den gleichen Mechanismus benutzen um auch Icons in voller Farbe einzubinden.
Dazu folgendes in die Datei "_mixins.scss" einfügen.
/**
* Includes a base64-encoded color icon for use within tab bars and buttons
*
* @include pictos-icon('attachment');
*
* @param {string} $name The name of the icon to be included. This is to match the name of the icon file (located at resources/themes/images/default/pictos) without its extention (.png).
*/
@mixin pictos-icon($name) {
.x-button-icon.#{$name},
.x-button .x-button-icon.x-icon-mask.#{$name} {
background-image: theme_image($theme-name, "pictos/" + $name + ".png");
}
}
Danach kann man im SASS CSS File der App das neue mixin verwenden:
@include pictos-icon('drs1logo');
Die so integrierten Icons werden in voller Farbe dargestellt und man muss gegebenenfalls noch CSS Klassen erstellen welche die Width und Height des Icons anpassen. |
|
Philesight ist ein nützliches Tool um die Ordner die am meisten Platz verbrauchen auf einem Webserver schnell und einfach ausfindig zu machen.
Zuerst indexieren, dann ein PNG generieren lassen oder einfach per CGI direkt übers Web verfügbar machen. |
|

ACTA legt die Regulierung der Meinungsfreiheit in die Hände privater Unternehmen, da das Abkommen Dritte, wie zum Beispiel Internet-Provider, dazu verpflichtet Online- Inhalte zu überwachen, deren Rolle es nicht ist, über Meinungsfeiheit zu bestimmen.
ACTA könnte den Nutzen des kulturellen Erbes unserer Gesellschaft behindern, da es Strafen und kriminelle Risiken erhöht, sobald man Werke nutzen möchte, deren Eigentümer oder Rechteinhaber schwierig zu identifizieren oder zu lokalisieren sind (sogenannte "verwaiste Werke").
Die endgültige Fassung des Abkommens, dessen Bedeutung nicht vor der Ratifizierung klargestellt wurde, ist vage und könnte so ausgelegt werden, dass zahlreiche Bürger für geringfügige Vergehen kriminalisiert werden.
ACTA hat etablierte multilaterale Foren wie WIPO und WTO umgangen, die auf demokratischen Prinzipien und Offenheit basieren und über klare Verfahrensgarantien verfügen.
ACTA wurde hinter verschlossenen Türen ausgehandelt, unter Ausschluss der meisten Entwicklungsländer, mit geringer demokratischer Rechenschaftspflicht auf UN-, EU- oder nationaler Ebene.
ACTA strebt die Schaffung einer neuen Institution an, den "ACTA Ausschuss", ohne gleichzeitig die Garantien oder Verpflichtungen dieses neuen Gremiums für eine offene, transparente und integrative Arbeitsweise zu definieren, mit der es öffentlich überprüft werden könnte.
Der nicht gewählte "ACTA-Ausschuss" wird für die Umsetzung und Auslegung des Abkommens verantwortlich und sogar dazu in der Lage sein, ohne jegliche öffentliche Rechenschaftspflicht Änderungen an der Vereinbarung vorzunehmen, nachdem diese angenommen wurde.
Bis heute hat keine am ACTA-Abkommen beteiligte Partei der Öffentlichkeit Zugang zu den Verhandlungsdokumenten gewährt, der notwendig wäre, um die vielen mehrdeutigen und unklaren Elemente des Textes auswerten zu können.
Die Kommission hat keine Folgenabschätzung speziell für das ACTA vorgenommen, sondern einfach alte wiederverwendet, die für die Richtlinien zur Durchsetzung der Rechte des geistigen Eigentumsn(I und II) erstellt wurden. Es wurde keine Folgenabschätzung für Auswirkungen auf die Grundrechte durchgeführt, insbesondere bezüglich Drittländer, die oft nicht über die gleichen Datenschutz-, Meinungsfreiheits- und rechtsstaatlichen Garantien verfügen, wie die EU.
Aktiv werden! |
|
Das Firefox Add-On Tree Style Tab ermöglicht eine bessere Organisation der geöffneten Tabs. Die Tabs werden auf der linken Seite des Browsers angezeigt, was viel effizienter ist sobald man um die 10 Tabs offen hat. Es fällt einiges leichter den Überblick zu bewahren.
Zudem werden die Tabs automatisch in einer Baumstruktur angeordnet so dass man auch leicht sehen kann zu welchem Thema sie gehören. |
|
Für alle die noch nicht so genau wissen was mit HTML 5 auf sie wartet:
http://slides.html5rocks.com/#landing-slide
Das werden schöne Zeiten für alle Web Entwickler. Bleibt nur abzuwarten was für schöne Fallen in den Differenzen zwischen den Umsetzungen der vielen neuen Features in den einzelnen Browsern auf uns warten. |
|
Allan Jardine bietet ein JavaScript Bookmarklet namens Visual Event an. Den Button auf dieser Seite einfach in die Bookmarks des Browsers ziehen und auf jeder beliebigen Page die man debuggen möchte klicken. Es wird dann die aktuelle Seite analysiert und mit Informationen zu allen vorhadenen JavaScript Events angereichert.
Unterstützt werden folgende JavaScript Libraries:
- DOM 0 events
- jQuery 1.2.x +
- YUI 2.6.x (2.x might work!)
- MooTools 1.2.x
- Prototype 1.6.x
- JAK (Events 2.2)
- Glow
|
|
ScyDev.ch verschreibt sich dem Manifesto for Software Craftsmanship und reiht sich ein mit jenen die ihren Beruf nicht nur als erlerntes Handwerk sondern auch als Kunst betrachten. Der Code soll nicht nur funktionieren, er soll auch elegant und sauber sein, selbsterklärend und wiederverwendbar, performant und sicher.
"As aspiring Software Craftsmen we are raising the bar of professional software development by practicing it and helping others learn the craft. Through this work we have come to value:
Not only working software,
but also well-crafted software
Not only responding to change,
but also steadily adding value
Not only individuals and interactions,
but also a community of professionals
Not only customer collaboration,
but also productive partnerships
That is, in pursuit of the items on the left
we have found the items on the right to be indispensable."
|
|
Dust-Me Selectors ist der Staubwedel fürs CSS File. Unweigerlich sammeln sich in jedem Projekt CSS Klassen an die nicht mehr gebraucht werden und nicht nur überflüssig sondern oft sogar verwirrend sind.
Mit dem FireFox Plugin Dust-Me Selectors macht man diese ausfindig. |
|
Mit schön anzusehenden und sehr informativen Graphen zeigt Michael Ogawa die Entwicklungsgeschichte einer Software anhand all der Leute die daran gearbeitet haben.
Software Evolution Storylines |
|
Zu oft hat man das Problem dass man Code Dateien nach gewissen Strings durchsuchen will und die Windows Dateisuche versagt, manchmal weil man nach einem Stück Syntax mit Sonderzeichen sucht, manchmal ohne ersichtlichen Grund.
Das Program AstroGrep schafft Abhilfe.
AstroGrep is a Microsoft Windows grep utility. Grep is a UNIX command-line program which searches within files for keywords. AstroGrep supports regular expressions, versatile printing options, stores most recently used paths and has a "context" feature which is very nice for looking at source code.
|
|
|
Seit langer Zeit existiert das Problem dass die horizontale und vertikale Scrollbar eines Iframes im Internet Explorer und anderen Browsern nicht separat ausgeschaltet werden kann. Im Firefox ist es sehr einfach möglich mit den CSS Befehlen {overflow-x: hidden; overflow-y: scroll}. Diese funktionieren jedoch auf allen anderen Browsern nicht.
Es gibt einige Lösungsansätze, die meisten davon jedoch nur für eine spezifische Browserversion.
Mit diesem folgenden, simplen Trick jedoch, kann man die Scrollbar auf sämtlichen Browsern verstecken.
<!-- This DIV is a special hack to hide the horizontal scrollbar in iframes -->
<div id="iframeHorScrollbarHider" style="position:absolute; width: 768px; height: 20px;
top: 850px; left: 376px; background-color: black; display: none;">
</div>
<script type="text/javascript">
if (document.getElementById("idOfIframe") != null
&& document.getElementById("iframeHorScrollbarHider") != null)
{
document.getElementById("iframeHorScrollbarHider").style.display = "block";
}
</script>
Besondere Beachtung ist dabei der fixen Höhe des Iframes zu schenken. Und die absoluten Positionierungsangaben und die Farbe müssen natürlich ans Design der Website angepasst werden. |
|
InstallJammer ist eine sehr gute, freie, open source Lösung um Programme in einen Installer zu packen und an Kunden auszuliefern.
Plattformunabhängig, vollständige Dokumentation und aktives Forum mit vielen Antworten sind mit dabei.
"InstallJammer is a multiplatform GUI installer designed to be completely cross-platform and function on Windows and most all versions of UNIX with support for MacOS X coming soon.
InstallJammer features a very powerful install builder with support for multiple themes and a high level of configurability for installers. Installers are built as single executable files for easy distribution over the web and handle installing everything you need for your application in a simple, cross-platform way." |
|
Zwei üble Probleme mit Internet Explorer und zwei einfache Lösungen
Bei modernen, modularen CMS wie Drupal und Joomla kann dies zu Problemen führen, weil jedes Modul/Plugin sein eigenes CSS File mitbringt.
Wenn man nichts davon weiss, dann kann die Fehlersuche sehr schwierig sein, weil das Verhalten auf jeder Seite (je nach Modulen) anders ist.
Die Lösung für drupal gibts hier: http://drupal.org/project/unlimited_css
2. IE bis und mit 6 kann keine PNG Alpha Transparenz
Die Lösung: http://www.twinhelix.com/css/iepngfix/
Unbedingt die Anleitung genau durchlesen!
"Open "iepngfix.html" in a browser; step by step instructions are within."
Am wichtigsten sind das blank.gif und der Zusatzscript für background repeat.
Bonus: Webdesign für IE5 bis IE8 einfach testen
Spielend einfach, mit einer einzigen Standalone Installation, mit dem IE Tester! |
|
Die Firefox Extension "CookiePie" erlaubt es, mit einem Klick einen Tab oder ein Browserfenster von allen aktiven Cookies zu separieren.
Sehr parktisch um zum Beispiel auf einer Webapp gleichzeitig im Admin Bereich und als normaler Benutzer eingeloggt zu sein. Man muss nicht dauernd aus/einloggen oder gar einen anderen Browser (IE, Opera, ...) verwenden.
CookiePie von Nektra |
|
|
|
|
<< Start < Zurück 1 2 Weiter > Ende >>
|
|
Seite 1 von 2 |