Archive for the 'jquery' Category

Current Project: Apress book on jQuery

I’ve been mentioning here over the past several months that I’d like to start working on some jQuery tutorials, however, with the time involved in other projects for clients, and personal, I seem to have put them off to the point that those tutorials were never brought to fruition.

A couple of weeks back, I was contacted by Apress on the possibility of authoring a book on the topic of jQuery. I was taken aback by being approached rather than simply submitting a proposal myself, which I’ve always considered. I always thought it’d be great to publish a tech book. I spend so much of my time at Barnes & Noble, or Borders, rifling through the shelves for a new book that I can’t live without on varying topics such as PHP, MySQL, jQuery, Photoshop, Software Development in general, and basically what might appear to be of interest at the time. Many of the titles I have bought over the last decade have either greatly impressed me, or greatly disappointed me.  So many times when reading through some explanation/tutorial on a topic I would consider to myself, what was this guy thinking? Has he ever even used this programming language, or something upon those lines. I never felt the need though to spend to much time preparing a long outline or proposal to submit unsolicited to a publishing company to take my own chance. Maybe even a fear of rejection, and them saying something like the thoughts I just mentioned above.

However, after working through some initial issues on a proper jQuery topic that would suit both my creative desire, and my technical knowledge, a 7 page, 19 chapter outline was in place, and submitted along with my proposal information. To my surprise, and joy it was accepted, and I now have the go ahead to start work on the title. I’m intentionally omitting most of the details of the book including proposed title and topics for the time being until I’m a little more comfortable with the contractual details with Apress, and hey… if I gave out all the information too soon, someone else might try to write it before I get finished!!

I’m excited as can be though on the possibilities that this type of work presents. Not only can I have the potential to have my name/company associated with a published work on the topic of jQuery, but this could also be a HUGE boon to my own web development success, and help present future work from larger and larger clients.

Not sure how this may affect my blogging, but I doubt it could adversely affect it since I’ve been writing so little to begin with. It could come to be though that my blog now might have some value for me to output some of my creative roadblocks, direction on topics, or who knows… I could end up being so busy just trying to complete the manuscript that I never make it back here! I’ll hope for now that’s not the case, but we’ll just have to see how it goes.

 

Current Project: CMDR Pro

I’ve been battling for a few weeks now up to my ears in building a new CMS for both my personal use, for my own clients, and for an alternative option for my current 9-5 design shop.

I’ve finally got to the point where I’m about 80% complete with the core backend features. The CMS backend is completely powered by jQuery & PHP, with zero new page loads, which is my first real attempt at what has become the evolution of web applications.

I’m expecting to have most of the backend features completed in the next week or two, and then be able to finish integrating the theme engine (Smarty) on the front end along with features to tie into the backend.

This has really been taking my time as it’s been a project at work that required a custom backend, and also spending about all my spare time adding in features, and customizing the jQuery interaction which was outside the scope of the project for the client, and required my own personal time to give it that “extra touch”.

Since the himpressive theme was lost, and is only partially put back together so far in photoshop, it’s falling further and further to the back burner for the moment as I’m forced to finish this CMS, and then I will be doing a redesign of my corporate site for Denver Web Development and integrate it into cmdr pro.

I hope to have it wrapped up, and be back on the grid shortly. Patience is the key to success.

 

Busy with jQuery

I’ve been really busy the last few weeks getting my head fully around jQuery, and all the magical things it can do.  I will hope to start writing a little more often, and start into some nice jQuery tutorials for the beginning jQuery user.

I’m currently working on 1 personal project that will use jQuery 100% on front-end page/content loading, and also am putting together a custom CMS where the backend is 100% jQuery functionality and loading, so I’ll have a fair amount of experience after these two are done or even just a little further along.

 

jQuery 1.1.4 Released

I was pleasantly surprised to find that a new version of jQuery has been released.  I was cruising around the site to see if 1.2 had been released yet since I had seen a post somewhere that hinted at late August for the release of 1.2. However, it looks like 1.1.4 is the last iteration of the 1.1 line of jQuery, and just with a quick glance, the current 1.1.4 has some fantastic new code that speeds the hell out of the process. I’m going to download, and get it put on here shortly to see how it goes. If the calls are as much quicker as their chart describes, the Himpressive theme I’m working on should work considerably better with the improved speeds. I will consider installing an alternate version of the Himpressive theme for benchmarking purposes that uses the 1.1.3 version, and either the 1.1.4, or 1.2 version depending on when I can actually get a proper version ready for public release.

Check out and download the latest jQuery version at: jquery.com

 

Theme Update: Announcing Himpressive

After quite a bit of work on my idea for design layout and concept, I’ve got most of the ideas in my head that I want to incorporate into what I “think” will be a great Wordpress theme. It will be known henceforth as: Himpressive.

Continue reading ‘Theme Update: Announcing Himpressive’

 

Thought Process: jQuery Elements…

After doing a little more thinking on the theme I’m going to slap together, I realized that although I really like the K2 interface, it isn’t what I want to base the code on that I use for this theme… After running into lots of problems integrating some jQuery elements after using the K2 theme which is using the prototype library & scriptaculous.

Continue reading ‘Thought Process: jQuery Elements…’

 

Browser Buster - Alpha Layer Tranparency…

When I first began this project to create my blog, I didn’t have a real direction to know if there was any particular feature/design challenges that I was hoping to learn, or implement. It became clear after just a couple of hours in Photoshop that I had a layout that could potentially get some nice reviews… but the longer I played with the layout, the more transparent things became…

I’ve used alpha layer transparency for some time now, especially with content images, or icons so that regardless of style changes, the background would show through appropriately, and not have a jagged white edge like the GIF images of the past. So this had become a large part of my implementations on many sites, however, I had yet to really test out the alpha layer transparency in the PNG images, and see how far I could push the envelope with it.So after a few hours of putting the layout together, it was clear to me that everything on the site was going to reflect some sort of transparency. This really began with the background images that were from istockphoto. I spent a little time customizing them, and was very satisfied, and didn’t want to hide a majority of it from users on a normal resolution like 1024×768.In my original Photoshop file, there were still some non-transparent items, but I planned on implementing those sections during the skinning process on Wordpress.

After getting the main body background skinned, the content container, and the menu bar, it had already become apparent that there were going to be issues with the browsers that I’m not used to dealing with. I have been working for the last 2 years very diligently to correct bad coding habits, concentrate on accessible code, and perfecting my layouts cross-browser. Being a programmer, design and proper html/css coding was never my main focus until I felt I had plateaued in my PHP abilities, and decided to concentrate on the design aspects of the projects I worked on. This was always a challenge, and a learning experience to say the least… but I had never had a site actually pushed the limits of a browsers capability to render the content.

To cut to the meat of this, of the current 3 browsers I will test with (Safari for Windows, Firefox, and IE7) on my projects, in this situation, Firefox performs the very worst, with Safari being the browser champ excluding a oddity with jQuery that I have yet to investigate further. The fact that Firefox has the worst rendering of the alpha layer blows my mind, simply for the fact, it was the first browser that got me excited about that feature, and at the time, I hated that it didn’t work in IE6, and was so on the Firefox bandwagon that it was disgusting.

The Browser Buster Results:

Firefox:Firefox has actually had the most glaring problem of all the browsers when handling the alpha layer, despite the fact, it was the first browser that I began using the feature for, and cursed Microsoft for not properly handling it at the time.When in Firefox, the layout is perfect, however, if you grab your vertical scrollbar, and quickly scroll up and down on any of the pages, you will see sections of the page/site that aren’t moving at the same speed as the other elements on page, so the layout becomes quite choppy when scrolling. Using the wheel on your mouse will also duplicate this problem. This seems like a horrible rendering of the alpha layer when spread across any sizable layout piece.


Internet Explorer 7:Surprisingly enough, Internet Explorer handles both the layout and alpha layer transparency very well. If I were an IE user, I would have been very satisfied with the results developing right in IE7.



Safari 3 Beta:Safari, which I’ve only had installed on my Vista system for about a month now, turns out the be the be all, end all rendering of the front end of this site. The smooth fonts in Safari are enough alone to make the switch, but the scrolling of the alpha layer that is seen in Firefox is not noticed here at all, and it seems the alpha layers that are stacking are all held in place with each other when scrolling, never revealing any choppy scrolling.This seemed funnies to me, since it was my understanding that Firefox and Safari both used the same engine or something like that.



In the odd case someone is using IE6 to view this site, it will not work. If you are still using IE6, please join the 21st century, and download the free IE update to IE7, or download one of the free browsers like Firefox or Safari that will greatly enhance your browsing experience. Many design firms are throwing away compatibility with IE6 in order that they may move their designs to more advanced layouts & techniques that are NOT handled by IE6 worth a flipping damn…

 

jQuery + Prototype + Scriptaculous + K2 working together…

Okay, so after some digging, and reading over some of the jQuery documentation, I found my solution to the problem of my jQuery code breaking the search and ajax archive feature that are built into the K2 theme that I have used as my base for this project.
Continue reading ‘jQuery + Prototype + Scriptaculous + K2 working together…’