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.

andys

Members
  • Joined

  • Last visited

Everything posted by andys

  1. http://www.feedhumor.com/ Not really finished yet, still many more features I'm going to add in there. Some pretty cool features though, have a looksee! Sign up if you like, if you want to help me out perhaps do some sharing on facebook/twitter:) Cheers
  2. $(document).bind("scroll.myScroll", function () { var scrollTop = $(document).scrollTop(); masthead = $(".mast-head").outerHeight(); notef = $(".note-f").outerHeight(); frontcontainheight = $(".center").outerHeight(); //derivative variable abpos = (frontcontainheight / 2.1); sidebarwidth = $(".sidebarholder").width(); dataheight = $(".data-top").outerHeight(true); controlwidth = $(".loop-contain").outerWidth(); innerwidth = $(".front-contain").outerWidth(); //get side-contain width dynamically //derivative variable sidecon = (controlwidth - innerwidth); elem = $(".center"); paddingTopBottom = elem.innerHeight() - elem.height(); console.log (controlwidth); if ($(window).width() > 1200) { if (scrollTop > notef + dataheight + masthead - 50 + paddingTopBottom) { $('.side-contain').css({ position: "fixed", left: sidebarwidth + innerwidth, top: "50px", width: sidecon - "24" }); } if (scrollTop < notef + dataheight + masthead - 50 + paddingTopBottom) { $('.side-contain').css({ position: "relative", left: "", top: "", width: "" }); } if (scrollTop > abpos + masthead - 50 + paddingTopBottom) { $('.side-contain').css({ position: "absolute", left: innerwidth, top: abpos - notef, // if the scroll is more than half the height of front-contain then lock to that position, ie. the amount scroll of front-contain - 63px. width: sidecon - "24" }); } } else if ($(window).width() < 1200) { $('.side-contain').css({ position: "relative", left: "", top: "", width: "" }); } }); This code locks a sidebar to the top of the screen by adjusting it's position from relative - fixed - absolute depending on the scroll of the page. The problem I'm having is that when i resize the browser and the sidebar is in the position 'fixed' it obviously doesn't resize with the window. Is there a way to get the function to fire WHEN the window is resized? I've tried $(window).resize around the if functions but it doesn't seem to work.
  3. I have this first function that jiggers around the css of the sidebar depending on the scroll of the page, works great. $(document).ready(function () { // document ready if ( !! $('.sidebarholder').offset()) { // make sure element exists var stickyTop = $('.sidebarholder').offset().top - 50; // returns number $(window).scroll(function () { // scroll event var windowTop = $(window).scrollTop(); // returns number if (stickyTop < windowTop) { $('.sidebarholder').css({ position: 'fixed', top: 50 }); } else { $('.sidebarholder').css({ position: 'absolute', top: 650 }); } }); } }); The second function animates some divs depending on the scroll of the page, pretty self explanatory. $(window).scroll(function () { var scrollTop = $(window).scrollTop(), elementOffset = $('.side-contain').offset().top, distance = (elementOffset - scrollTop); if(distance < 200) { setTimeout(function () { $('div.sc-1').animate({ width: '100%' }, '2000'); $('div.sc-2').animate({ width: '90%' }, '2000'); $('div.sc-3').animate({ width: '80%' }, '2000'); $('div.sc-4').animate({ width: '70%' }, '2000'); $('div.sc-5').animate({ width: '60%' }, '2000'); $('div.sc-6').animate({ width: '50%' }, '2000'); $('div.sc-7').animate({ width: '40%' }, '2000'); $('div.sc-8').animate({ width: '30%' }, '2000'); $('div.sc-9').animate({ width: '20%' }, '2000'); $('div.sc-10').animate({ width: '10%' }, '2000'); }, 400); } }); The problem is, the second one appears to stop the first one from functioning and I can't figure out why, I think it's something to do with the $(window).scroll(function () {. Is there any reason why I can't use $(window).scroll(function () twice? It's two completely separate functions, it'd be like not being able to use .click (function (); more than once!
  4. So I have my admin bar hidden by default, because it's ugly, instead of writing a bunch of if statements so certain elements to the WP-admin panel only appear for logged in users, so far so good. The one I'm having trouble with is the 'all posts' screen, the url is wp-admin/edit.php, yet that gives me a 404 error. This works, takes the user to the new post screen. <?php global $user_login; get_currentuserinfo(); if ($user_login) : ?> <div class="sectionblocktwo"> <div class="writeurl"> <a href="/wp-admin/post-new.php">Write</a> </div> <!-- end div loginurl --> </div><!-- end div sectionblocktwo --> <?php endif; ?> This does not work. This only fails to work when on the single.php, since it's an looking for the url sitename.com/single-post-name/wp-admin/edit.php, the other links work fine on single pages. <?php global $user_login; get_currentuserinfo(); if ($user_login) : ?> <div class="sectionblocktwo"> <div class="loginurl"> <a href="wp-admin/edit.php">My Posts</a> </div> <!-- end div loginurl --> </div><!-- end div sectionblocktwo --> <?php endif; ?> Is there some php code or something I can use to link to the all posts part of the dashboard?
  5. I can't find work. I must of replied to about 100 gumtree ads, asked around everyone I know, got friends to ask around, tried elance, freelancer etc et al and I just cannot get any client work. Maybe I'm just not very good or maybe it's the economy or I really really don't know, but at this point I can't ever see myself making a career out of doing web design. I mean even on elance, if I did take jobs there I'd basically be doing what amounts to working for food, since indians can just come in and offer 1/5 of the price and probably live like kings on it in their country. Reading twitter and lots of blogs it boggles the mind that people are actually making money doing this stuff, all they seem to do is attend conferences and talk about design stuff, their own portfolios are pretty light. I mean is this just a bunch of hipsters living off trust funds or something? wtf? The place where I work doing computer repairs etc will probably close down sooner or later (probably this year) and I'm going to be in a pretty tight spot if I can't start finding real design work and a steady stream of clients. I guess now I know what it feels like to be in that 10% of people with a fairly unique skill that can't find a job and I really don't know who or what to blame for it, I'm honestly feeling pretty bloody depressed just now.
  6. Thanks for the analysis, yeah I know it's slow for some reason, I'm talking to my host at the moment. To be honest I have no idea why it's slow really, the site is pretty light in terms of http requests and media and it's certainly not complicated. Can you take a screenshot? Grid systems are a pointless waste of time in my opinion, just make your own elements.
  7. NOTE:- this isn't 'finished' in the strictest sense, I just wanted to get something out there then iterate on that. I've been sort of wrestling with this for a while now, I just cannot satisfy myself when designing my own website. But alas, i finally managed to just power through and get a my site done (though it's not really 'finished' and probably never will be). Why is designing for yourself so damn hard? http://www.andrewsmorris.co.uk I sort of spent a few months learning wordpress, from scratch, and quite a lot of php, which I wasn't great at before(and still aren't really). I designed all of this myself, I didn't even use a blank theme, just a css reset. Not cutting corners now and learning the entirety of what WordPress is and can do as a CMS I seen as quite beneficial and worth the effort. I intend to use it going forward now for client sites etc. Anyway, fire away folks.
  8. I got it up to the magic number of 1721, then I could neither vote it further up nor down.
  9. You do understand Google images is just of any and every website online and you'll very likely be breaking copyright by using images from it, right? Be careful with that, some companies are absolutely SAVAGE when it comes to that.
  10. andys replied to taffam's topic in General Chat
    You give some of the best advice on this forum, great post. Subbed to your newsletter.
  11. The snobby design elite are always banging on about how bad skeuomorphism is and how you should never ever EVER use it. I think it looks fine and your site looks great. I like both of them actually, who cares what the Starbucks pseudo intellectuals say?
  12. Anyone can get weather info from their smartphone or one of the thousands of weather sites, why would they come to your site? If they do, it's only by chance and they'll leave pretty fast when they see it. It's a terrible site, just get a new one. And don't expect anyone here to do free work. I'm fed up with people coming on here asking for free stuff, like those gumtree ads that always say 'great job for student or computer wizz kid'. Yeah, because we can wield these technologies we'll work for a pat on the head, right?
  13. It's those little white stick men that do it, I swear.
  14. Stop using those stupid stock pictures of the little white men, they're synonymous with terrible indian spammer sites.
  15. Yet another post asking us to review a wordpress theme that you've clicked install on. It's not your design, it's from themeforest and it's called View:R theme. If you want my take on the theme, it looks like every other WP theme, content area and sidebar. At least you chose one with an adaptive layout I guess.
  16. Warning: mysql_query() [function.mysql-query]: Can't connect to local MySQL server through socket '/var/lib/mysql/mysql.sock' (2) in/home/content/15/10262615/html/includes/products.php on line 7 Warning: mysql_query() [function.mysql-query]: A link to the server could not be established in/home/content/15/10262615/html/includes/products.php on line 7 Query Failed: Can't connect to local MySQL server through socket '/var/lib/mysql/mysql.sock' (2)
  17. You didn't 'make' your portfolio website, you clicked install on a wordpress theme called 'Portfolio-press'. I just can't understand why people keep coming on here, asking for reviews of 'their' websites when it's just wordpress theme's they've installed? Maybe I'd understand if there was lots of content on there, but there isn't. WHAT EXACTLY IS ACHIEVED BY IT?
  18. It's broken, when you resize it has scrollbars at the bottom and some elements are off the viewport. I don't understand why people can't test as they build these things.
  19. They didn't always want to protect their tweets, not until this thread happened...
  20. Looks better, but you should really prettify it a little. Perhaps use images along with the story titles?
  21. Don't browsers cache stuff anyway? I don't really see the point of it if it's dynamic, could be serving old versions of the site to people.

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.