fragmente » Development

CSS: center background image in Firefox & Co.

blumentritt — Thu, 01 Jul 2010 10:09:09 +0000

Today just a short snippet.

To center a background image vertical and horizontal especially Mozilla Firefox need the attribute “fixed”:

body {
background-image: url(....);
background-position: center center;
background-attachment: fixed;
height: 100%;
}

Tested with: IE 6 – 8, Firefox 3.6, Safari 4

With this little trick, my day will be fine! Ole.

Aptana Studio 2.0 under Ubuntu 9.10

blumentritt — Sun, 21 Mar 2010 12:11:56 +0000

Hi Nerds

Today i solved a tricky Linux challenge.

I work with Ubuntu 9.10 (Karmic Koala) and love Aptana Studio for programming Websites and some stupid Code.

Installing Aptana is not difficult! Just download the right file (i use a 64bit linux maschine), unpack the file and start Aptana with “AptanaStudio”. I had no problems with launching the software, but after loading my mouse-clicks go insane … sometimes only the “enter-key” solved my choice. Some clicks were not recognized by Aptana … really bad!

After some Google-Searching i found the official bugtracker for this problem … so i need a small shell-starter-script to solve the “crazy-mouse” problem!

But – what is a shell script? My Linux experience is just 4 weeks old … help me master!

Over 2 hours reading, learning and understanding …

I generate a small starter script (start_aptana.sh):

#!/bin/sh
export GDK_NATIVE_WINDOWS=true; exec /path/to/AptanaStudio/AptanaStudio;

and the desktop-starter command:

/path/to/start_aptana.sh

Yippi – now the lovely Aptana Studio runs on my Ubuntu-Chicken without problems, easy coding! Yeah…

interesting reading:

Zimplit – a small, free Content-Management-System

blumentritt — Sat, 19 Sep 2009 16:15:48 +0000

Do you know ZIMPLIT?

A really cool, small and fast CMS. You don’t need a database, just PHP on your server.

You can use your own templates and create a nice (mini)website. I used this nice CMS for my private testing website and i detected heavy traffic with “forget-password” demands. My email-box filled up

Now i present you my solution:
Just add a .htaccess file to your webserver and secure some zimplit files.

for example (.htaccess):

AuthType Basic
AuthName "admin area"
AuthUserFile /absolte/path/.htpasswd
zimplit.php>
require valid-user

you can add some more files, like security.php or something else

ZIMPLIT really rocks! Thank you guy’s

Zimplit ist gelistet auf t3n.de/opensource!

Problems after upgrading TYPO3 4.2 to 4.3 with stylesheets and images

new Aptana version 1.5

blumentritt — Sat, 15 Aug 2009 13:31:50 +0000

Today just a short post:

new Aptana Studio IDE is available.

I have just downloaded the .exe file. Let’s see whats new …

greetz, Martin

fight Internet Explorer 6 – reloaded

blumentritt — Thu, 06 Aug 2009 19:14:07 +0000

I think the statement from Youtube was the starting signal

Our last article and badBrowser Script are very frequently visited and today i found this:

IE6 No more / Samples

A very nice warning for all Internet Explorer Users < Version 7.0

Nice but I think our script with browser detecting ist much better of course.
Anyway – nice roadmap in web 2.0

Fight old Browsers – YouTube follows

blumentritt — Wed, 15 Jul 2009 06:02:50 +0000

Good news!

I just found several messages about YouTube and Internet Explorer 6 Support. Great.

They also use a small popup for User’s with old browsers.

I think this is the right way. Help those users, warn them and in a couple of month – STOP THE SUPPORT!

Thanks YouTube/Google Go for it

If you like to warn users also, look at our Post about jQuery-Popup & our new Version (1.3)

Martin

(in the next days i will check this online and present some screenshots, hopefully)

UPDATE (17.07.09)

Here is a small screenshot from the InternetExplorer 6 on Youtube.com.
I also checked youtube.com with Opera 9.26 – but nothing appears.

Fight old Browsers – Warning with jQuery

blumentritt — Fri, 19 Jun 2009 17:45:37 +0000

Block the Internet Explorer 6 and other old browsers with a small Warning-div

Hi there,

in the last days we relaunched our website (www.team-noir.net). We used the CSS Framework YAML and create a small website (6 pages). But i spent 4 hours just for bugfixing the fxxxx Internet Explorer 6.0 and 5.5

They don’t know variables heights or transparent png’s … certainly you know this!

I was so angry about loosing this time for old, silly and unsecure browers …

So we decided to implement a small but important WARNING to all users with old browsers. I found a very nice script on think2loud.com

I just extended the browser-detection, you will find the hole skript >>here<<:

function badBrowser(){
if($.browser.msie && parseInt($.browser.version) <= 6){ return true;}
if($.browser.opera && parseInt($.browser.version) <= 9) { return true;}
if (/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent)){
var ffversion=new Number(RegExp.$1)
if (ffversion<=2) { return true;}}
if ($.browser.safari && (navigator.appVersion.indexOf("1") != -1) ){return true;}
if ($.browser.safari && (navigator.appVersion.indexOf("2") != -1) ){return true;}
if ($.browser.safari && (navigator.appVersion.indexOf("3") != -1) ){return true;}
return false;
}

There are a few ways to detect the browser and correct version. Most problems i had with Safari – because i cant’t find any stand-alone Version-Code – so i had to workaround … and built 3 queries.

If you have an better an easier idea – please let me know!

You can check our Sites now with “old” Browsers (IE <=6, Opera <9, Safari <=3, Firefox <=2) and see what happens …

… Martin

UPDATE (25.06.2009):

I have a new version for browser detecting. Now the “Opera Problem” is solved, every Opera <= Version 9.5 gets now the Warning-Popup, and not all 9.x versions.
(Thanks to Ulf )

function badBrowser(){
    if($.browser.msie && parseInt($.browser.version) <= 6){ return true;}                  //IE ab ver. 6.0

    if($.browser.opera && ($.browser.version *10) <= 95) { return true;}                //Opera ab ver. 9.5

  if (/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent)){
    var ffversion=new Number(RegExp.$1)
    if (ffversion<=2) { return true;}}                                                   //Firefox ab ver. 2.0

    if ($.browser.safari && (navigator.appVersion.indexOf("1.") != -1) ){return true;}    //Safari ver. 1.0
    if ($.browser.safari && (navigator.appVersion.indexOf("2.") != -1) ){return true;}    //Safari ver. 2.0
    if ($.browser.safari && (navigator.appVersion.indexOf("3.") != -1) ){return true;}    //Safari ver. 3.0

    return false;
}

UPDATE:

new badBrowser Version released !!!

badBrowser Version 1.4 ( 172x )

more information

Aptana IDE Webdevelopment

blumentritt — Sat, 30 May 2009 14:32:00 +0000

hey!

instead of giving you TYPO3 hints and snippets i like to share my enthusiasm. Yesterday i found APTANA and started to work with. Amazing!

The hole IDE is nice to look at, good to work with and for now i discover so much features … WHOU.

I will continue posting here all the nice possibilities to work with.

for now, look here: a really cool plugin is ZEN CODE:
(turn off the sound )

If you want to share your APTANA-experience – feel free to post here.

Links:

greetz
Martin