Find JS Code Issues and Errors With JSLint

Posted by: Jennifer Zelazny | 0 Comments

Ever have a page not load properly in IE 7 but it loads fine – without error – with all other browsers? After you validate all your CSS/HTML and the error or funky behavior persists…and you have made sure your doctype is correct – what can you do? Validate your JS using JS Lint. What is JSLint? JSLint is a JavaScript program that looks for problems in JavaScript programs. It is a code quality tool. I just got done with some cross browser consulting (my favorite) – and one of the pages would not load properly in IE 7 due… Read More »

Read More

Jappler Recommends: jQuery TOOLS

Posted by: Jennifer Zelazny | 0 Comments

About a year or so back Demitrious shot me over a link to something he thought looked pretty slick: jQuery TOOLS. I took a quick look but never did anything else with it because I had my old standbys in place for most of what jQuery TOOLS offered (overlays, tabs, tooltips, etc). What does jQuery TOOLS offer? Tabs Tooltips Overlays Expose Scrollable Flashembed Last week I decided to finally step out of using what I normally used (Thickbox for overlays) and try something from jQuery TOOLS. One look at their demo and I was completely sold. The overlays were slick,… Read More »

Read More

Jappler Recommends: jQuery

Posted by: Jennifer Zelazny | 0 Comments

If you ever wanted to do something cool (slideshow, lightbox, accordion, pagination, table sorting, drop down menus etc) – please do yourself a favor and look at jQuery and all the great jQuery plugins that are available. About a year or two ago I really liked some of the different javascript libraries (YUI, prototype, etc) but over the last several months 99% of all my projects have required some sort of functionality that made me look at and then use jQuery. Why jQuery? Unlike some of the other libraries, jQuery is very lightweight and does not suffer from a lot… Read More »

Read More

Out With the Old, In With the New

Posted by: Jennifer Zelazny | 4 Comments

As you might have noticed – I took a week off from blogging in order to focus on something else – cleaning up Jappler.com. Over the past few months I have learned so much more about WordPress, web site optimization, and what I really used this web site for – so I decided I needed to take some time to redo this site. From a design perspective, I decided to darken the colors quite a bit in order to remove some of the drabness of the old design. I also added a background pattern to give some depth, and also… Read More »

Read More

jQuery + CSS + XHTML = Jappler Menus v2

Posted by: Jennifer Zelazny | 6 Comments

Previously – I introduced a nice way to create drop down menus using HTML (lists), Javascript (drop down), and CSS (styling of menu). I put all of this together and called it: Jappler Menus. (See previous post about Jappler Menus). Since writing that post – I have found a better, faster, cleaner way to work with drop down menus. I had originally seen some nice menus: http://help-developer.com and decided with some changes – that would be a much nicer way to work with menus. For this – I give you Jappler Menus version 2. Here is an example of Jappler… Read More »

Read More

Jappler Recommends: Lightview Plus WordPress Plugin

Posted by: Jennifer Zelazny | 2 Comments

I recently switched from using a gallery WordPress plugin called fGallery to something that is more elegant and updated: NextGen Gallery During this transition, I found a really cool lightbox-ish plugin called Lightview Plus which is more polished than your typical lightbox plugin. Example: You do not have to add in extra code to get the images to show up in the lightview – it automatically takes care of everything for you.

Read More

Add a "Pseudo" Pseudo Class Hover in Inline CSS.

Posted by: Jennifer Zelazny | 5 Comments

I have been busy this week with a few really cool projects – one of them to create a widget for any site that will show the latest news items from a RSS feed – while not limiting the widget to servers with PHP. After putting that together, I had to add inline CSS to style the feed output. Everything looked great but I could not figure out how to add a :hover to an inline style…until I realized I could fake it by adding some basic javascript: onmouseover and onmouseout to change the font color.

Read More