Yoothemes:Tools Icon Set

Written by on . Posted in Allgemein, Mac OS X, Wordpress

Tools Icon Set: „Tools Icon Set

Do these icons look familiar to you? Then you’ve probably seen them in our new Sphere theme. Since the tool icons worked so well with the clean style in Sphere, we thought that many of you would like to utilize them for their own projects.

After our previous release of the playful space icons we have focused on a more business-like and versatile icon set this time. The new tool icons include a hammer, a wall, an empty and a filled tool box, gears and – naturally – tools. They can be applied in many different contexts, for example in your IT and software projects.

All tool icons come in a 32-bit transparency PNG file format and 8 different standard sizes ranging from 16×16 to 512×512 pixels. This gives you a total of 48 beautifully handcrafted icons, optimized for each specific size.

So, roll up your sleeves to get started with our new tool icons and join the icon club!

Sign Up Today

(Via YOOtheme.)

WordPress Suche findet auch noch nicht veröffentliche Artikel

Written by on . Posted in Allgemein, Technik, Wordpress

Heute ist mir was seltsames aufgefallen. Ich schrieb einen Artikel im WordPress (Version 3.4.1) und musste zeitgleich auf meiner Webseite etwas in einem älteren Artikel nachsehen, der zum gleichen Thema passte. Da ich nicht mehr genau wusste, wie das alte Post hiess, hab ich die eingebaute WordPress Suche verwendet.
Und als ich meinen Suchbegriff eintippte zeigten mir die Realtime-Ergebnisse nicht nur denn alten, bereits vor 3 Monaten veröffentlichten Artikel, sondern auch den Artikel, den ich gerade bearbeitete und noch nicht veröffentlicht hatte. War darüber doch etwas überrascht, aber bei genauerem Nachdenken eigentlich logisch. Wenn man einen neuen Artikel anfängt, dass wird dieser (vielleicht auch per AutoSave) in die Datenbank geschrieben.  Wenn man dann die WordPress-Suche verwendet, dann sucht dieses eben in der Datenbank und findet den Artikel, obwohl dieser noch nicht (vom User) gespeichert oder publiziert wurde. Ok, es kann nicht viel passieren, weil der Post noch nicht öffentlich zugänglich ist, aber vielleicht sollte man den WordPress Entwicklern man den Tipp geben, dass nur Artikel in der Ergebnisliste der Suche angezeigt werden, sie auch das Published-Flag haben. 😉

Introducing Widgetkit 1.2

Written by on . Posted in Allgemein, Technik, Wordpress

Introducing Widgetkit 1.2: „Introducing Widgetkit 1.2

Today we have a brand new Widgetkit 1.2 release prepared for you! It’s a short follow up to our Widgetkit 1.1 release 3 weeks ago. The new responsiveness of all widgets marked a major step in the evolvement of Widgetkit, and we thought it was about time for some icing on the cake. So, besides the regular bugfixes, we have put some work into the improvement of our Gallery widget.


Gallery Image Management

One of the new features in Widgetkit 1.1 was the drag and drop support for quick and easy gallery uploads. And, as promised back then, with Widgetkit 1.2 we have now added the missing functionalities to make image management with the Gallery widget a breeze. You can now upload and delete images as well as create and remove folders and their images. Finally you don’t rely on FTP or Joomla’s and WordPress’s media managers.

New Transition Effects

On top of the improved image management, we also added two fancy new effects for the Slideshow and Gallery widgets: Rotate and Scale. Both effects fully support touch devices and swiping as well as all modern browser versions. In all older browsers, they will be replaced by a gentle fade.

New Gallery Style

And last but not least, a new style offers you some more variety for your Gallery widgets. The Inside gallery style is a basic slideshow with a neat little thumbnail preview inside the image.

But what are you waiting for – go ahead and give the new Widgetkit a spin! We are excited for your feedback!

(Via YOOtheme.)

Yoothemes: Widgetkit Gets Responsive

Written by on . Posted in Allgemeines, Mac OS X, Merkhilfen, Pick / Empfehlungen, Wordpress

News von meinem Lieblings-Wordpress-Theme-Anbieter:

Widgetkit Gets Responsive: „Widgetkit Gets Responsive

Tada! Today we are really proud to announce the first major Widgetkit release since we introduced it back in January. Widgetkit has improved constantly over the last 6 months, but lately we have worked hard on a really important new feature: A completely responsive design for Widgetkit. All widgets including all the fancy effects are now adapting perfectly for all different device resolutions. This goes along with our upcoming Warp 6.2 release which also features a completely responsive design. But besides bugfixes we added nice little features to Widgetkit 1.1.


Responsive Design

All widgets are now responsive! In the first place this is true for all the fancy transition effects like the fold, puzzle or KenBurns effect of the Gallery and Slideshow widget. But also all other widgets like the Slideset, Lightbox and Media Player adapt perfectly for smaller screen sizes. That way, the new Widgetkit is usable for all devices and is also future-proof.

To accomplish this goal, Widgetkit always checks each widget’s dimensions against its parent dom element dimensions. If a widget size is bigger than its parent element, Widgetkit automatically adapts the size of that widget. Besides the common resize techniques we also utilize new CSS3 features like transform to make all widgets look nice on any device.

Gallery Image Uploads

We added another cool new feature: Now Widgetkit has its own option to upload images to the Gallery widget. Just drag and drop images from your desktop to the Widgetkit UI and they will be uploaded to your server. We know there are still features missing like managing folders, etc. but this is our first step to improve the image management.

WYSIWYG Editors

And last but not least we now support the JCK Editor and Codemirror in the Widgetkit administration of Joomla. Thanks to the JCK Editor team for making this possible!

We will have a demo of the responsive Widgetkit online next week together with the Warp 6.2 theme release. But don’t hesitate to download Widgetkit now and take it for a test drive! We are excited to hear your feedback!

Related Posts

Warp’s Responsive Scripts – Part 2 (JS)

Warp gets responsive – Part 1 (CSS)

(Via YOOtheme.)

Doppelte Artikelbilder in WordPress

Written by on . Posted in Allgemeines, Mac OS X, Merkhilfen, Technik, Wordpress

Seit einiger Zeit bilde ich mir ein, dass Artikelbilder für meine Posts ganz nett wären. Doch immer wenn ich diese ausprobiert habe, war entweder garkein Bild zu sehen oder aber dann zwei gleiche Bilder. Eines links und eines rechts bündig im Artikeltext. Die Suche in Google war eigentlich nicht erfolgreich, so dass ich mich selber auf die Suche machen musste. Und tatsächlich bin ich fündig geworden. Ich verwende unter anderem das WordPress Plugin „Auto Excerpt everywhere“ und dort war ein Haken gesetzt, dass das Artikelbild links bündig angezeigt werden soll. WordPress platziert jedoch sein Artikelbild recht bündig am Textanfang. Diese Kombination war schuld daran, dass zwei Bilder angezeigt wurden. Eines vom Plugin und das andere vom WordPress selbst. 
Vielleicht hat ja einer von euch mal ein ähnliches Problem und dann könnte im mit diesem Post geholfen sein. 😉 

WordPress: weitere Dateiendungen zum Upload freigeben

Written by on . Posted in Allgemeines, Mac OS X, Merkhilfen, Pick / Empfehlungen, Technik, Wordpress

Ich hatte heute das Problem, dass ich euch Alfred Erweiterungen, die ich in den letzten Tagen selber zusammen gebastelt habe, auf meinen Blog zur Verfügungen stellen wollte und rannte dabei in die WordPress-Fehlermeldung, dass dieser Dateityp nicht erlaubt sei. Toll. Wo war das gleich wieder, wo man die Endungen von Dateien freischalten konnte. Keine Ahnung. Gut, also wieder bei Google suchen und im Anschluß aufschreiben – wobei dieser Text dabei raus kam. 😉

Also die „entscheidenden“ Stellen findet man in der Datei „functions.php„, welches sich im Verzeichniss „wp-includes“ befindet. Dieses wiederum ist im WordPress-Root-Verzeichniss relativ einfach zu finden. Die betreffenden Teststellen findet ihr dann in der Datei ab ca. Zeile 2558. 🙂
Dort habe ich mir einfach die Zeile mit der Endung „exe“ als Muster kopiert und für die Alfred Extensions in die neue Zeile „alfredextension“ eingetragen und den Rest so belassen. Es macht den Eindruck, dass damit der Upload funktioniert und auch so alle noch geht.  

WordPress: Anmeldeversuche einschränken

Written by admin on . Posted in Allgemeines, Mac OS X, Merkhilfen, Pick / Empfehlungen, Technik, Wordpress

wordpress-spiritAufmerksam geworden durch einen Post von ElmaStudio (Tipps zur Sicherheit von WordPress) hab ich mir das WordPress-PlugIn „Limit Login Attempts“ angeschaut. Das PlugIn schränkt die Anmeldeversuche an WordPress ein, was ja ein durchaus sinnvolles Feature ist (wunderlich nur, dass dies nicht schon von Haus aus in WordPress eingebaut ist) – standardmässig sind die Anmeldeversuche auf „unendlich“ gesetzt, was in der heutigen Zeit nur noch wenig sinnvoll ist. 😉
Wenn ihr euch für das PlugIn interessiert, ihr findet dieses unter: http://wordpress.org/extend/plugins/limit-login-attempts/ 

Yoothemes: Steam Theme

Written by admin on . Posted in Merkhilfen, Pick / Empfehlungen, Wordpress

Und hier wieder einmal der „monatliche Hinweise“ auf das neuste Joomla/Wordpress Theme aus dem Hause Yoothemes.Com 😉

Steam Theme: „Steam Theme

Check out ‚Steam‘ our latest theme release for June 2012! It’s fresh and colorful design works perfectly any kind of event, magazine, blog or company website. With a modern layout you can present all your essential information to your visitor in a clean and direct way. Then to get a bit fancy, just combine it with our powerful Widgetkit and you have built an cutting edge website! All in all this theme offers 8 different very detailed color variations, 4 module styles and 13 different fonts. You can use this theme with Joomla or WordPress and it is based on the Warp6 theme framework which uses modern web technologies like HTML5 markup, CSS3 features and jQuery based JavaScripts.

All our frequent blog readers surely noticed that this is our last theme which will support Joomla 1.5 and Internet Explorer 7. You can read more on this topic in our last blog post Goodbye Joomla 1.5 and IE7

  • Available for Joomla and WordPress
  • 8 style variations available
  • Choose from 13 fonts
  • 4 module style combinable with 4 badges and 6 icons
  • Smooth CSS animations
  • Flexible template and column widths
  • All Warp framework features are available

Joomla Demo
WordPress Demo

(Via YOOtheme.)

In eigener Sache: Happy Birthday ostermeier.net

Written by admin on . Posted in Allgemeines, Mac OS X, Merkhilfen, Pick / Empfehlungen, Privates, Wordpress

Genau heute vor drei Jahren wurde www.ostermeier.net auf Basis von WordPress gelaunched. Die Domain hab ich schon 18. Mai 1998 und bis vor dem Zeitpunkt vor 3 Jahren liefen dort gute, alte HTML Seiten, die in „Handarbeit“ erstellt und dann mittels FTP übertragen wurden. Da mir dies irgendwann zu lästig wurde, hab ich nach einem CMS gesucht. Neben Joomla und Typo3 gabs damals noch WORDPRESS. Der Funktionsumfang, die Erweiterbarkeit mittels Plugins und der „einfach Einstieg“ waren die Hauptgründe, warum ich mich dann für WordPress entschieden habe. Das „Ding“ läuft seit den 3 Jahren durch und hat auch einen Umzug auf eigene Hardware einigermassen gut überstanden. 
Die Besucherzahlen steigen stetig, wie der eingebaute Google Analytics Screenshot zeigt. Was mich sehr freut, aber auch so im Hinterkopf den Gedanken reifen läst, wie lange die verwendete Hardware da noch mitmacht. 😉
Vielleicht noch ein paar interessante Eckdaten zum aktuellen Webseiten-Status:

  • derzeit gibt es 441 Artikel
  • 9 feste Seiten
  • 19 Kategorien
  • 817 Tags / Schlagwörter
  • 86 Kommentare

Das Layout von ostermeier.net hat in den letzten Jahren einige Veränderungen durch gemacht – was ja dank den Templates von WordPress ja durchaus relaltiv einfach zu bewerkstelligen ist. Momentan, und auch bereits seit einiger Zeit, verwende ich für diese Webseite das Theme „Nano“ von yoothemes.com und bin damit sehr zufrieden. 🙂

Was mir gerade bei den Recherchen zu diesem Post aufgefallen ist, ist, dass nicht nur die WordPress-Installation und somit das neue Aussehen Geburtstag feiert, sondern auch die eigentlich URL. Die „ostermeier.net“ ist nun seit ziemlich genau 14 Jahren in meinem Besitz und in Verwendung als Webadresse, für meine privaten Emails und als URL für meinen Mailserver. Puh, 14 Jahre…das waren damals die ersten „Gehversuche“ des Internets. Ist das wirklich schon wieder so lange her? Sind wir schon so alt? Zeit zum Nachdenken. Aber auch Zeit um nach vorne zu schauen und gespannt zu sein, was das „Internet“ noch so alles zum Vorschein bringt und wie sich die Verwendung so mancher „Dienste“ verhalten und entwickeln wird. Wird die nächste Generation der Internetnutzer noch wissen, was eine Emailadresse oder FTP war? Oder wird es einige große „Diensteanbieter“ geben, wo man alles bekommt, was der „normale“ Internetuser so braucht? Spannend. Aber ich bin froh, dass ich die „Anfänge des Netzs“ einigermassen live miterleben durfte und möchte diese Erfahrungen auf keinen Fall missen. Auf zu neuen Zeiten. Auf in die Zukunft, dem unentdeckten Land. 

Rapid WordPress Cloner 1.0.4

Written by on . Posted in Allgemeines, Merkhilfen, Pick / Empfehlungen, Technik, Wordpress

Bin ja mal gespannt, ob ich mich an das Tool noch erinnere, wenn ich mal wieder eine WordPress-Seite umziehe. 😉

Rapid WordPress Cloner 1.0.4 – Easily move your WordPress site to a new server.. (Commercial): „

Rapid WordPress Cloner allows you to easily clone your WordPress site!

  • Enter your site details for one-click transfer
  • Automatically fixes site references to point to your new site
  • Works with any hosting provider that has FTP site access
  • No need to use other software such as FTP clients or database management applications

Version 1.0.4:

  • Fix passive mode FTP.
  • Mac OS X 10.5 or later

Download Now

(Via MacUpdate: Recent Mac OS X.)

Yoothemes: Subway Theme

Written by on . Posted in Allgemeines, Mac OS X, Wordpress

Mein Liebings-Theme-Hersteller hat das neue Theme für Mai2012 vorgestellt 🙂

Subway Theme: „Subway Theme

Get on board and check our new Subway theme! It brings you a modern boxed layout with a broad range of options for customization. You can choose from various color and transparency options. Explore many beautiful designed details like fresh typography, icons, CSS animations and animated backgrounds. Also this theme brings you some nice custom features: Two new Widgetkit styles for the Slideshow and the Gallery are included. Their design seamlessly fits into the theme. Also notice the fixed social toolbar, which appears if you hover the icon to the right of your browser window. You can use this theme with Joomla or WordPress and it is based on the Warp6 theme framework which uses modern web technologies like HTML5 markup, CSS3 features and jQuery based JavaScripts.

  • Available for Joomla and WordPress
  • 13 style/color variations available
  • 11 backgrounds and 2 animated backgrounds included
  • 3 background textures combinable with each background
  • Choose from 11 fonts
  • 2 module styles combinable with 4 colors, 4 badges and 6 icons
  • All Warp framework features are available

Joomla Demo
WordPress Demo

(Via YOOtheme.)

Yoothemes: Space 2 Icon Set

Written by admin on . Posted in Allgemeines, Pick / Empfehlungen, Wordpress

Space 2 Icon Set: Space 2 Icon Set

„As promised here comes our second part of our space icon series! Now the Space Crew is complete with a witty robot in three different mood versions, the green twin of the protozoa alien, a satellite, a planet and a flying saucer. So what are you waiting for – with this team you are ready to travel to infinity and beyond! This makes 7 icons altogether. All icons come in 32-bit transparency PNG file format and in 8 different standard sizes, ranging from 16×16 to 512×512 pixels. It makes a total of 56 additional handcrafted icons which are of course optimized for each specific size.

Take a look at the new space icons and join the icon club!

Sign Up Today

(Via YOOtheme.)

Hip, Hip, Hurra – 400 Posts sind geschafft!

Written by admin on . Posted in Allgemeines, Pick / Empfehlungen, Technik, Wordpress

Wie in einem vorangegangenen Post schon kurz erwähnt, hab ich nun die 400ter Marke an Posts auf www.ostermeier.net überschritten. Dieses „Jubiläum“ möchte ich zum Anlass nehmen um noch ein paar andere Daten zu erwähnen.

  • Der erste Post (unter WordPress bei ostermeier.net) erschien am 25. Mai 2009, also vor fast 3 Jahren.
  • Google Analytics hab ich erst etwas später installiert, am 19. Oktober 2009
  • Die meisten Besucher an einem Tag hatte ich am 8. Dezember 2011 – da waren es 357!
  • Sinnigerweise schauten am 8. Dezember 2011 rund 330 Personen auf einen Post von mir, der sich mit einem alten Buch vom Tauchpionier Hans Hass beschäftigt. Nicht das dieser Artikel so ein „Wunderwerk“ wäre, aber ich denke, da zur gleichen Zeit ein 2-teiler im ZDF (glaub ich) über Hans Hass (Yvonne Catterfeld und Benjamin Sadler in den Hauptrollen) lief, waren viele Leute an dem Thema interessiert.

Nachfolgend vielleicht noch der Screenshot von Google Analytics etwas erklärt und in Zahlen erläutert.

  • im Januar 2010 hatte ich im Schnitt 15 Besucher am Tag
  • im Oktober 2012 waren es ca. 22 Besucher am Tag
  • im März 2011 schauten ca. 30 Leute am Tag auf meinen Webseiten was an
  • im August 2011 waren es dann schon ca. 50 Leute pro Tag
  • und im Februar 2012 waren wir bei ca. 80 Leute am Tag

5 CSS-Tipps zur Optimierung deines Stylesheets

Written by admin on . Posted in Allgemeines, Merkhilfen, Pick / Empfehlungen, Technik, Wordpress

Vielleicht zu beachten, wenn ich das nächste mal wieder CSS Dateien in der Fingern habe 😉

5 CSS-Tipps zur Optimierung deines Stylesheets:

„Bei der Arbeit (z.B. an einem neuen WordPress-Theme) notiere ich mir immer wieder kleine CSS-Tipps, die ich während der Theme-Entwicklung entdecke oder bei einem fertigen Theme optimiere. Da die Tipps bestimmt auch für andere CSS-Fans hilfreich sind, habe ich eine kleine Liste meiner derzeitigen Lieblings-CSS-Tipps zusammengestellt.

1. Placeholder-Inputtext stylen

Um die Standard-Textfarbe Grau eines HTML5 Placeholder-Textes (z.B. Suchbegriff eingeben… in einem Suchformular) individuell anzupassen, kannst du die folgenden CSS-Eigenschaften mit deinem eigenen color-Wert nutzen:

Der CSS-Code:

::-webkit-input-placeholder {color:#999;}
:-moz-placeholder {color:#999;}
.placeholder {color:#999;}

So kannst du einen dunkleren Grauton oder eine andere Farbe für den Placeholder-Text in Formlurfeldern definieren. Da derzeit die unterschiedlichen Browser noch ihre jeweils eigene Eigenschaft nutzen, musst du alle drei Eigenschaften angeben. Der Internet Explorer unterstützt leider noch keine HTML5 Placeholder. Hier kannst du bei Bedarf auf eine JavaScript-Lösung zurückgreifen (z.B. jQuery Placeholder auf GitHub).

2. text-size-adjust: none

Indem man text-size-adjust mit none setzt, kann man das automatische größer Skalieren von gewissen, als wichtig eingestuften Textelementen (z.B. auf dem iPhone bei Navigationsmenüs oder Elementen der Sidebar) verhindern.

Der CSS-Code:

html {
-ms-text-size-adjust: none;
-webkit-text-size-adjust: none;
}

Man sollte zwar etwas vorsichtig mit dieser CSS-Eigenschaft umgehen, da man mit dieser Funktion den Text-Zoom komplett deaktiviert. Eventuell könntest du die Eigenschaft daher nur für die Styles der mobilen Geräte einsetzen.

3. Pseudoklassen :before und :after

Die CSS-Pseudoklassen :before und :after können hilfreich sein, um extra Schriftzeichen, wie z.B. den Gedankenstrich vor dem Zitat-Autor direkt über das Stylesheet zu integrieren. Mit Hilfe der CSS-Eigenschaft content funktioniert das so:

Der CSS-Code:

#content blockquote p cite:before {
	content:"2212 020";
}

Der HTML-Code für ein Zitat mit Zitat-Autor muss dann nur noch in der folgenden Form im Text-Editor eingefügt werden:

<blockquote>Zitattext hier...
<cite><a href="hhttp://LinkZitatAutor.de/">Name des Zitat-Autors</a></cite></blockquote>

CSS Tipps before und after Pseudoklassen

4. text-rendering: optimizeLegibility;

Über die CSS-Eigenschaft text-rendering:optimizeLegibility lässt sich die Lesbarkeit von Text optimieren. Besonders sinnvoll ist dies bei größer gesetzten Text-Elementen wie den Überschriften. Die Abstände zwischen den einzelnen Buchstaben werden dann automatisch angepasst (Kerning).

CSS Tipp Text-Rendering

Der CSS-Code:

h1, h2, h3, h4, h5, h6 {
	text-rendering: optimizeLegibility;
}

Die Optimierung sollte allerdings nicht auf alle Texteelemente angewandt werden, da dies die Ladegeschwindigkeit der Webseite im Browser verlangsamen könnte. Die Geschwindigkeit ist vor allem auf mobilen Geräten relevant. Weitere Infos zu text-rendering: optimizeLegibility findest du im folgenden Blog-Artikel »Cross-browser kerning-pairs & ligatures«.

5. word-wrap: break-word

Mit Hilfe der word-wrap Eigenschaft und dem Wert break-word kannst du sicher stellen, dass sehr lange Wörter auf jeden Fall automatisch in die nächste Zeile umgebrochen werden und nicht über den Inhaltsbereich herausreichen.

CSS Tipp word-wrap: break-word

Dies kann z.B. bei Blogartikel-Überschriften sinnvoll werden oder beim Seiten-Titel eines WordPress-Themes.

Der CSS-Code:

#site-title h1 {
word-wrap: break-word;
}
Welches sind deine Lieblings-CSS-Tipps?

Wie gefallen dir die vorgestellten CSS-Tipps und fallen Dir noch weitere praktische Tipps für die Optimierung des Stylesheets ein? Über dein Feedback und deine weiteren Tipps freue ich mich sehr!

(Via Elmastudio.)

Space 1 Icon Set by Yoothemes

Written by admin on . Posted in Allgemeines, Photoshop, Pick / Empfehlungen, Wordpress

Ebenfalls diesen Monat neue bei Yoothemes, dass Space1 Icon Set. Ganz schön.

Space 1 Icon Set: Space 1 Icon Set

Yes, finally we’ve created a new icon set! This time it includes some nice and very detailed space icons: A monkey which starts a journey to outer space, a purple protozoa alien, a spaceship rocket, a radio telescope and a raygun. This makes 5 icons altogether. It is the first part of our space icon series, a second part will follow shortly. All icons come in 32-bit transparency PNG file format and in 8 different standard sizes, ranging from 16×16 to 512×512 pixels. It makes a total of 40 additional handcrafted icons which are of course optimized for each specific size.

Take a look at the new space icons and join the icon club!

Sign Up Today

(Via YOOtheme.)