Neji

Fantastic - thanks for the help, much appreciated!

Great, much easier that I originally thought it may be then! I assume that creating segments is just down to the person who uses GA? I don't need to add anything other than add the above code to enable it myself?

Hi, I've received an enquiry from a custom to track the clicks on a few links on their website using Google Analytics. They basically want to know when that click has been pressed and also by who so that they can track what kind of users are clicking those links etc. I've done a Google on this and run in to Event Tracking which all seems very straight forward, just a case of setting the link up as <a href="#" onClick="_gaq.push(['_trackEvent', 'Videos', 'Play', 'Baby\'s First Birthday']);">Play</a>. It seems like this shouldn't cause a real problem but I'm unclear as to how much data they can get from this? Can do match the clicks up to users and all the other things you can see through GA? Such as browser, location etc? I've never done anything like this with GA so want to be able to let my client know how it all works. Thanks for any help!

I'm looking for a jQuery/js plugin to enable me to easy make a slideout menu on my website. I need the following features: Lightweight Slideout Multi-level Fast (Probably needs to use CSS3 rather than jQuery for animations/transitions) That's about it - I've found a couple my favourite being http://mmenu.frebsite.nl/ but it's a little heavy on resources compared to some of the others I've seen. The functionality is basically perfect but I'd prefer something more lightweight. The others I've found are http://www.berriart.com/sidr/ and http://ascott1.github.io/bigSlide.js/ but they don't appear to support multi-level menus. Could anyone help me out with this one?

I have some code that I'm writing for a client and they're currently using Drupal 6 and jQuery 1.3.2 - I have no control over what jQuery they use and so I'm trying to write some code based on that assumption that it won't change any time soon. I've been re-writing the code and now have it working as far back as 1.4 but I've run in to a brick wall trying to get it to work on 1.3. I'm using FlatUI's radio buttons - original here (https://raw.github.com/designmodo/Flat-UI/master/js/flatui-radio.js) - I've already re-worked it but cannot find what's stopping it from triggering. I've setup a JSFiddle to demonstrate my problem. Everything is working okay apart from the age selection part where there should be checkboxes at the left of each age (13+, 14+ etc). As I've said, it works as far back as 1.4 and even looking through the jQuery docs, I can't find anything else that shouldn't work on 1.3. http://jsfiddle.net/dvw9F/ /* ============================================================= * flatui-radio.js v0.0.3 * ============================================================ */ (function ($) { 'use strict'; /* RADIO PUBLIC CLASS DEFINITION * ============================== */ var Radio = function (element, options) { this.init(element, options); }; Radio.prototype = { constructor: Radio, init: function (element, options) { var $el = this.$element = $(element); this.options = $.extend({}, $.fn.radio.defaults, options); $el.before(this.options.template); this.setState(); }, setState: function () { var $el = this.$element, $parent = $el.closest('.radio'); if ($el.attr('disabled') === true) { $parent.addClass('disabled'); } if ($el.attr('checked') === true) { $parent.addClass('checked'); } }, toggle: function () { var d = 'disabled', ch = 'checked', $el = this.$element, checked = false, $parent = $el.closest('.radio'), $parentWrap = $el.closest('form').length ? $el.closest('form') : $el.closest('body'), $elemGroup = $parentWrap.find(':radio[name="' + $el.attr('name') + '"]'), e = $.Event('toggle'); if ($el.attr(ch) === true) { checked = true; } $elemGroup.not($el).each(function () { var $el = $(this), $parent = $(this).closest('.radio'); if ($el.attr(d) !== true) { $parent.removeClass(ch) && $el.removeAttr(ch).trigger('change'); } }); if ($el.attr(d) !== true) { if (checked === false) { $parent.addClass(ch) && $el.attr(ch, true); } $el.trigger(e); if (true !== $el.attr(ch)) { $el.trigger('change'); } } }, setCheck: function (option) { var ch = 'checked', $el = this.$element, $parent = $el.closest('.radio'), checkAction = option === 'check' ? true : false, checked = false, $parentWrap = $el.closest('form').length ? $el.closest('form') : $el.closest('body'), $elemGroup = $parentWrap.find(':radio[name="' + $el.attr('name') + '"]'), e = $.Event(option); if ($el.attr(ch) === true) { checked = true; } $elemGroup.not($el).each(function () { var $el = $(this), $parent = $(this).closest('.radio'); $parent.removeClass(ch) && $el.removeAttr(ch); }); $parent[checkAction ? 'addClass' : 'removeClass'](ch) && checkAction ? $el.attr(ch, ch) : $el.removeAttr(ch); $el.trigger(e); if (checked !== $el.attr(ch)) { $el.trigger('change'); } } }; /* RADIO PLUGIN DEFINITION * ======================== */ var old = $.fn.radio; $.fn.radio = function (option) { return this.each(function () { var $this = $(this), data = $this.data('radio'), options = $.extend({}, $.fn.radio.defaults, $this.data(), typeof option === 'object' && option); if (!data) { $this.data('radio', (data = new Radio(this, options))); } if (option === 'toggle') { data.toggle(); } if (option === 'check' || option === 'uncheck') { data.setCheck(option); } else if (option) { data.setState(); } }); }; $.fn.radio.defaults = { template: '<span class="icons"><span class="first-icon fui-radio-unchecked"></span><span class="second-icon fui-radio-checked"></span></span>' }; /* RADIO NO CONFLICT * ================== */ $.fn.radio.noConflict = function () { $.fn.radio = old; return this; }; /* RADIO DATA-API * =============== */ $('.radio').live('click', '[data-toggle^=radio], .radio', function (e) { var $radio = $(e.target); if (e.target.tagName !== "A") { e && e.preventDefault() && e.stopPropagation(); if (!$radio.hasClass('radio')) { $radio = $radio.closest('.radio'); } $radio.find(':radio').radio('toggle'); } }); $(function () { $('[data-toggle="radio"]').each(function () { var $radio = $(this); $radio.radio(); }); }); }(jQuery));

Hi, I'm after a jQuery plugin (or pure js) that will let me easily create a menu on my site that acts like the Chrome address bar on mobile devices. It's also the same way that it works on this website. Basically, it sits at the top of the page but slides up when you scroll down. If you scroll up, it slides back down in to view. My jQuery is okay and I've written something that works but is a little bit buggy so I'm looking for a quick-fix for the short term. Does anyone know of a plugin that gives me this functionality? Thanks for any help!

I'm trying to create a section on a website using Wordpress that needs to show different posts based on the user's role (which needs to be a custom role). What's the best way of doing this? I don't mind using plugins or anything like that but the simplest way would be best. The site area just needs to see if the user is logged in (if not, just show the public posts), if they're staff, then show extra staff posts etc.

Hi, I'm not sure if this is really allowed in this (or any of the forums) here so forgive me if I'm breaking any rules and please go ahead and move/close this thread. Anyway, I'm looking to create a tutorial site that covers web design (think HTML5, CSS3, PHP, jQuery etc) - it's going to be a non-profit project and it's really driven by all the help I've gotten over the years from places such as this. In general the web dev community online is brilliant for anyone wanting to learn and I'm forever grateful. Now I'm in a position where I feel that I can give something back and I'm also looking for a kind of side-project to get my teeth stuck into as it were. So, why am I posting here? Well, it's not to advertise anything but rather I'm asking for help, to see if anyone would be interested in such a venture? I'm basically looking for tutorial writers that specialize in one or more of the topics I mentioned above. Whether it's guest posts to maybe get yourself a little advertisement or a more regular thing - the help would be really appreciated. I'm also looking for designers who may want to create templates etc for the coders to work with. For example, creating an HTML5 template which will be the focus of a 'how-to'. Obviously, you'll get links back etc to promote you and your work. The site will also have a 'community' feel to it - my hope is that if anything is wrong in a tutorial or could be better, our users and readers can submit a suggestion which will be taken into account and changed if it does indeed improve said tutorial. The ask is perhaps a long-shot but hey, you don't get if you don't ask and I really feel that it'd be nice to give something back to the community. If you're interested, have any feedback, ideas etc - I'd love to hear from you. You can PM me on here and then we can take it from there. Thanks for reading!

Thanks, think you're definitely right about the white-space, will increase that a little to let everything breathe.

Hi, I'm currently working on a project and wanted to get some feedback on the design - it's missing a little something at the moment so any suggestions would be good.

I did have that thought actually but don't really want to pay just to see how they're done I've found that Theme Forest have a free file of the month so I'll start there. Could you recommend any other marketplaces that do free files?

Hi, I'm planning to start creating HTML templates and offering them around the net, basically, I'm not really sure how to go about packaging it up. What to include etc. Although these will be free, I still want to package them professionally but have failed to find a good guide for doing so. So what should I be including? Any professional standard examples would be great as well. To get the ball rolling: Errors pages (404, 500 etc) Detailed documentation (ie guide to customization) Licensing What else am I missing? As I said, an example of a professional quality packaged HTML template would really be perfect here.

I've seen something similar (the name escapes me atm) but wanted to get a straight forward explanation so I can understand it. It's looking like my best bet is downloading Pimple or similar and looking at how they do it.

I'm learning about dependency injection in PHP to create an OOP application. I basically want to do the following: $config = new Config(); $db = new Database(); $html = new HTML(); $form = new Form($config, $db, $html); My problem is that I don't really want to pass through the 3 objects everytime I want to create a form. While I've been searching around for this I've been directed towards using a factory that will be responsible for creating the various objects. I'm planning on a factory that houses all my various classes that need dependencies, so it will have a method which will create a form, another which might create a product etc. As far as I can tell that will mean passing the factory around into other objects which again, I'm trying to avoid really if possible. So I was thinking that static methods (the only time I plan to use them) will allow me to just create the objects using factory around the whole application. Is this a good way to go about this or am I missing something totally obvious? Basically, I want to access a method from another class/object in the Form class but I don't want to have to pass this in every time. I don't really even want to pass in a factory. I guess I'm basically after a way to globally call classes and methods but without all my classes being static. Is the one static class sensible or is there something better?

I've had a couple of these and on both occassions got the job - in general as long as you're going for a job to match the level that you're at, then you shouldn't have a big problem. For the designer side, you'll basically be given a brief to design something for a company (probably fake or internal) - just read carefully what they give you, they'll probably give you guidelines, maybe colours or fonts etc so just make sure you stick to that. The development tests I've had were both for PHP - on both occassions I was given a small script with some errors that needed fixing, and they'll also give you a brief. In my last interview, for example, I was asked to create a small function to take a password, salt and encrypt it, then return that password. Simple stuff really but there's also usually a couple of taks/questions to try and trip you up. Don't sweat getting them wrong - they're usually there to see how you try to work things out - so even if you don't know the answer, jot down some workings or thoughts. It'll be much better than just guessing an answer and getting it wrong. Good luck!

I always ignore IE6, I've never had a project that has required it's use (well, recently anyway). I do however support IE7, it's got some quirks but if you're half decent with CSS, it takes a short amount of time to fix them. As said plenty of times, figure out your target audience. My job involves working with a large european company who are stuck on IE7 so it's needed and as I said, it's an easy browser to support. I don't spend too much time, if I'm using CSS3, I don't worry about a pretty fallback for IE7. Aslong as it looks the way it should, I'm happy enough to leave of those extra details that help modernise a website.

I've read a lot about RWD and it's time to start really learning it and the best way to go about it but I'm struggling to find really good tutorials on actually putting it in to practice. I've found a lot of articles talking about it but nothing that covers everything in terms of code so can anyone suggest the best books/tutorials/videos to get me going? I don't mind paying so any suggestions are welcome. Thanks!

I'm after a little advice, I'm coding a website and I'm not sure what the best thing to for SEO is regarding the title and alt tags. Now, I know that alt is required for images and I'll always use them. For images though, does the title tag have any bearing on SEO? Same question for links actually, I have some links where I don't want to tooltip to show up when it's hovered over. However, I'm a little weary about removing them if it impacts upon SEO. I'd rather my site is easy to find and have tooltips than no tooltips but hard to find. So what's the best course of action here?

I'm playing around with creating plugins for Wordpress and I've already got stumped! I'm using the Wordpress docs but not sure what I'm doing wrong. I'm simply trying to create a top-level-menu, which shows up fine but the sub menu item doesn't show up. I'm aware it's probably very very simple, but any help would be great. function example_page() { add_menu_page('Example Page', 'Example Plugin', 'add_users', 'example_page', 'output_example_page', plugins_url('myplugin/images/icon.png')); } function output_example_page() { echo 'Example Page'; } function subpage() { add_submenu_page( 'example_page', 'Sub Menu Example', 'Sub Page', 'add-users', 'subpage', 'output_subpage' ); } function output_subpage() { echo 'Subpage'; } // register new section add_action('admin_menu', 'example_page'); // register sub page add_action('admin_menu', 'subpage');

Makes perfect sense and so does the reasoning behind it. I'll inform my client, thanks for the help!

I think so, if I search for 'gaming', my website won't rank unless that word is in the document or backlinks? What will Google do in terms of the relationships that it picks up?

I have a quick question from a client about how keywords work on Google. Basically it relates to similar words. For example, say I have a gaming site. The words 'gamer', 'games', 'video games' appear on it but I want the site to show up if someone searches for gaming as well. Will Google do that or will it only use the words that it can find on the page? Thanks.

I'm starting to code a new design for a client and they want a jQuery slideshow that cycles through main features. I've always used plug-ins etc but I'm coding everything by hand this time around. My question relates to coding a slideshow for users who have js disabled. What is the best behaviour for this scenario? Do I just allow the images to be laid out side by side, hide the others but give them a scrollbar or is there some better way? Thanks.

Thanks, I'll have a look at those ones. Any more recommendations?

It definitely does, I like the point about stepping out of the business mindset. I get the impression that the client might want a bit more than they might actually get. I'll compare with what I have, should have plenty of considerations for them, thanks!