Ladysign

Semicolons after javascript statements

According to Javascript; the semicolon after a statement (for example a function), is optional.
However, it’s much better to end your line with a semicolon. A validator like JSLint for example, will throw a warning, even though
the browser won’t, and accepts it.

See below, which strange [......]

继续阅读

Read more...

Create a Firefox Extension

Difficulty:

Create the startup files and folders via:
https://addons.mozilla.org/en-US/developers/tools/builder/9b0cddaa3fc073e50a0e7e284ef64438

Prefill all the fields, and build the zip file.
Unpack this zip file, and open:
/chrome/content/overlay.js

You can edit this file.
In chrome/skin/ are the[......]

继续阅读

Read more...

Create Chome Extension

Difficulty:

It’s really easy to create your own Chrome Extension.
This simple extension just opens your personal website in a new tab.

1. Create a folder
2. Create the following files:
* manifest.json
* background.html
* icon.png
3. Edit the manifest file:

{
"name": "My webs[......]

继续阅读

Read more...

jQuery does not load 3G iphone safari

Difficulty:

Today I found out a very strange thing… My jQuery Mobile website doesn’t work on iPhone Safari in 3G mode. In WIFI mode my page is fully loaded, and jQuery Mobile works fine.
I enabled debug messages on my iPhone. And then I found out that jquery.min.js gives me parse errors[......]

继续阅读

Read more...

Google Visualization API with Typo3 & FF3.6

Difficulty:

I noticed this bug: my Google Visualization Charts were not working in FF3.6
Strange enough it did work in all of the other browsers I tested (Chrome, FF4, IE7, IE8); deeping this problem down, I found out that Google Visualization Charts do work in FF3.6, but not when loaded from Typo3[......]

继续阅读

Read more...

Upgrading to Xcode 4 – No architectures error

Difficulty:
After upgrading to Xcode 4, I received the No architectures error:

[BEROR]No architectures to compile for (ONLY_ACTIVE_ARCH=YES, active arch=i386, VALID_ARCHS=armv6).

The problem is that you buildsettings were set to the wrong architecture. You are trying to load the app from an Intel[......]

继续阅读

Read more...

Chrome Safari Webkit only CSS hack

Difficulty:

Here’s an example how to target only webkit browsers:

		 input.search{
			color: red;
		}

		@media screen and (-webkit-min-device-pixel-ratio:0) {
			input.search{
 				color: green;
			}
		}

Read more...

Nice search field

Difficulty:

Advanced HTML5 search field with placeholder and fallback for the other browsers.
Styling with gradient + radius + image in field.
With JS logics: Search on input string and search on enter.

HTML:

<fieldset class="search"><div class="inputsearchgroup">
&[......]

继续阅读

Read more...

Config LinkedIN Javascript API for multiple environments (OTAP)

Difficulty:

This is a solution how you can configure the LinkedIN Javascript API for multiple environments. For example OTAP.

First register all environment API keys @ Linkedin:
https://www.linkedin.com/secure/developer
If you have a Local, Test and Live environment, you should add 3 new applicatio[......]

继续阅读

Read more...

Installing SASS + Compass for Windows & OS X

Difficulty:

It’s very easy to install Sass and Compass on your Mac. Sass is included with HAML.
To get SASS working, you’ll need an installation of Ruby. On your Mac this is already done.

On your Windows environment, you’ll need to install Ruby via the installer:
http://rubyinstal[......]

继续阅读

Read more...