Posts Tagged ‘CSS’

Posted on May 21, 2009 - by ruby

Website Optimization Best Practices, speed up your website load

Once i have performance issue in a website project i am working at, and i have wasted hours of my time to fix it up both in the server-side and client-side, for future checklist i searched on web and found great list of best practices to speed up our web page load at yahoo developer network.

Below are the summary:
(more…)

Posted on March 12, 2009 - by webmaster

Typeface.js embed custom fonts with javascript

We have already known about the limitation of using custom fonts in our web design, and also there already some techniques to jump over the limitation.  SIFR which is using flash font embed technique and Facelift Image Replacement (FLIR) using PHP GD dynamic image capability may the most famous among them, but now Typeface.js comes with different solution.

Typeface.js uses browsers’s drawing capabilites to draw text in HTML documents (Firefox, Safari, and Opera support the element (as well as SVG), and IE supports VML).

The Typeface.js project has two components: the perl module for converting fonts, and the javascript library for drawing in the browser. The perl module extracts glyph outline information from truetype fonts and writes that data in JSON format. The javascript library then traverses the HTML document and renders text using or VML to draw the glyphs.

Posted on January 24, 2009 - by webmaster

Centering layout using CSS positioning & negative margin

Most developers using auto margin technique to create horizontally center CSS layout, by using this technique we simply specify the width of the content container and add CSS auto margin, and set the CSS text alignment of the parent element to center, but sometimes this technique does not come in handy.
(more…)

Posted on November 13, 2008 - by webmaster

Jquery Vertical Slide (Dropdown) Navigation

I have sometimes today to play around with jquery horizontal slide navigation (horizontal accordion navigation) (demo), I want to make it slide vertically, and here is what i have made.

Tested in FF3, Opera 9, IE 6, Safari 3. Dependencies: Jquery & Optional Jquery Easing Plugin.

(more…)

Posted on October 13, 2008 - by webmaster

Horizontal Slide Nav Using Jquery & CSS

Once i want to create icon based navigation with few lines text on it, but rather than to use tooltips i prefer to have show/hide effects, to hide the text and show it on mouse hover, and here is the result, like the effects? well just copy paste the snipet below, and you could customize it to match your taste and needs.
(more…)

Posted on September 5, 2008 - by webmaster

Typechart: browse web typography and grab CSS

Are you web designer, or web developer and you dont have a MAC ?, well this would be more interesting for you than anyone else.

Typechart lets you flip through, preview and compare web typography while retrieving the CSS

This is all about web typograhpy, within typechart you can easily compare and preview hows fonts rendered in both MAC & PC, and even Grab the CSS.

Interesting huh? check it out.

Posted on March 17, 2008 - by webmaster

Izzymenu CSS Menu Generator

Free CSS menu (site navigation) generator for your website, available with different predefined styles that you can choose and customize to get your own “tasty” CSS menu. Above are some samples of available styles.
(more…)

Posted on March 2, 2008 - by webmaster

Commenting tricks for CSS, Javascript, and PHP

Chris Heilmann posted a simple commenting trick at ajaxian, these tricks are so simple but usefull i myself never think about ‘em before. As a programmer nor a designer we often comment nor uncomment many lines of our code while testing it, rather than inserting and deleting the same lines (commeting tags) everytime we test it, we simply do these tricks:
(more…)

Posted on March 1, 2008 - by webmaster

JQuery Tutorial downloadable example jquery implementation for web designers

I got this coolstuff on web designer wall “A wall of design ideas, web trends, and tutorials.” by Nick La the owner of ndesign studio and co-founder of bestwebgallery, tutorial with downloadable source about 10 samples of jquery implementation for web designers featuring:

• Simple Slide Panel
• Simple Disappear Effect
• Chainable Effects
• Accordion
• Animated Hover
• Entire Block Clickable
• Collapsible Panels
• Imitate the WordPress Comment Management
• Image Replacement Gallery
• Link Type Styling

(more…)

Posted on December 20, 2007 - by webmaster

DOMAssistant 2.5 released – CSS selector support, new AJAX methods

DOMAssistant 2.5 released – CSS selector support, new AJAX methods

Robert Nyman has released the new version of DOMAssistant (DOMAssistant 2.5) with numbers of new features:

• CSS selector supportDOMAssistant now supports CSS 1, CSS 2 and CSS 3 selectors, we can get reference to the specific html elements that we need and modify their properties, behaviour or do something specific with them
• New AJAX methods: load and geton the previous version DOMAssistant has ajax call method “get” now robert added new method “load” which will automatically load the returned content from the given URL into the element, and added new capability on the existing ajax get method, now with ajax get method we can can also call directly on an element.
• each method to easily iterate over all elements returned from an element selection and then we can add functionality to those elements

What Robert says about this release

With this release of DOMAssistant, I feel that it can seriously compete with the major JavaScript libraries on the market. It has a very easy syntax to select or manipulate elements, and with the core functionality anyone needs, without having to worry about web browser differences, the compressed version with all modules included weighs in at a mere 6kb (Gzipped). If Gzipping isn’t an option for you, the compressed version lands at 21kb.

The focus of DOMAssistant as Robert state in his blog:

• Element selection (through CSS selectors or enhanced methods).
• CSS handling (adding and removing CSS classes).
• Event handling (adding and removing events).
• Content manipulation (add or remove elements).
• AJAX interaction (getting content from other sources, and adding it to the document).
• DOM loaded (calling functions when the DOM is loaded, as opposed to the document with all dependencies).

You can download free software of any category from the freeware sites, that maybe chat software or even the norton anti virus. If your drivers for wireless camera or wireless speakers is not working, you can get a compatible driver from these sites too. The efficacy of downloading of course depends on the host, and only reliable services like globat can truly serve this purpose.