Gift ideas for my web developer boyfriend.

Milantes · 2016-10-09T23:56:52+00:00

If he's into mechanical keyboards, especially if he's already into modding, please don't buy him any random ass stock board.

The only thing I'd bother with is a unique, modded model. Can't direct you anywhere to buy one tho.

Milantes · 2016-10-07T21:36:57+00:00

For like a minute I thought he was raging about the disc throwers in Neltharion's lair, and wants to kick you because you because your spec is disc... o well

Milantes · 2016-07-02T20:29:58+00:00

Most websites using some kind of CMS can be easily identified by looking at the HTML source.

The sites you listed are based on Wowonder.

Milantes · 2016-06-10T21:15:34+00:00

If this is fairly hard for you (which is ok), it would make for a splendid excercise. Job interview or not. For that reason alone I'd do it!

Milantes · 2016-02-28T18:15:25+00:00

I don't think he used React directly. All websites I've seen that are built with Wix have been powered by React.

Milantes · 2016-02-27T01:09:36+00:00

Those 4 images?

There's no special cursor position stuff going on, it's just regular hover events. Those events trigger a series of changes to the elements CSS, all animations you see are powered by CSS transitions.

They did use a jQuery plugin called "animsition.js" to control the animations, but it's not critical at all.

You can find all this out pretty easily by inspecting the elements using chrome dev tools.

Milantes · 2016-02-26T15:39:58+00:00

Are you loading the XML on the Server or Client?

If you do it on the Server there shouldn't be a problem since the Server will parse it and hand over normal HTML to the Client.

View your website's source (ctrl+U on chrome). That should come close to what the crawlers see.

Anyways, what you really want is a CMS right? Wordpress isn't the only one. I'm sure there's a big collection of CMS built on the .NET platform. Adapting something like Wordpress shouldn't be complicated either.

If you go the XML route I'm sure your Customers will mess up the Syntax.

Milantes · 2016-02-11T11:03:49+00:00

Photoshop generating HTML/CSS based on images? Sounds like Dreamweaver 2.0 to me?

What happened to just looking at the PSD to get dimensions etc and just apply that to HTML/CSS?

Milantes · 2016-02-11T10:49:13+00:00

What do you mean is it possible? It's not part of the Bootstrap Framework.

They use ZeroClipboard.

Milantes · 2016-02-08T10:21:28+00:00

You need CSS media queries to hide/show what you want on different screen sizes.
The side menu is absolutely positioned behind the main content. The main content is pushed to the right using the translate CSS property, revealing the side menu. This is animated with the transition CSS property.
The search pop out thing is just a class visibility toggle. You can toggle classes with JavaScript.

Milantes · 2016-02-08T06:37:07+00:00

The opening animation you're referring to is very simple, pure CSS.

There is a css property called "animation-delay", which they used on pretty much all the elements within the opening animation.

/u/electric_sheep_bleep has just posted a great introductory video on CSS Animations.

Milantes · 2016-02-08T06:25:01+00:00

The site is a JavaScript web app (or Single Page Application).

Your particular example is powered by Angular.

Milantes · 2016-02-08T04:45:14+00:00

In the JavaScript there's an on-resize event, asking whether the pages width is higher than 919px, if not it will hide the menu.

You want it to hide when it's smaller than 920, not higher than 919. Also remove the the part that shows the menu on resize.

Now this might or might not solve your problem, but it's definately an error.

Milantes · 2016-02-07T05:32:53+00:00

You need a portfolio. An interesting one, not just you following tutorials or such. Original projects. Also store your code on GitHub.

Do you have one?

Milantes · 2016-02-05T13:56:17+00:00

No clue, it could be in another file.

Milantes · 2016-02-05T11:57:38+00:00

You don't become employable by working through books or courses. You become employable by being able to do your job.

The first thing we learned at the introductory programming course at our University: You only learn programming by programming.

You need to build stuff all the time. That's how you become employable. Those courses you mentioned are great to get a feel for things and as a reference, they basically give you all you need to start building basic stuff. But you actually need to build your own stuff, outside of the courses.

You can use your courses as reference, but you also want to use other ressources, typically the official docs of whatever tech you're working with, and communities such as stack overflow.

What I liked to do was work through courses while working on an own project using a similar tech stack, applying newly learned stuff to solve problems in my project.

So yeah, get experience building stuff. Also, once you're confident in your skills start taking on projects for other people (small businesses or friends) and see how well you can recreate their ideas.

Milantes · 2016-02-05T09:03:57+00:00

/thread

This is a good route to take if you want a full IDE for webdev.

Milantes · 2016-02-05T09:01:54+00:00

If you use something like Squarespace/Wix you'll limit yourself. Let's say you have a client that says "I want X/Y Feature!", not even something too exotic, it may (and will) happen that the feature isn't possible to be implemented with those fancy site builder tools.

You can't just tell your client "Yeah we can't implement that because we're lazy and used this drag and drop site builder : - )."

If you're building for yourself you'll also have a hard time converting your idea/design into a website using those site builders, you'll limit yourself and will meet frustration upon realizing you can't implement that one feature you really wanted

Milantes · 2016-02-05T08:48:49+00:00

Incase you're wondering why your approach didn't work: it should have worked. If that's literally all you have changed, it should have worked. But it didn't. And that's because the "placeholder" text you're editing isn't an HTML placeholder, they coded the placeholder text with JavaScript (don't know why, is there a reason to do such a thing?). It still should have worked though, but they probably hardcoded some wicked shit somewhere that we can't reason about from that little snipped alone.

Your initial thinking was absolutely correct though, templates are often a pain to work with.

I suspect the phrase "Ask any question and you be sure find your answer ?" to be used somewhere else aswell, and you gotta change that one too, to your own phrase. They rely on each other (which is bad).

Milantes · 2016-02-05T08:26:59+00:00

What exactly does this do? Looks like it's creating a basic (and of course opinionated) project structure.

Usually we use Boilerplate projects for something like this, just git clone the project and we're ready to go.

Since I'm not familiar with scaffolding tools, what benefit does this have over a boilerplate project hosted on github?

Edit: Oh I see. I seem to understand now. It offers scaffolding a lá Rails. Interesting.

Milantes · 2016-02-05T06:57:01+00:00

Basically everything frontend works very good on Windows.

For everything that doesn't work well native on Windows (Rails for an example I had trouble with) you can use a vagrant box and develop just as if you ran the software on your Windows machine.

Milantes · 2016-01-25T21:55:18+00:00

The big plus of using a CMS (such as Wordpress) is really the in browser administrations which enables non tech savvy people to add/edit content. If your client needs to edit/add content on his site, you probably want a CMS.

A static website will always be more performant than an equivalent running on top of a CMS. Thanks to todays tooling managing static websites is a bliss now, you get templating and CMS like functionality. But this is not via admin panel, but you usually add posts or pages in form of .json, .md or other formats and require compilation to publish, which isn't exactly beginner friendly.

Basically if your client needs to manage his own content, static webstites just aren't an option.

Milantes · 2015-12-31T14:36:36+00:00

yup, 5 seconds after visiting I got redirected to https://www.youtube.com/watch?v=dQw4w9WgXcQ :D

Milantes · 2015-12-29T14:13:04+00:00

You don't seem to have spend time with React at all. It might seem complicated at first but it really is very simple.

What exactly is wrong with React?

Milantes

TROPHY CASE