Wednesday, September 08, 2010
Joomla Development Lab And Code Testing
Tuesday, 25 May 2010 03:29 Written by NineVeh Coding
Please Vote
(0 votes)
CSS opacity has been a bit of a trendy technique for a few years now, and it’s been especially frustrating for developers trying to implement opacity (also referred to as CSS transparency) in a cross-browser fashion, because it’s taken a while for the different browsers to finally agree on settings. There is still not a universal method to ensure opacity settings work on all currently-used browsers, but things have improved in the last little while.

Old Opacity Settings

Here are the old opacity settings that were required for older versions of Firefox and Safari:

#myElement {
     -khtml-opacity: .5;
     -moz-opacity: .5;
}

Views: 211

Saturday, 22 May 2010 13:22 Written by NineVeh Coding
Please Vote
(0 votes)
htmLawed is a highly customizable single-file PHP script to make text secure, and standard- and admin policy-compliant for use in the body of HTML 4, XHTML 1 or 1.1, or generic XML documents. It is thus a configurable input (X)HTML filter, processor, purifier, sanitizer, beautifier, etc., and an alternative to the HTMLTidy application.

The lawing in of input text is needed to ensure that HTML code in the text is standard-compliant, does not introduce security vulnerabilities, and does not break the aesthetics, design or layout of web-pages. htmLawed tries to do this by, for example, making HTML well-formed with balanced and properly nested tags, neutralizing code that may be used for cross-site scripting (XSS) attacks, and allowing only specified HTML elements/tags and attributes.

Example uses

  • make HTML markup in text secure and standard-compliant
  • process text for use in HTML, XHTML or XML documents
  • restrict HTML elements, attributes or URL protocols using black- or white-lists
  • balance tags, check element nesting, transform deprecated attributes and tags, make relative URLs absolute, etc.
  • fast, highly customizable, well-documented
  • single, 47 kb file
  • simple HTML Tidy alternative
  • free and licensed under LGPL
  • use to filter, secure & sanitize HTML in blog comments or forum posts, generate XML-compatible feed items from web-page excerpts, convert HTML to XHTML, pretty-print HTML, scrape web-pages, reduce spam, remove XSS code, etc.
Saturday, 22 May 2010 12:58 Written by NineVeh Coding
Please Vote
(0 votes)
Here is EditArea, a free javascript editor for source code. (That is no way a WYSIWYG editor).

This editor is designed to edit souce code files in a textarea. The main goal is to allow text formatting, search and replace and real-time syntax highlight (for not too heavy text).

This editor is free and freely distributable (released under LGPL, Apche and BSD licenses). All I ask is that I receive credit for my work. I will also enjoy to receive mail to tell me if you 're using it, just in order to have an idea of how much this editor is used. ;-)

Current limitations

  • automatic focus on the textarea on page load.
  • can be slow when editing huge files (javascript is not a fast language).
  • only on syntax language at the same time (no html and php syntax highlight at the same time).
Saturday, 22 May 2010 12:35 Written by NineVeh Coding
Please Vote
(0 votes)

CodeMirror is a JavaScript library that can be used to create a relatively pleasant editor interface for code-like content ― computer programs, HTML markup, and similar. If a parser has been written for the language you are editing (see below for a list of supported languages), the code will be coloured, and the editor will help you with indentation.

Supported browsers

At this time, the following browsers are supported:

  • Firefox 1.5 or higher
  • Internet Explorer 6 or higher
  • Safari 3 or higher
  • Opera 9.52 or higher
  • Chrome

Making it work on other browsers that have decent support for the W3C DOM model should not be too hard, but I am not actively testing against those.

Saturday, 22 May 2010 11:03 Written by NineVeh Coding
Please Vote
(0 votes)

While I was searching for Javascript info i came across this menu that Janko made a copy of the top navigation implemented on Vimeo.com. I will add-on to the features and add to the new templates for JomVideo Media Content Kit. For now its a primer so i can find it easy and update it when i am ready.

What I like the most is the menu that drops down when you hover search box. It offers you different search options that you can choose and narrow your search.

As you can see we have UL with four items. The first one is logo with short submenu. Then comes login link, Help link with submenu and search item with submenu. Each submenu is being shown when hover corresponding link.

Views: 158

Saturday, 22 May 2010 03:01 Written by NineVeh Coding
Please Vote
(0 votes)

What is CurvyCorners?

A free JavaScript library for creating gorgeous rounded corners for HTML block elements i.e. DIVs. Supports anti-aliasing, borders and background images.

Why use CurvyCorners?

CurvyCorners is designed to fill a gap in modern browser support for rounded corners on block elements while we wait for CSS3 to be finalised and supported by all browsers. Currently Firefox, Safari and Chrome have limited support for the proposed CSS3 border-radius selector.

Will CurvyCorners use native border-radius if available?

Yes! CurvyCorners only does its magic on browsers that don't have CSS3 border-radius support, namely IE and Opera. This is good solutions to achieve round corners in Internet Explorer since it does not support the CSS code to achieve this.