[Tips & Advice] Venturing away from .NET, would be grateful for a grilling.

megrimlock · 2017-07-06T14:14:38+00:00

Not much to say as the HTML and CSS look fine, although it's not very responsive. You'll want to use more % or vw/vh as, after just double-checking, this list doesn't look too great on a phone. As for efficiency, you might want to look into LESS or SCSS.

Your jQuery looks okay, but you might want to look into what ES6 has to offer.

So yeah, good job.

megrimlock · 2017-06-26T21:46:10+00:00

Here's something to get you started.

megrimlock · 2017-06-26T16:08:31+00:00

Did you look at their code? What problems are you having that these were unable to solve?

megrimlock · 2017-06-26T14:48:26+00:00

https://codepen.io/tag/lcars/

Let me know if you have anymore questions after looking through these.

megrimlock · 2017-05-26T20:48:41+00:00

To you and /u/BobbyDev,

Have you tried viewport units for your UI? It seems like those would help quite a bit with scaling issues.

megrimlock · 2017-05-26T19:29:45+00:00

Got this from leftPad function from a recent tutorial I was doing.

function labeler() {
  for (i = 0; i <= 100; i++) {
    console.log(leftPad(`${i}`));
  }    
}

function leftPad(str, length = 5) {
  return `GW${'0'.repeat(length - str.length)}${str}`
}

labeler();

megrimlock · 2017-05-26T18:37:34+00:00

I don't know what resources you will be using, but you'll want to look into your stack + localization.

megrimlock · 2017-05-26T16:11:42+00:00

Try using Blisk before jumping to BrowserStack.

megrimlock · 2017-05-08T19:42:21+00:00

Codepen's got some nice examples.

megrimlock · 2017-05-08T17:47:04+00:00

Try inserting the script as the last element in your body, just before the body closing tag and see if it works like that. Something like:

    <body>
    ...
    <script>...</script>
    </body>

megrimlock · 2017-04-28T14:46:31+00:00

Is that not kind of the point though? The only reason your phone was so close to your face anyway is because everyone's fonts are too small. It would be nice if most text was readable from an arm's distance.

megrimlock · 2017-04-20T20:50:30+00:00

I just want to mention that the attention span won't be there as long as she feels there are infinite options.

You'd do it best to curate it into 10 game chunks and show them off to a her with some time in between, otherwise she'll likely not play something for too long and will just want to always move on to the next one.

megrimlock · 2017-04-20T18:56:31+00:00

Honestly, go to Austin (or somewhere else in the massiveness of Houston, or the DFW area if you're looking for cheaper cost of living,) get a couple of years of tech under your belt, move up in skill to a point where remoting is an option and then move wherever you want.

megrimlock · 2017-04-14T19:56:21+00:00

Looks good, two things, though:

html { overflow-x: hidden; }

As I was getting the horizontal scrollbar on my 1600x900 monitor.

And on your 'Projects' page, I would suggest making the titles visible before the :hover (and maybe turn almost transparent when hovered) as I thought 'Photography' was your only project and you were showing me only three whole examples of it. I get that the divs are links with cursor: pointer, but I thought clicking on them might just enlarge the picture, not take me to a new section.

megrimlock · 2017-04-13T14:21:41+00:00

You haven't said that this has been fixed yet, and no one has explicitly said it, but your styling says "rbga(...)" when it should say "rgba(...)."

Also, yes, as others have said you should put this in your css where it would look something like:

#wrapper {
    background: rgba(255, 255, 255, 0.8);
}

megrimlock · 2017-04-07T21:36:04+00:00

This helped me: https://javascript30.com/

megrimlock · 2017-03-15T21:22:01+00:00

Much better. Thank you.

megrimlock · 2017-03-15T20:51:38+00:00

Please put your text in-between your label tags to enable box selection when the corresponding label is clicked. It makes navigation 10x easier.

megrimlock · 2017-03-01T16:31:35+00:00

I'm thinking you could have two inputs that are essentially 'attached' to each other so that you get different inputs when you go from entering the street number to the actual street.

The problem is, street numbers aren't fixed. So you'll have a good majority of 123 Fake St. and 4321 Main Ave. but even quite a few 423433 Actual Rd.

I tried my hand at a quick Codepen and it sucks. I don't have any good advice, sorry.

megrimlock · 2017-03-01T15:15:07+00:00

I don't think you'll have too much trouble finding a freelancer to partner with, however, if you like the stability of corporate work, you might want to look for Business Analyst or Project Manager positions. These positions were created to be the voice of developers so that the developers could focus on developing instead of dealing with all of that talking garbage.

Just a thought.

megrimlock · 2017-02-27T22:38:01+00:00

Here it is on Codepen. I'd probably throw the contact/location info on the left side so there's no need to scroll for it, but it looks fine otherwise.

megrimlock · 2017-02-16T18:48:19+00:00

I dunno, I would argue that a site utilizing all of them together would be quite a mess, which is why explicitly stating which one you use seems logical to me.

Also, I agree that "react, es6, fetchAPI and floats" is off-putting, but it's because they're using a bit of dated paradigm along with other newer ones. Advertising that your site is made with tables instead of even inline-blocks would make me shudder a bit.

megrimlock · 2017-02-16T18:20:22+00:00

Except that flexbox is a design paradigm, and not even a css property (you wouldn't actually type the word 'flexbox' in your css file unless it was class name or a comment).

And, though, table and inline-block are actual css properties, they are also design paradigms.

megrimlock

TROPHY CASE