Use Any Font in Webpages As Text
Jan 23, 2009 Advanced, Javascript, Tricks, fonts
Now using javascript we can use any font in web page by using techniques such as Typeface and Facelift Image Replacement (or FLIR) or sIFR. sIFR needs flash while others do not. sIFR is for smoothness look of fonts.
Instead of creating images or using flash just to show your site’s graphic text in the font you want, you can use typeface.js and write in plain HTML and CSS and get original smooth font look whatever you specify, even if the user machine have not those fonts. This technique is limited yet with limited fonts support and also it is recommended to use it for title of headings of web page. All the font at the web page using this technique can heavy things up at server and page might load very slow. Even then it is cool. Type face is easy, flexible and open source.
Tags: essential, facelift, fonts, HTML, Javascript, js, open source, Resources, smoothness, style, text, Tricks, typeface
Javascript Essentials Part 6
Nov 3, 2008 Essentials, Javascript
We shall discuss the following important issues relating to javascript.
- Mouseover mouseout changes and Theme change
- Change Link Color (Text change, Color change, both change)
- Color Switch by css (background change)
- Theme switch by css - Image Galleries
- CJ motion gallery – left right mouse over scroll
- Oncliking link image changes with fade in out – gallery (Captions & Image Transitions)
- Compact Gallery
- One popup for all images (Displaying changing images.)
- One popup for all images (Displaying changing images and captions - More Form Effects
- Form field highlight on focus
- Form Field Select
- Form field counter
- Data appears or disappears on click and focus out
Tags: essential, Javascript, most wanted, scripts
Javascript Essentials Part 5
Nov 2, 2008 Essentials, Javascript
Talk about form controls via Javascript. I have been hunting down js control over forms from the day I started web development. I love the control over programming and its essential too. Here in this javascript essentials part I will share with you some essential form controls.
- Accept Terms & Go
- Advanced Email Address Validator
- Auto Drop Down List – Select from drop down and list updates accordingly
- Auto Month DropDown with Date and Year
- Auto Phone Number Format
- Auto Tab
- Character Counter
- Check Un-check all from check boxes
- Check Un-check all 2
- Characters Disallow
- Preview Image While Uploading
- Submit Once
Pages: 1 2 3 4 5 6 7 8 9 10 11
Tags: essential, Javascript, most wanted, scripts
Javascript Essentials Part 4
Nov 2, 2008 Essentials, Javascript
We will cover following essentials of javascript in this area.
- TOOLTIPS
- Moving Tooltips
- Hint Tooltip
- Fade in out Tooltip
- Regular Tooltip - DATE & TIME
- Regular Time & Date Full Script (Live)
- Date Script (Month, Date, Year)
- Time Script (Time(Hour,minutes,second), AM:PM) – Live - Rotation
- Image Rotation (Page Reload or Refresh Based)
- Text Rotation (Page Reload or Refresh Based)
- Image Rotation (Daily)
- Image Rotation (After some seconds) – Appear
- Image Rotation (After some seconds) – Fade in out - Form Validation
- By Simple Body and Head Section Script Method
- By External js Validator File - Scrollers (marquee and advanced)
- Scroll Control by an external js File
- Simple Scroll
- Continuous Scroll - Text and Image Loading
- Loading by text (till all page loads)
- Loading by image
Tags: essential, Javascript, most wanted, scripts
Javascript Essentials Part 3
Nov 1, 2008 Essentials, Javascript
I have selected some very very essential scripts based on javascript which are widely and mostly used in everyday website. I have been also using these for years and it seems like these will never get old and will be always wanted by web developers. I started a series of Javascript Essentials and this is the third episode regarding that. Hope everybody will find these extremely useful.
I will answer to the following most wanted requirements in javascript here:
- Tab Content Script – Switching Menu Like Yahoo
- External JS Switcher
- Jump Menu Switching
(Radio buttons select and jump menu content changes) - Right Click Menu-IE5.5+
- Featureless Window – Pop up window with custom properties
- Button Pop-Up
- Pop-Up – Body Based
- Pop-Up Using Head and Body of Web page
- Pop-Up window maker
- Pop-Up Box – On Load – Cross Browser
- Focus (Window Focus)
- Jump to Top Sliding Scrolling Button
Tags: essential, Javascript, most wanted, scripts
Javascript Essentials Part 2
Nov 1, 2008 Essentials, Javascript
In Javascript Essential Part-2 we will cover following tasks.
- Page Fit to Screen
- No Right Click (no alert)
- No Right Click with alert
- No Right Click on Images
- Disable Image Toolbar script
- Count Down (Live)
- Count Up (Live) FF1+ IE5+ Opr7+
- Scroll bar color – 16-A- Left Scroll bar
- No Scroll bar
- Auto Page Reloaded-Auto Refresh – Meta tag based – Button based -Live Refresh with countdown
- Dynamically Re sized Iframe – Auto Re sizable Iframe (IE5+/NS6)
- Switch content -Tabbed content – FF1+ IE5+ Opr7+
- Special content switching with div
- Switch content 2 – FF1+ IE5+
Tags: essential, Javascript, list, most wanted, scripts