Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Neji

Members
  • Joined

  • Last visited

  1. Fantastic - thanks for the help, much appreciated!
  2.    Neji reacted to a post in a topic: Tracking Clicks with Google Analytics
  3. 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?
  4. 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!
  5. 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?
  6. 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));
  7. 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!
  8. 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.
  9. 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!
  10. Thanks, think you're definitely right about the white-space, will increase that a little to let everything breathe.
  11. 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.
  12. 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?
  13. 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.
  14. 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.
  15. 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?
  16. Neji replied to connersz's topic in General Chat
    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!

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.