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.

jacobg830

Members
  • Joined

  • Last visited

Everything posted by jacobg830

  1. Design b seems to highlight the page content and navbar better, would personally choose that one.
  2. You need to create a gh-pages branch to host things on GitHub pages, then you can just head to username.github.io/repository to view your app.
  3. I personally use https://referrerspamblocker.com/ for my domains using GA. Works just as advertised and has blocked all spam for me
  4. Yep, the logo looks to be all good now I was on the desktop version of Firefox.
  5. The problem with W3Schools is that it's a magnet for beginners, but fails to deliver quality materials. With all these small inaccuracies and bad coding practices, beginners simply fail to see them and won't not know any better for the future. Their name also particularly annoys me, essentially piggybacking of the W3C and leading folk to believe they are affiliated. And yes, their certifications are the most laughable thing about them. Basically just a $100 quiz.
  6. You need to go to the HTML form page, fill it in and click submit. This should then take you to the handle_form.php. Visiting handle_form.php directly through http://localhost/handle_form.php means no data is being sent to it.
  7. Are you visiting handle_form.php without pressing the submit button on the form? Also, make sure caching in XAMPP is disabled. type="email" is valid HTML5, the browser checks the user has entered a valid email address.
  8. The title next to logo is displayed wrong in Firefox (wraps onto newline).
  9. Undefined index simply means PHP can't find a index (such as 'name' or 'email') in a array ($_REQUEST). It looks like no data is being passed to the page. Be sure you all your inputs on the form page have the correct name values. It should look something like this: <form action="handle_form.php" method="post"> <input type="text" name="name"> <input type="email" name="email"> <textarea name="comments"></textarea> <input type="submit"> </form>I would also swap out $_REQUEST with $_POST so the method is explicit, but what you've written is still perfectly valid.
  10. Changed since I looked at it last. Before he was using a well-customized template, now he's just using a bog standard one.
  11. I have to agree the site looks empty. Seems quite plain (which is not necessarily a bad thing) but shops should try to grab the user's attention, particularly to focus the users on the products. Scrolling on the homepage to see the first row of products seems like a bad idea to me. Flagship products and deals should have a prominent place there. I would perhaps move the login button to the top bar, it almost looks as if it's part of the copyright notice. The colour looks a bit mustard-y and dull, perhaps something a bit more vibrant? Shop page has too big a wall of text before showing the products. Perhaps move it below? Hope you find our comments useful.
  12. Well it's just a keyboard shortcut so it's just a faster alternative to finding the edge of your browser window (at least for me), and includes a couple other goodies such as a way to test JS touch events. As you say, you still need to test on the actual (or virtual) device for all of mobile Safari and Chrome's quirks. There can't be a replacement for that.
  13. Yes, absolutely! The common sizes are just presets, you can and should ensure a responsive website works correctly on any. I didn't mean to infer you should only test on a 320px screen
  14. You could also check out the Firefox and Chrome dev tools which have a "responsive design mode" that includes common sizes such as mobile/tablet portrait and landscape. Usually easier just resizing your borwser window though!
  15. I recommend Laravel's Homestead. Works brilliantly for me and although meant for use with Laravel, works with just about anything. Even includes common tools such as grunt, gulp and bower You can find instructions at https://laravel.com/docs/5.2/homestead.
  16. background-size: cover has issues on iOS devices, it uses body height rather than viewport height like desktops. Check out that known issues tabs at http://caniuse.com/#feat=background-img-opts I think you'll have to Google up some of the older alternatives to background-size: cover for getting full-page backgrounds on mobile.
  17. Imo, I like the dragon, gives a awesome Scandinavian feel to the website. The flames do look like wind though, the curves are too smooth/round to resemble fire. If you were to leave it in I would recommended redrawing it to look more fire-y.
  18. Might be worth adding Twitter metadata. You can read about it at https://dev.twitter.com/cards/overview I believe Twitter also reads some of your existing OpenGraph data, so not all the Twitter metadata is necessarily needed.
  19. Don't think you can get a faster browser than Lynx tbh But in all honesty, the marginal speed benefits of Firefox / Chrome / Edge is almost nothing. Just pick the one you prefer.
  20. I think it looks pretty awesome. Maybe make your social and email buttons more prominent, making it easier for folk to contact you. When clicking contact in the nav, it isn't obvious where your contact details are. For tablets, I would keep the logo beside the navbar, not on-top, as that would greatly help reduce space used. Nice to see a SVG being used for the logo
  21. You seem to be using many weights of font from Google Web Fonts. Perhaps only choose the ones you need as fonts are quite a heavy download. You also seem to have some duplicate fonts referenced.
  22. I've got to agree that Atom is a great alternative, especially with all the plugins available including emmet.
  23. You could also run a VM for testing if you're on another OS. Microsoft provides a number of IE VMs at https://dev.windows.com/en-us/microsoft-edge/tools/vms/. Might be a little heavyweight for just testing a couple of CSS properties though.
  24. Updates, not upgrades! So OS/browser updates are forced on Windows 10 users, unlike previous versions. I believe this does not apply to enterprise users of Windows 10 though.
  25. Anything JavaScript with old Internet Explorer was annoying, with some really obscure error messages. I think we'll be stuck with IE8 for a while yet, some organisations just aren't willing to upgrade until they absolutely have to. With forced updates in Windows 10 for Microsoft Edge, this shouldn't become such a big issue again, fingers crossed.

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.