Web Development - WAYWO - #8

[galimatias]

Had to make a minesweeper clone in js for my programming class.

[img]https://dl.dropboxusercontent.com/u/10492850/things/sweeper.png[/img]

I don't know why I made it look like this but it was fun.

[Rubat]

[IMG]http://i.imgur.com/leLS5rJ.png[/IMG]

[IMG]http://i.imgur.com/RlZRUXN.png[/IMG]

Continuing my extension, added "Resource Redirection" thing, which is essentially automated version of this:

chrome.webRequest.onBeforeRequest.addListener( function( details ) {
    if ( links[ details.url ] ) {
        return { redirectUrl: links[ details.url ] };
    }
}, { urls: ["*://*/*"] }, ["blocking"] );

So I don't have to reload my extension every time I need to redirect an url.

This is useful to override js and css files on live websites.

[Maqtiah]

[QUOTE=Mega1mpact;46216116]use [URL="http://purecss.io"]pure css[/URL][/QUOTE]

[URL="http://semantic-ui.com/"]semantic[/URL] is nice too

[Coment]

[QUOTE=Moofy;46224147][URL="http://semantic-ui.com/"]semantic[/URL] is nice too[/QUOTE]

I like this one specially because it remembers what is a gradient, something that has been forgotten since Metro.

[Maqtiah]

[QUOTE=Coment;46224262]I like this one specially because it remembers what is a gradient, something that has been forgotten since Metro.[/QUOTE]

I like it because the markup is super simple and you get some sexy things with it, a great alternative to something like Bootstrap

[kibble]

semantic is awesome and so much more flexible than bootstrap i love it

[wauterboi]

[QUOTE=PortalGod;46221993][img]http://i.imgur.com/LWiFS11.png[/img]

:([/QUOTE]
I'm not talking about your stuff, specifically, and earlier in the conversation I told you that I dislike "custom" scrolling. (I feel stupid for using the term "custom" because there's probably a better word.

Your website is functional and very eye-appealing to the new standards that web designers are starting to abide to, and it seemed like you were going to roll with that mentality, so I tried to judge your website from that viewpoint. I have different standards.

I think anything that further separates itself from the general workflow of how websites and software works needs serious justification. I hate this the most about computers - application designers are what make computers so god damn intimidating to people who aren't tech-saavy and slower for experts. Even Microsoft's own applications are inconsistent between each other. (and I'm talking pre-Metro)

When I'm making a website, I'm thinking completely about how making stuff simple for the end-user. That's not to say I'm perfect, but I'm always thinking, "How can I make it easy for someone like my mother to get from point A to point B in as few clicks and as little thought as possible?" The best way to do that is to make my website feel as familiar as possible while only deviating when it's absolutely important.

I'm not really a professional designer or anything, so perhaps I don't have the qualifications to speak on this topic - I'm really only speaking out of my experience and watching the struggles of other people.

[t]https://dl.dropboxusercontent.com/u/965202/ShareX/2014-10/andrewault.menewdemo%232_-_Google_Chrome_2014-10-13_20-28-41.jpg[/t]

I know you're filling up the pages as you go along, but I fail to see why changing the way scrolling works benefits your portfolio. It isn't an absolute terror for anyone, really, but I just see it as unnecessary.

I also feel like after a certain width the menu should be opened anyway. That's what initially got the good response from me in your earlier version - the navigation bar was always open and navigating like that wasn't bad for a PC user. I already had the expectation of looking for the navigation bar and I didn't have to load multiple pages! It was neato. But now you've hidden everything into the menu, and I'm not looking for a small button - I'm looking for a bar of text or graphics that gets me around the website.

Oh, and the video I sent him because it is extremely important in understanding the conversation:

[video=youtube;ZBwXHqUJ0fQ]http://www.youtube.com/watch?v=ZBwXHqUJ0fQ[/video]

[Maqtiah]

[QUOTE=wauterboi;46228095]wall of text[/QUOTE]

I think you're kinda going back and forth by saying this:

[QUOTE=wauterboi]How can I make it easy for someone like my mother to get from point A to point B in as few clicks and as little thought as possible?[/QUOTE]

Because if his website automatically scrolls with a slight touch, then how can it be easier? It's literally taking you from A to B with no thoughts what so ever. An about website should consist of how you would want to present yourself. If he likes the way the scrolling works then it should probably stay. And it doesn't look bad at all, it's "unique" (well, not entirely since a lot use it these days) - but different from just normal scrolling.

[Flak]

[QUOTE=wauterboi;46228095]I also feel like after a certain width the menu should be opened anyway. That's what initially got the good response from me in your earlier version - the navigation bar was always open and navigating like that wasn't bad for a PC user. I already had the expectation of looking for the navigation bar and I didn't have to load multiple pages! It was neato. But now you've hidden everything into the menu, and I'm not looking for a small button - I'm looking for a bar of text or graphics that gets me around the website.[/QUOTE]
Of everything you said I feel this is the most relevant: after a certain screen width you should have the menu open unless the user explicitly closes it. Much more intuitive for PC users.

The scroll system works well enough on my tablet but on my PC it's weird: it's not very responsive to my scroll wheel, which feels counter-intuitive.

[Reagy]

[QUOTE=Moofy;46224318]I like it because the markup is super simple and you get some sexy things with it, a great alternative to something like Bootstrap[/QUOTE]

That and bootstrap is extremely heavy now that you think about it, they insist on keep adding stuff to it and making more and more silly optional features while forgetting about others. Nevermind the fact they push in a massive amount of bloat into their JS that they insist you have even if you just want the CSS.
Then you can go on about how with bootstrap their whole framework system causes a lookalike effect because its hardly flexible in sense, they force you into this very rigid form which causes you to end up writing your own stuff to break out and make some unique features.

You end up fighting more with bootstrap then what it can help you with, but in a way it wont stop people using it, especially when you end up starting with it and it's too late to change away from it in the project.

[kragmars102]

So, I haven't posted here in a while and I've just been lurking. I've been approached a few months ago to work on an interesting project. The idea, moral, story, and intentions behind the app is quite interesting. I (we) would love if you guys were to check it out. Sadly There is currently only an Android version, we are planning on changing this soon however.

If you were to find any bugs I'd love if you were to PM them to me :)

[IMG]http://i.imgur.com/kNLJWck.jpg[/IMG]

You can download it on the PlayStore: [url]http://goo.gl/jX49nN[/url]

[TrinityX]

[QUOTE=kragmars102;46231064]So, I haven't posted here in a while and I've just been lurking. I've been approached a few months ago to work on an interesting project. The idea, moral, story, and intentions behind the app is quite interesting. I (we) would love if you guys were to check it out. Sadly There is currently only an Android version, we are planning on changing this soon however.

If you were to find any bugs I'd love if you were to PM them to me :)

[IMG]http://i.imgur.com/kNLJWck.jpg[/IMG]

You can download it on the PlayStore: [url]http://goo.gl/jX49nN[/url][/QUOTE]

+1 for using Oneplus One.

Otherwise looks really cool.

[wauterboi]

[QUOTE=Moofy;46229751]Because if his website automatically scrolls with a slight touch, then how can it be easier? It's literally taking you from A to B with no thoughts what so ever. An about website should consist of how you would want to present yourself. If he likes the way the scrolling works then it should probably stay. And it doesn't look bad at all, it's "unique" (well, not entirely since a lot use it these days) - but different from just normal scrolling.[/QUOTE]
When I scroll down, I expect to "hit" the bottom of the page and stay there, indicating that there's no more content to be seen. I also want to view pages, not slides, and I want to navigate with a navigation bar, not scrolling. These are things that I personally want, which indicates a bias, but I also feel like users expect scrolling to scroll normally. Portal isn't doing anything tremendously terrible like scrolling sideways, and it does serve some function in turning his website into something more like an exciting portfolio PowerPoint, but I also don't expect my websites to function like PowerPoints with slides and stuff. I expect it to function like a website with pages.

[Flak]

[QUOTE=Reagy;46230850]That and bootstrap is extremely heavy now that you think about it, they insist on keep adding stuff to it and making more and more silly optional features while forgetting about others. Nevermind the fact they push in a massive amount of bloat into their JS that they insist you have even if you just want the CSS.
Then you can go on about how with bootstrap their whole framework system causes a lookalike effect because its hardly flexible in sense, they force you into this very rigid form which causes you to end up writing your own stuff to break out and make some unique features.

You end up fighting more with bootstrap then what it can help you with, but in a way it wont stop people using it, especially when you end up starting with it and it's too late to change away from it in the project.[/QUOTE]
I don't feel I have to fight Bootstrap really but compared to other frameworks I agree it could use a little less bloat. That seems to be how these things always go: they start clean and fresh and then overtime they add more and more shit until it gets unmanagable. Why not make everything but the most basic features into plugins?

I had to work with the Canadian government's open-source WET 3.1 (Web Experience Toolkit) and it had the same problem: bloated as fuck, especially for mobile users. Apparently the bloat has been worked on since then but I won't lie, it was frustrating. Also the WET is basically re-inventing the wheel but whatever floats the government's boat I guess

[buhbang]

i faught with boostrap more than foundation. evenn then, ill switch to some other framework like semantic. they all feel bloated.

[KmartSqrl]

I've just been using susy and breakpoint through SASS to do all my CSS. I would rather use tools that let me make exactly what I need from scratch quickly than tools that get me part way there quickly and take extra work when I want to go against what they prescribe.

[buhbang]

[QUOTE=KmartSqrl;46232228]I've just been using susy and breakpoint through SASS to do all my CSS. I would rather use tools that let me make exactly what I need from scratch quickly than tools that get me part way there quickly and take extra work when I want to go against what they prescribe.[/QUOTE]

wouldn't having grids be better than from scratch? For me grid is the main reason to use framework. other extra features with ui is just nice to have, but sometimes I would have to change it around a little bit. But I think it would be better than starting from scratch.

[KmartSqrl]

[QUOTE=jung3o;46232425]wouldn't having grids be better than from scratch? For me grid is the main reason to use framework. other extra features with ui is just nice to have, but sometimes I would have to change it around a little bit. But I think it would be better than starting from scratch.[/QUOTE]

Susy is for "grids": [url]http://susy.oddbird.net/[/url]

I absolutely hate how bootstrap just picks 4 sizes of website for the responsive stuff. You should, IMO, make breakpoints exactly where/when you need them to make a website adjust smoothly and look the best at ALL screen sizes. I don't really like the bootstrap grid at all either because you pretty much have to go completely outside the regular grid system as soon as you want to do anything smaller than one column.

I don't really like the idea of designing everything on a grid in the first place though. It's a useful tool but any designer worth anything is capable of lining things up with their eyes (and sometimes you need to go off the grid to really get things to look right)

[Maqtiah]

[QUOTE=Reagy;46230850]That and bootstrap is extremely heavy now that you think about it, they insist on keep adding stuff to it and making more and more silly optional features while forgetting about others. Nevermind the fact they push in a massive amount of bloat into their JS that they insist you have even if you just want the CSS.
Then you can go on about how with bootstrap their whole framework system causes a lookalike effect because its hardly flexible in sense, they force you into this very rigid form which causes you to end up writing your own stuff to break out and make some unique features.

You end up fighting more with bootstrap then what it can help you with, but in a way it wont stop people using it, especially when you end up starting with it and it's too late to change away from it in the project.[/QUOTE]

When I work with Bootstrap I have Bootstrap for SASS ready, then I touch the variables and comment out the components I don't need before hitting save, then it compiles only the things I need. You should try that, or the LESS version considering it's made with LESS. I just prefer SASS (SCSS).

But yes, semantic is really minimal and nice, I like it for that.

Also it takes the shit on Bootstrap with the comparison on their front page :v:

[editline]14th October 2014[/editline]

[QUOTE=wauterboi;46231930]When I scroll down, I expect to "hit" the bottom of the page and stay there, indicating that there's no more content to be seen. I also want to view pages, not slides, and I want to navigate with a navigation bar, not scrolling. These are things that I personally want, which indicates a bias, but I also feel like users expect scrolling to scroll normally. Portal isn't doing anything tremendously terrible like scrolling sideways, and it does serve some function in turning his website into something more like an exciting portfolio PowerPoint, but I also don't expect my websites to function like PowerPoints with slides and stuff. I expect it to function like a website with pages.[/QUOTE]

That's fine I know what you mean, but again.. Personal preference. I like those sites because they feel like an experience. It's not optimal for businesses and such no, but for about me pages and landing pages it always seems to work.

[j4NZKUE]

Hey guys,
I just started working on a redesign of my portfolio, thought to give it a little spin with different fonts. I somehow like using Permanent Marker, but does it make my portfolio look unprofessional?
Here's a sample.

[T]http://i.imgur.com/rfsPKp4.jpg[/T]

What do you think?

[wauterboi]

I think it's the font that makes the entire thing feel weird, as well as the logo, so yes.

[j4NZKUE]

[QUOTE=thejjokerr;46233767]I personally, don't like it.[/QUOTE]
[QUOTE=wauterboi;46233840]I think it's the font that makes the entire thing feel weird, as well as the logo, so yes.[/QUOTE]

Thanks, going to make some changes.

[Ac!dL3ak]

I recently started work on a website for a private project that I'm doing, and I'm looking through the source files, trying to make the design look better - I then thought, why not add a complimentary color? So I was like "It's TF2-related, and the main color is blue, so why not pick a corresponding red color?" The blue I had picked was #99C3D8 - a nice blue color. So I'm looking through every color related to Team Fortress 2, and I'm sitting here, thinking: "Where the hell did I get this blue from?"

:tinfoil:

[Killervalon]

[QUOTE=j4NZKUE;46233612]Hey guys,
I just started working on a redesign of my portfolio, thought to give it a little spin with different fonts. I somehow like using Permanent Marker, but does it make my portfolio look unprofessional?
Here's a sample.

[T]http://i.imgur.com/rfsPKp4.jpg[/T]

What do you think?[/QUOTE]

I don't like the font and the logo looks like a combination of pi and a clock pulse

[ben1066]

[QUOTE=j4NZKUE;46233612]Hey guys,
I just started working on a redesign of my portfolio, thought to give it a little spin with different fonts. I somehow like using Permanent Marker, but does it make my portfolio look unprofessional?
Here's a sample.

[T]http://i.imgur.com/rfsPKp4.jpg[/T]

What do you think?[/QUOTE]

I think you could maybe use the font for some of the subheadings, but having it for the three central pieces of text looks off.

[shodan]

I did some more work on the documentation for my service (wip name).

[url]https://api.azise.net/[/url]

[Killervalon]

[QUOTE=Mega1mpact;46255580]I did some more work on the documentation for my service (wip name).

[url]https://api.azise.net/[/url][/QUOTE]

So I'm on my phone right now. At first it was: "Oh, can't view the entire table. No problem I'll just use landscape.. this is much better :)".. *keeps scrolling* "What the fuck happened to the JSON :s

[t]http://i.imgur.com/dr9XQjfh.jpg[/t]

[shodan]

[QUOTE=Killervalon;46258836]So I'm on my phone right now. At first it was: "Oh, can't view the entire table. No problem I'll just use landscape.. this is much better :)".. *keeps scrolling* "What the fuck happened to the JSON :s

[t]http://i.imgur.com/dr9XQjfh.jpg[/t][/QUOTE]
I still have to make the site responsive. I'll do that tonight

[josm]

Finally got ssl working with my .uk domain after trying a load of different validation methods.

[url]https://josm.uk[/url]

Also, I'm working on writing a simple blogging system for my site using codeigniter (I know). Do you guys think it's a good idea to create an "admin" area if all I'm doing is posting content?

[Maqtiah]

[QUOTE=josm;46260283]
Also, I'm working on writing a simple blogging system for my site using codeigniter (I know). Do you guys think it's a good idea to create an "admin" area if all I'm doing is posting content?
[/QUOTE]

Well it's kinda important to have an area no one else can access but you to write the content, so yes it would probably be a good idea to make an admin area.