First for PHP is getting me interviews.

File: 123.png (29 KB, 889x1220) Image search: [Google]

29 KB, 889x1220

I'm trying to build a layout in pic related, basically 3 rows of equal height, with each row holding x number of elements on it.

So I'm trying to do this with one vertical flexbox that holds 3 other horizontal flexboxes inside it, and those contain the actual elements to display.

Am I going about this the right way?

>>55125908
kind bump,

no other web monkeys around currently?

>just got verbally abused at work
>"wtf you mean you can't fix our Pajeet-tier code, they wrote a bunch of documents"
>I don't get paid enough for this shit
>Get paid below 60k in San Francisco
>Accepted the contract because needed money
>Have 2 years of Embedded Systems experience
>about 6 months of Python full stack

Thinking of quitting and just letting the company burn, but afraid of burning through savings while in-between jobs.

How easy would it be?

>>55126122
Search for a new job before you quit.

Do your job in the meantime.

Will Express confuse these routes?

app.get('/:paramOne?', function (req, res) {
// code
}

app.get('/new/:paramTwo(*)?', function (req, res) {
 // code
}

The first get is for the root index with an optional parameter of paramOne.
The second is for the route /new/ with an optional parameter of paramTwo (the asterisk is there to allow the user to pass a parameter containing multiple forward slashes e.g. a url address).

Will Express/Node confuse new as being paramOne, rather than its own route?

>>55125908

Yes

>>55126023
You could use bootstrap instead senpai

Go on

Succumb

>>55126843

Or 960gs, if you fancy getting all Photoshoppy

>>55125538
Has anyone actually paid attention to the code in this image?

>jQuery
>elements not cached
>functions within functions

/wdg/ is officially /pajeet/ now.

>>55125538
Why does the idea of video interviews scare me? Is it cause I know some Stacy HR will make fun of me?

>>55127389
Yes, I know. It's absolute pajeet tier. Look at that fucking nesting.

>>55126673
>Will Express/Node confuse new as being paramOne, rather than its own route?

I think it'll be confused. Even if it isn't it's not a good api design.

Use a query string for paramOne like:
>www.whatever.com/thing?paramone=urgaypwnd

>>55127389
>functions within functions

You're the Pajeet. Passing lambda functions as parameters is great.

How did everyone get started in their programming careers?

I'm interested in learning hadoop more in depth. However, I was told by someone that I need to become really good with Python and Java. I have SOME basic experience, but not even close enough to call myself competent.

Then, after speaking to a few different people some suggest I should learn things like C, because "If I can learn C, I can learn anything".

Are these people full of shit? Is it beneficial to learn C?

>>55127969
Depends what you want to make I guess.
But since you are asking in /wdg/, python/ruby should be good.

>>55127995
I guess what I'm trying to ask, is it true that learning C is impressive? Everyone makes it seem like the REAL programmers are the old school ones that grew up in the 70s/80s and learned how to program using C and bash or whatever, and that "new" programmers will never be "true" programmers because Python is the equivalent of learning how to drive an automatic, and C is driving a stick?

>>55128019
Impressive? No.
Useful? Yes.

>>55128127
Why is it more useful in learning C than dedicating time to learning other languages like python or Java?

I just finished my masters. Trying to figure out where I want to go, and what languages I want to become better at.

>>55128019
I grew up learning C for about 15 years, for game dev, light graphics programming, and emulator programming.

No, it's not impressive, it doesn't make you think deeper than Python programmers. It's a completely different skillset. While the things you learn are a little more technical in C, Python is a much more expressive language, so the challenges of using your tools impressively actually increases.

In regards to whether it'd be useful to learn C now, I'd say grasping the basics of how it works, and attempting to at least interface with 1 of your OS' built-in apis, would be all you need to know to apply it to languages more worth your time (python)

Can't say I'm fond of Java

>>55128162
Because most other languages are based on C.
But starting with Python or Java is fine either.

>>55128184
Thanks for that useful response. I stated earlier that I wanted to learn hadoop more which requires Java. Why are you not fond of Java?

>>55128203
Good to know.

>>55128227
>Why are you not fond of Java?
Well, with Spring, Java can be a very expressive language, but being so statically typed and largely forced into 1 paradigm makes it suffer a lot. I reckon if I had to use Java, I would lean more to something that abstracts needless constructs, something like Groovy.

But that's my opinion. If you like Java, then it's all the more useful since it's still big in the job market. Why are you interested in hadoop?

>>55127817
One thing is to pass a function and the other is to declare a function inside a function. That's what leads to endless jquery callback youtube tutorial tier code soup. Write better code fucking retard.

>>55128260
Well, I'm interested in hadoop because I took a class in it and I just thought it was a neat program. Then, I went online to see the job descriptions and requirements, and they all list Java as part of that requirement.

Overall, I think it's an interesting program. I enjoyed using it and I thought it was straightforward. However, I realize that a classroom environment is much different than a business environment.

I'm not going to lie. The salary doesn't hurt either. I live in a very expensive part of California and I need a high salary to survive out here.

Of course, I still need to do more research. What if Hadoop becomes outdated in a few years? I don't think so, but I need to see long term and not just short term.

Any advice coming from a veteran in the industry is welcomed!

File: 1465048730048.png (6 KB, 368x376) Image search: [Google]

6 KB, 368x376

Scored myself an interview next tuesday for full stack dev creating some kind of instagram clone website. They claim the work is mainly in HTML5 and the related stuff. I've only done the bare minimum of web development before, like wordpress, focusing on writing backends for enterprise projects in java. What should I expect in the live programming test during the interview if they claim it's HTML5/PHP/mysql?

>>55128369
thats called a closure pajeet, just stick with your PHP

>>55128369
Declaring functions in place is fine, its called a lambda function, which is an extremely useful tool to have.

http://stackoverflow.com/questions/16501/what-is-a-lambda-function

The example in the OP only appears to be bad because they're callback functions, because Javascript is asynchronous, and once you perform an asynchronous operation, you need to be inside of the callback function in order to have access to the results of that asynchronous operation.

Now we have all kinds of tools to make this easy, such as ES6 promises.

So instead of:

asyncFunction1(function (asyncResult1) {
    // do something with asyncResult1
    asyncFunction2(function (asyncResult2) {
        // do something with asyncResult2
        asyncFunction3(function (asyncResult3) {
            // okay this is getting a bit gay now
            asyncFunction4(function (asyncResult4) {
                // please make it stop
                console.log(asyncResult4, "is gay");
            });
        });
    });
});

you can use a promise chain:

asyncFunction1(function (asyncResult1) {
    // do something with asyncResult1
    return asyncFunction2();
})
.then(function (asyncResult2) {
    // do something with asyncResult2
    return asyncFunction3();
})
.then(function (asyncResult3) {
    // actually this is quite easy to work with
    return asyncFunction4();
})
.then(function (asyncResult4) {
    // I can do this for as long as I want
})
.catch(function (error) {
    console.error(error);
});

You can do all kinds of shit with promises, and its easy to turn a callback-based function into one that will return promises so that its easy to work with.

You can't do Javascript and escape asynchronous programming patterns, and if you have something against lambda functions then you're bad and you should feel bad.

I am staring at my screen for 10 minutes and can't find a link to the repo of my openshift application. I created it without naming the branch and now I don't know if it even created it or not. Where can I find that goddamn link???

File: 1453841968674.jpg (21 KB, 400x388) Image search: [Google]

21 KB, 400x388

a div in my page is in a completely different position in Firefox than Chrome how to fix this shit

>>55129419
>trying to get shit working in firefox in 2016
rip in piece anon's patience

>>55129419
git gud

Or stop trying to be fancy and just use an existing minimalistic grid system like pure or skeleton

I have an Express app that needs to do the following:

Take a parameter at the root '/'

but

Also present a route at '/new/'

How should I go about doing this?

>>55129786
I already told you >>55127799

>>55130067
woah, im not even that dude

weird

>>55129419
Try https://necolas.github.io/normalize.css/

>>55126122
What do you mean full stack? Like are you routing with python

Trying to install ruby and make it work on windows

>the madness

Can somebody buy me a Macbook please?

File: global-mobile-phone-sales-forecasted-by-88-countries.jpg (81 KB, 1000x903) Image search: [Google]

81 KB, 1000x903

How do you guys detect mobile in JS without pajeet libraries?

this.width: window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth
this.device: navigator.userAgent.match(/Mobi/) || this.width < 768 ? 'mobile' : 'desktop'

document.documentElement.className = this.device

if (this.device === 'desktop')

//etc...

User agent spoofing seems like the most reliable way. and yes, innerWidth is kind of retarded but it works.

File: cute-cat.jpg (83 KB, 599x542) Image search: [Google]

83 KB, 599x542

Help me /g/, idk what to do anymore. I'm a really good web designer and can also code. I fucking hate MVC patterns, I just don't get it. I tried to fuck arround with Rails and I don't understand anything. Holy fucking shit there's so much fucking folders everywhere... Why are simple things so complicated now? Should I just go with Python or Node.JS??? Like wtf. I just want to be able to code cool shit with a db. Why do I have to use the console so much??? Can please anyone point me in the right direction I'm going insane.

>>55130580
what do you want to build anon? the fact you're saying you're a good web designer makes me think you're not a good designer.

File: chrome_2016-06-17_17-49-45.png (64 KB, 1920x955) Image search: [Google]

64 KB, 1920x955

I've been working on an imageboard software. Just rewrote the thumbnailing bit.
I want to do a full rewrite now that I sort of know what I'm doing, (this was my project to learn php) but I'd like to do it with the aid of another person.
If anyone's interested, let me know.

Github page here: https://github.com/4tran/VIB
Live site here: http://4tran.bid/test/

>>55130691
i could help you by telling you to ditch php

>>55130691
>mysqli
at the very least use PDO for DB interactions.

>>55130621
I meant graphic designer lol. Just a simple scraping site, I could do it in PHP but I want to step my game up. I tried Python too but installing the frameworks on Windows is a nightmare.

>>55130712
If you can give me a suggestion for a better alternative that isn't ruby on rails, be my guest.
But honestly, language doesn't even matter for making an imageboard. Basically any of them will work. I chose php because it's by far the most used, so I have plenty of things to use as reference, and it's similar enough to other languages I've used that the learning curve wasn't hard.

>>55130735
Why? Maybe I will in the rewrite. Not gonna do that in this version though.

>>55130737
cool, me too. try rails then. the problem isn't windows though. installing frameworks in mac osx is just as clumsy. i've even quit using gulp for small projects because i hated the node_modules bloat in every folder.

>>55130759
rails isn't bad—but yeah, pajeet memes aside PHP is not going anywhere.

>>55130529
Install Linux, you gay cunt.

>>55130550

var MOBILE = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)

>>55131085
I need my Adobe pack and other shit, sorry. (Btw I'm actually currently installing this on Ubuntu, but it's not my main driver).

Does anybody have exp with Wordpress on Openshift? I set this shit up but I can't figure out how to upload my theme now, I mean, I have my app folder on my PC now, but shit is empty. This is so fucking confusing it's pretty amazing, and there are not much good sources on google.

>>55130772
SQL injections.

>>55130580
use Sinatra, very light weight, gives you total control

What happens when a javascript dev thinks too highly of themselves:
https://github.com/sahilm/reddit.js/blob/master/reddit.js
> fancy function chaining api to make a single fucking get request
> lambda soup to accomplish said fancy function chaining
> no comments
> no docs

I dug through it just long enough to figure out why it worked and my little hack didn't. (The problem with my implementation was that reddit's redirects break CORS - I excluded the "www." and it broke their shitty api. And naturally none of this is in their docs)

>>55130580
Use Go or Node.

>>55131133
what do you need openshift for?

>>55131236
To host my wordpress news portal for free for some time, my current hosting just shat itself.

>>55131272
any decent hosting service has PHP and database management for the price of a beer. no need to go through the trouble to save a penny

>>55131324
Don't have a credit card. I actually never hosted anything before, so I'm not even sure if I can pay the hosting without it. Eh whatever, it's for a college project, there is no reason for me to pay anything. Btw I think I figured it out, found a good tutorial. It's actually pretty easy.

>>55131215
That's not so bad though anon. It's a simple script people can drop in their documents to easily retreive reddit content. It's for retards, sure, but it does what it's supposed to do.

The only dev camps in my area cost thousands of dollars and to even be considered for a "scholarship" or financial aid, you have to be from an "underrepresented group in tech". You can't get help if you're white. This isn't even a single instance, it's all of them. Why the fuck do I even bother

I'm guessing id have a hell of a time trying to get hired anywhere too.

>>55131444
Tell me this is not real. I thought it's a meme more or less.

File: smile-top-img.png (17 KB, 208x179) Image search: [Google]

17 KB, 208x179

>>55131444
isn't /g/ technically a dev camp?

>>55131444
Say you are gay or a tranny (female to male).

Have any of you faggots used Polymer in your projects? It seems pretty cool and I want to try it out but it seems so heavy.

>>55131492
It is absolutely real.
>>55131511
Sure but I feel like I'd be better suited to learning in person.

>>55131551
stab a pajeet. win-win

>>55131542
I've considered it, but that was my conclusion as well. I tried some of the demo apps and it took a whole 2 seconds to render a fucking todo app on my cheap android. Yeah, no.

>>55131438
> couldn't understand the spaghetti code either

Fuck yes. scored a phone interview for a rails position. my first dev interview, what should i expect

>>55132471
That's what i'm saying. Do you think half the people who use jQuery know how most of its methods work?

How do you guys stay motivated? I have a project due in a week and a half (I'm getting paid for it, albeit not much) but I can't seem to stick to coding for hours like I used to.
I feel like the depression from the other aspects of my life is starting to creep into my work.

File: Capture.png (12 KB, 526x132) Image search: [Google]

12 KB, 526x132

this isn't logging in for some reason
want to take a gander?
thought I did everything textbook

import requests
from bs4 import BeautifulSoup
import time

def login():
    with requests.Session() as c:
        
        headers='Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/50.0.2661.102 Safari/537.36'
            
        url='https://www.github.com/login'
        out = c.get(url, headers={'User-Agent': headers})
        html=out.content
        soup=BeautifulSoup(html,'html.parser')
        
        commit='Sign in'
        utf8=''
        
        authenticity_token=soup.findAll('input')[1].get('value')
        print(authenticity_token) #this is indeed the correct token
        
        login=r''
        password=''
        
        login_data=dict(commit=commit,utf8=utf8,authenticity_token=authenticity_token,login=login,password=password)
        
        try:
            c.post(url, data=login_data, headers={'Referer':url, 'User-Agent':headers})
        
            logged_in_url='http://www.github.com'
            page=c.get(logged_in_url,headers={'User-Agent':headers})
        except Exception as e:
            print('[1] Exception', e)
            
        f=open('outfile.html','r+')
        f.write(str(page.content))
        f.close

>>55132665
what do you even do in that role? like i get that front end is how websites look and back end is how they operate. but what does somebody do who is specifically hired to do work in rails?

I'm about to be a senior in college and have done all of my internships and personal projects in web. I've decided to take my next year to get very good at something non-web (along with keeping up with webdev) and I think I've decided on Rust. I wanted to learn something not so common just because it's fun, and Rust seems like the best bet of the new ones to be somewhat relevant. And who knows, maybe it'll become a decent backend web language. Does anyone have any opinion on it or what other language they'd suggest?

>>55131107
minimal. cheers

>>55131444
Just become a tranny anon. Or just tell them you identify as a non-binary androgyne.

>>55130691
Wow, yet another 4chan clone. Haven't seen enough of those already.

>>55130529
Ruby works, try Rails, it's a fucking nightmare. I've been using Windows since 3.0 and I didn't manage to get that horseshit to run without it spewing sqlite or other errors.
On Arch I got everything working within 10 minutes with some Jewtube guides, including the github SSH crap, even though I've only been actively using a Linux based OS for a month now. It simply fucking works.

>>55134286
>Ruby works, try Rails, it's a fucking nightmare

Ah, Rails. I spent more time on StackOverflow than actually writing code. Good times.

im kinda new on this, i have no intentions of doing web dev as work just for fun, what do you guys think about framework like bootstrap?

>>55130759
Try django or laravel

what music do guys listen do when you are working?
here is what i am listening to
<iframe width="560" height="315" src="https://www.youtube.com/embed/ngcbJWm2BGg?list=PLEwLYWjsY88WjqrCfX3mEkhY8Kit7oOAy" frameborder="0" allowfullscreen></iframe>

https://www.youtube.com/watch?v=OBwS66EBUcY&list=RD7oKPYe53h78&index=24

>>55135114
>>55135123
Good job

is it possible to scrape w/ static html? if so, how? Unfortunately I need to sent post and get messages on other servers and you don't get server side stuff on github

>>55135125
need a hero to fix that embed

How can people listen to anything but classical music without getting distracted?

>>55135212
Well pajeet, you see most people use toilets and don't have autism.

>>55135219
Heh, that's a good one.

>>55135212
I listen to this

https://www.youtube.com/watch?v=Kr3w3ZQoqGM

>>55135273
Don't even need to play it to know it's a meme

>>55126122
>>"wtf you mean you can't fix our Pajeet-tier code, they wrote a bunch of documents"

fucking hell man, I really do want to see the numbers some time for how much outsourced devs are supposed to save companies. Because EVERY time we've had to work with them its taken weeks longer to get shit done and thats not including the extra staff brought on to fix their shit.

>>55127036
or you could just use bootstrap and save yourself time and effort. No need to reinvent the fucking wheel when its already done and works just fine.

>>55135380

http://adventurega.me/bootstrap/

>>55135517
He praises the template though

And tbf, if you're making a full-featured website, you can't center it on bootstrap anyway, but you would still like to use it so you can focus on non-front-end shit

Is there any advantage of owning a mac over having linux for web development? Regarding maybe de IDEs available, the hardware support?
I have a linux computer but sometimes I wonder if owning a Mac mini would be worth it, considering it also has bash and a lot of tools for web developers.

>>55135694
mostly because it justwerks, and because it can interface with linux, eg your servers, just as easily. There are some useful tools that are mac-only as well. Sequelpro is the best MySQL gui out there

can you guys recommend a good css boilerplate with just responsive positioning preferably something popular with documentation

File: wut.png (6 KB, 158x404) Image search: [Google]

6 KB, 158x404

Can anybody help me out?

for (var i = 0; i < 52; i++) {
  var newItem = document.createElement('div');
  newItem.className = "optional";
  newItem.style.position = "relative";
  newItem.style.left = 5 + "px";
  newItem.style.top = 5 + "px";
  newItem.style.zIndex = i * 10;
  newItem.onclick = getActiveItem;
  draw.appendChild(newItem);
}

I thought that I could use z index to stack them ontop of each other so they can be dragged on demand. But it doesn't seem to work at all.See attached.

set the position to absolute

>>55136264
But doesn't it need to be relative to move?

File: yay.png (9 KB, 475x350) Image search: [Google]

9 KB, 475x350

>>55136288
>>55136264
Nope!

Thanks anon <3

File: Screenshot from 2016-06-18 02:59:16.png (61 KB, 1600x900) Image search: [Google]

61 KB, 1600x900

>>55136288
you can re-position objects with absolute position value

How many of you are also designing stuff?

Is there some web design thread on 4chan? When I ask /gd/ they are not into it, when I ask /wdg/ you are also rarely into it, even though you guys say that frontend is basically html+css (not true btw) and I see a lot of people here saying theg are working as frontend devs.

>>55136982
On /wg/ there is a home page thread where they design their own home pages. might not suit what you're looking for but it could be close

>>55127969
C has no OOP.
So no.

What are some good designs to steal? I need a new website.

>>55130550
You shouldn't bother. Because "mobile" is a pretty meaningless term these days, because there's an entire spectrum of devices, from desktops with 5k monitors, to shitty old mobiles with non-touch screens that you have to control with a d-pad. There are tablets that have bigger screens than some laptops.

Having one site for mobile and another site for desktop is a shitty way of doing things. You should have a single codebase and just rearrange the content so that it works regardless of what size of screen is being used to view it.

>>55131107
Useragent sniffing is the most pajeet way you could have picked, and you picked it. Anyone can send any useragent information they want, its completely unreliable as a means of seeing what kind of device a user is on.

>>55137666
Kys

File: froggy.jpg (32 KB, 480x454) Image search: [Google]

32 KB, 480x454

my page suddenly started freezing and only unfreeze when I change tab. this only happens with chrome how can I check what part of the code is causing this?

>>55137841
>not saving time by being a thief

>>55137894
Yes, profile.

>>55125908
Just use bootstrap.

>>55137894
Check the browser console,

you're probably loading too many things

>>55134876
I never tried using HTML + CSS + JS until recently, had only tried some very simple HTML.
As a programmer I didn't really want to spend much time on the frontend of my webapplication so I just used bootstrap instead.

I'm not a big fan of doing frontend stuff but bootstrap wasn't that bad.

>>55134876
It'll look generic but at least it's functional.

>>55137894
What did you do?

Did you block the stack with some shitty synchronous Pajeet code? Like a huge while or for loop?

Watch this so you can understand how JavaScript works
https://youtu.be/8aGhZQkoFbQ

Don't block the stack.

>>55126673
just change their order of definition
it's a bad routing scheme anyway, though, try to redesign it

>>55137666
Here you go Satan trips
http://everyfuckingwebsite.com

>>55138140
I think I fixed the problem. I had the repeat of an animation at 0 and changed it to 100 and its not freezing now

How do I start a project?

I already know HTML, CSS and Javascript via Codecademy and EloquentJS but all I've ever done is open text editor, and type out basic shit, refresh my browser and look at my ugly product.

How do I start a real project like a real web developer would?

>>55125908
Your doing okay but you may want to look into flexbox support. That may be an issue still for some browsers.

>>55138627
if you aren't using a framework, that's how it works.

Challenge: Can you display 10 images using a single http request?

>>55138627

build a basic calculator that you can open in the browser

>>55138749
it's called sprites.

>>55138761
What if the images are 1024x768 and each one needs to be in a separate image element.

>>55138777
then use data uris as src and embedded them.

>>55138749
Yes, just pack them into one binary blob and decode with typed arrays. The question is why would you ever fucking need that?

>>55138777

I'd still do sprites. Have class for the positioning . It would have no src attribute

>>55138823
I ended up base64_encoding the images in php then sending it all with | characters in between images then split('|') and loop through in JavaScript then append image elements with the data.

>>55138919
Why? That's terribly inefficient.

>>55138934
What part is the most inefficient? What if I pre encoded the images and stored them in a mysql table?

>>55138749
http2 will use one tcp connection to make all your requests, so it's as efficient as it can get

>>55138970
The base64 part. First of all, why are you doing this?

>>55138997
Cool, I didn't know that.
>>55138993
I don't know just experimenting, you are right though it takes about 2x as long to request them them using the php script as it does normally loading them from image tags.

How exactly does mysql table locking work?

If I have a relatively long script that reads and updates multiple tables that depend on each other, is locking them enough to prevent inconsistencies?

>>55139606
http://stackoverflow.com/a/4227957

Dear Javascripters, i really need your help.

I have a href element with anchor tags on a website:

<a href="www.blablaexampleblabla.com" other="what_i_need" </a>

lets say i can access this element by "whatever"

when i call

whatever.href

i get the href, but when i call

whatever.other

i dont get the value of the "other" tag.
How do i get the value of it?
Thanks in advance!

>>55139715
https://developer.mozilla.org/en/docs/Web/API/Element/getAttribute

>>55139715
.getAttribute("other")

>>55139715
do something like this

data-other=">for free"

>>55139724
Fuck i thought way to complicated. Thanks!

>>55139692
I already use transactions for writing, that's not what I'm talking about.

The script I have starts off by reading some values from the database to make sure the write is "allowed", then does some file operations that can take some time, then writes to the database. I want to make sure the values read at the start of the script don't change between them being read and the writes at the end. Is locking the tables before reading and unlocking them after writing the correct way to do this?

I'm serving an html page via an express app. Is it enough to link to the stylesheet via the html page for styling? It doesn't appear to be working.

Will I need to establish a static folder and declare it within the node app?

Session value isn't persistent and I can't find the issue.
What am I doing wrong?

function checkLogged(req, res, next) {
    console.log(req.session);
  if (req.session.userID) {
    res.redirect('/'); // CHANGE THIS LATER!
  } else {
    next();
  }
}

router.post('/login', checkLogged, function(req, res) { // ADD session.redirectTo :D:D:D:D:D:D:D:D
    var wrong = function() {
        res.send("Wrong username or password, motherfucker.");
    };
    
    if (req.body.sub != null) {
        User.findOne({ 
            where: { name: req.body.user },
            attributes: ['id', 'name', 'password', 'salt']
        }).then(function (user) {        
                if (user.password == User.hashPassword(req.body.password, user.salt)) {
                    req.session.userID = user.id;
                    console.log(req.session.userID);
                    res.send("You are logged in");
                } else {
                    wrong();
                }
            
        }).catch(function (err) {
            wrong();
        });
    } else 
        res.send("LOLOLOLOL");
});

>>55139973
yes.
just do it like so:

app.use(express.static(path.join(__dirname, 'public')));

>>55135071
I've been looking into laravel. To me, it seems like there's a lot of bulk that I don't need, since the only feature I really want is templating. So I was considering just using a straight up templating framework like twig. However, I do hear a lot of people saying that a complete framework is really useful, but to me it just seems like a lot of unnecessary stuff, and then some useful code to copy-paste. Maybe I'm wrong though. If so, I'd like to know why.

>>55140678
You aren't wrong.

If you need to make a website where you can book services at specific hours, like a dog walking service. I imagine there are CMS's that can already do this out of the box with plugins.

Which one should I get?

>>55138627
Setup your environment. I'd recommend using Bower if you're on Windows. You can use it to download and include shit like Bootstrap, jQuery, etc.
Setup Git so you can easily backpup/push from the command line.

is it worth to learn angular1 ? or should I learn 2 ? or both ? which first ?

How do I properly model the relationship of a parent table and a child table with many sub-types so that a delete of a row in the parent table cascades properly only on the appropriate sub-type? Should I opt to use triggers instead?

>>55128184
This is the best programming advice I've ever seen on /g/, possibly the entire internet.

>>55130580
Use linux and learn to love the command line. You'll hate your life if you don't. It seems complex at first, but the more you use the CLI, the more it starts to become an advantage. Also, Python is awesome.

>>55133287
Try doing test driven development. You'll be able to write a bunch of simple, dumb tests that make you not have to think much. You'll also grind out a small amount of application code. It keeps you motivated.

>>55135694
Linux is much better for development.

>>55135729
skeleton.css

>>55125538
hi noob working on this grsecurity
i am reading after downloading using arch wiki for grsec
and now on this page
https://en.wikibooks.org/wiki/Grsecurity/Obtaining_grsecurity#Downloading_the_Linux_Kernel

in the middle section i see this
NOTE: The versions of the grsecurity patch and the kernel must match exactly.

so i check my versions:
kernel is 4.6.2-1
grsec is 4.5.7.201606142010-1

am i ok since they both version 4?
if not do i downgrade or upgrade one of them?

what do you all think of this? https://coderbyte.com/course/learn-javascript-in-one-week

don't know shit about js and want to learn.

>>55142128
guyyysss :(

>>55143391
Depends, what are you using it for?

>>55126122

I make half of what you do and that shit is standard. Welcome to the club, alot of webdevs work for slave salaries.

>>55143916
You're a beta who can't enforce your boundaries. Its your fault that you continue to put up with shitty employers, shitty pay, and shitty work environments.

My job's great, the boss is great and I learn a lot from him, I get paid well.

You can do better, stop being a cuck.

>>55143391
it really depends, i would like to say learn 1.x and then move up to 2, but after seeing so many people who used 1.x starting to use 2 getting frustrated (me included) over radical changes that brought little to no improvement but need more dependencies and development environment changes, i would say start with 2 from the get-go (if are already familiar with typescript, dependency injection and es2 it should be a breeze) (using 1.x with typescript and "use strick" works fine too, thats why the rant)
>thx for reading my blog

>>55144486
s/es2/es6

>>55143916
To be fair, because of the cost of living in SF, making below 60k is Pajeet-tier salary iirc.

File: 5245227897_7322afbffc_b.jpg (399 KB, 1024x781) Image search: [Google]

399 KB, 1024x781

I have an idea to make a directory that compiles other websites onto a webpage. It's actually mostly for my use, but I feel the knowledge would be good for others.

Is there a possibility a directory for anything could even get a lot of traffic? The only way to monetize a site like that would be with ads, and I don't really want the site to look like shit.

Alright so I got pulled into a company that told me I'd be working on Laravel codebase, but instead I'm working on code straight from 2008 when they didn't even know what an array was. I don't really want to leave because I'm making decent money and I like my colleagues. My question is this:

What can I do to improve this shit codebase?

>>55144532
>Is there a possibility a directory for anything could even get a lot of traffic?

What like Google?

>>55140554
Wow.

Everything. You're doing everything wrong. Start over and read the documentation on the features you're using this time. Absolutely terrible.

>>55144547
nothing! do nothing unless you are told/required to! if it works dont touch it, it might suck but its for the best.
once you start adding new functionality/features then make the new code/module up to "your" standards.

>>55144547
I don't fucking know.

Refactor it? Gradually migrate functionality over to a new application?

What kind of answer do you expect when we haven't seen the code?

>>55144588
Not really. It would just be a site for finding a bunch of sites that have different documents on it.

File: Screenshot from 2016-06-18 15-04-52.png (286 KB, 2225x1281) Image search: [Google]

286 KB, 2225x1281

>>55125538
OK /g/, what's the deal with node/npm?

I've been learning angular, and between angular, extjs, jquery, and writing my own js, I've really been turned on to using js.

So I thought: Maybe those boys on /wdg/ are right, and 'MEAN' is the new 'LAMP'.

So I google mean, and find mean.io.

I go to install it, and npm is already throwing warnings all over the place. But 'WARN' isn't the same as 'ERROR', so I thought maybe I could ignore it, and just proceed.

I follow the instructions exactly.

mean init testApp;
cd testApp;
npm install;
gulp;

And the thing fucking crashes and has errors and shit. I tried:

node server.js

and its no fucking better.

And furthermore, all these 'node' sites still seem to be using http/1.1. What if I want to use 'http/2' ? Apache has me covered. Does node?

All this shoddy software really isn't turning me on to npm/node.

I read a bit about mongo. And that seems pretty cool. Especially since I've started to feel the limitations of relational databases, and have started using JSON objects to store data anyway. So mongo I do honestly want to learn.

But how can I honestly take npm/node seriously, if it never fucking works correctly. Right out of the box and its broken. And I don't even know if it supports h2. (will be a deal breaker)
It feels like a bunch of teens wrote this shit. How can npm/node live up to the precedent that apache + mod_php has set?

I like javascript. I really do. I've grown to like it quite a lot. I love the way it feels to program with the whole everything-is-an-object approach. I love JSON. I'm decent with callbacks, the promise interface, scoping, and event-driven behavior. I really love angular.

But node...
...just feels like a cheap piece of shit written by a bunch of first-year script kiddies.

>>55144651
>mean
>mongo
>angular
and you wonder why it doesn't fucking work

File: Screenshot from 2016-06-18 15-33-01.png (222 KB, 1158x1111) Image search: [Google]

222 KB, 1158x1111

>>55144706
Is this not what i'm supposed to be using?

What are you doing?
How do you develop your awesome websites/webapps? What libraries are you using?

I don't have very many days off. I've constantly got deadlines that I have a hard time hitting as it is. So I don't have very much time to practice with this stuff.
I've got today and tomorrow to get my feet wet with node. If I can't do it in this amount of time, then it could be 2 weeks before I get another opportunity.

>>55144823
Developers who use the world "awesome" should be taken and shot. We're not marketeers, we're developers. Don't become that guy. You'll be hated by everyone.

>>55144897
Well god-damn. Let's all stop down and have a fight because I used the word 'awesome'.

Sorry if I sound like a marketer, I've just spent the past 6 months working for a bunch of marketing people. I guess they've rubbed off on me a bit.

But in all seriousness, whats wrong with a little excitement when you realize you just learned something really cool? or when you realize that the work you're doing, is infact quite cool?

I've managed to impress quite a few important people at the company I'm working for. (and managed to make some decent money along the way)
And the kicker is: I'm not even that good. I'm relatively new to web-development.

But just by working hard, sticking with it, and a lot of trial and error, I've learned quite a bit and can make some decently powerful stuff. And then literally just a week ago, I started learning Angular, and now i'm realizing that stuff that would've taken like 5 hours before, could now be done in 2. Things that used to require a lot of fucking mundane functions used to track-state, perform the operation, then manipulate the DOM can now be done with short little controller methods and data-binds.

The stuff that we create is really quite cool. We're developers, and what we do is awesome.
Have some pride in your work, man.
We look damned impressive in the eyes of the normies. I know sometimes we get so ground into the function calls, the variables, the chain of never-ending input-output flow, that we forget what it is we're really doing. We're creators. We take ideas, and turn them into a money-generating reality.

What we do is awesome.
Don't ever forget that.

>Using Javascript Frameworks
I guess if you don't want to recreate a lot of simple functions that you intend to use, sure.
But why?

>CSS Frameworks
What the fuck even are they? That doesn't make sense at all.

File: 9987727231231.png (91 KB, 221x224) Image search: [Google]

91 KB, 221x224

>>55137792
There is still a vast difference in performance. I like to differentiate between desktop and mobile to prevent certain functions and event listeners from running on mobile. The layout is completley driven by the CSS, because that's what it's for. User agent, despite being hacky still somehow feels more reilable than using clientWidth—hence the question.

Any UX guy here (don't have to be, though)?

Is it bad if I don't put related posts to the side of my article? I would really like to have a clean, center aligned look so I was thinking about putting related and recommended content at the bottom, but not on the side.

>>55144897
Autism.

KYS.

>>55145235
If you're not autistic you're in the wrong line of work, my friend.

>>55145214
post a screenshot. but no, it's not bad. i like to encourage other designers to not design things that look like a wordpress template. see >>55138191

File: Screenshot from 2016-06-18 16-10-56.png (361 KB, 1390x1065) Image search: [Google]

361 KB, 1390x1065

>>55145214
Industry standard is to have them on the side. However, I'm sure if you used kind of a thumbnail approach, you could make it look alright.

>>55145382
It's not about industry standard, it's about that if it's not on the side of the content people focus on, it's not even going to get noticed. If it's on the bottom of the article, no one will see it, never mind click on it.

best node.js tutorial ?

>>55145382
>industry standard
you sound like a great designer Rajeesh

File: article-realpixels.png (4 MB, 1600x4847) Image search: [Google]

4 MB, 1600x4847

>>55145317
>>55145382
>>55145416
This is not mine, but I want to make something basically like this pic related.

I was also thinking about designing it this way for some articles like reviews and more blog-post like things, while going with a classic "left aligned content + sidebar" approach with news category.

I'm actually writing bachelor thesis on UI/UX so I'm designing a news portal as a showcase (still at the beginning phase). That's why I'm interested in this thing now, because I haven't read anything about it in a literature yet.

For me personally, I prefer it to be clean and minimalistic and it is 1000% more engaging for me, but I am aware that the people might not click enough if the related content was on the bottom. I really fucking hate this shit already, t b h.

>>55145416
People who actually read the article will see them.
But you're right: they will probably get missed if the person doesn't take the time to actually read the whole article, all the way until the last line.

>>55145507
You put them on the bottom AND they don't have pictures? Yeah okay, expect like a 0.5% click rate if not less.

>>55145532
No, I would put thumbnails, as I said, this is not mine, just an example. It's quite sad actually, but gotta follow the rules I guess.

>>55144823
MEAN is a MEME

The only time its used is in tutorials.

>mean.io

This confused me too when I was learning, its bullshit. Just install node itself, and whatever database you want (not Mongo) and then use NPM to install whatever else you want to use in node.

Do a node.js tutorial, because that's the important part, that's the only part that matters, everything else is optional. And given the option I wouldn't even bother with Mongo or Angular because Mongo doesn't actually save the data that you give it, and Angular is for js-rendered SPAs which are cancer in my opinion.

I'm just looking at it again.

The New York Times is doing it that way too and it's lovely.

http://www.nytimes.com/2016/06/19/us/omar-mateen-gunman-orlando-shooting.html?hp&action=click&pgtype=Homepage&clickSource=story-heading&module=first-column-region&region=top-news&WT.nav=top-news&_r=0

Variety:

http://variety.com/2016/film/news/box-office-finding-dory-central-intelligence-1201798028/

Wall Street Journal has some articles the classic way:

http://www.wsj.com/articles/suspect-charged-with-murder-of-jo-cox-appears-in-court-1466243768

And some like this:

http://www.wsj.com/articles/a-first-look-at-americas-supergun-1464359194

Etc. etc.

>>55145507
I think the sooner you stay off dribbble/behance the better. UX/UI is mostly a made up title that really has no role in actual graphic design practice. UI design is a language which completely depends on the product, not principles about what's right and what's wrong. UX is how effectively you implement such language based on the content you're presenting. It's made up because every designer should know this. Take a look at this website:

http://fageras.com/

The navigation is by no means "industry standard", but the website is perfectly understandable. Back to your website, you have to prioritise what content is the most important. "Related content" is a stupid blog-based-wordpress-template-web-2.0 trope that really serves no purpose unless the content actually is relevant.

What aspect of UX design are you writing your thesis about?

>>55145708
The focus is actually on the project and I'm supposed to write about the whole process. So, I'm still just starting, and I was planning on going through the UX in general, I downloaded a shitton of UX and UI books so those will be some of my sources. I should also do a user research, so I'll have to learn how to do that properly too, so yeah...

I've been on Dribbble for far too long the past week, I realized that I made improvements in my designs but it started to look so generic I actually hate it now. I'm doing another versions of front page and article page for the fifth time, and now I'm trying to bring back the unique parts I made. But desu I think I'm not approaching this correctly because I'm not actually testing it on anyone yet, I just see on myself what doesn't work and redo it again, but when I finish the first "real" version I guess I'll put the link and a poll here too, hope I'll get some good feedback from you guys.

File: TCU Cheerleader.png (582 KB, 527x700) Image search: [Google]

582 KB, 527x700

I have a site I created with Dreamweaver. I'm going to create a second site, probably different. Now that I know the coding, files, etc., I'm going to ditch Dreamweaver and just code in a notepad. Should I watch some Udemy or Lynda tutorial as well? Should I download some template or do it all from scratch?

>>55145577

>The only time its used is in tutorials
I get this impression a lot. It's like, "OK, fine, you people have a lib and your docs use your lib, but who ELSE uses this lib?".

I might give angular another try, if I were you. It's actually pretty cool. Data-binds and templating are the most useful features, in my opinion.

It takes a lot of the repetitive DOM tasks we'd normally do with jQuery, and makes it easy to "template" it and use it, straight in the html.

I made a quick little something to show how awesome ng-repeat is. https://www.lita.engineering/experiments/repeats/

Look at the source code. I only had to write in the panel html once, same for the list-item html. It just repeated it for me.

I know you can do this with jquery, but before angular, it felt like I was constantly just re-writing the same old markup again and again. Whether in the actual html, or in a jquery call. But angular just seems... I can't explain it. But it feels like I'm writing less markup now.

As for mongo... if not mongo, then what do I use? I was presently just using php to json_encode() my data-structures, and I'd throw them all in a `misc` column in mysql, but some dude said that would totally destroy my db-performance over time, and I should look into mongo

>>55145610

Btw, nobody replied with their opinion on this. As you can see, these are some big websites (I know that NY Times got awards for their design) and they don't have anything on sides of their articles.

How do you explain this? Do you think they have a bad traffic because of it?

>>55145880
But then again, what are you actually designing? what are you trying to test? for what purpose? Your thesis should be a focused insight, not just a documented process. The answer to your Related items box might not even be in the placement. If the point is to encourage the reader to keep reading then take a look at Quartz (qz.com), which loads the next article once you scroll to the bottom. They are the only publication I know of that is really pushing the boundaries design-wise, from the front page layout to the article functionality.

>>55145954
Shit, I'm starting an Angular internship in a month and I have no clue at what level my knowledge even is. What am I supposed to do as as a small project? How advanced are those tutorials on the internet? All that shit looks pretty simple and it makes it look like Angular is piss easy, but then I hear that it is actually a pretty tough framework, and you only think you know your shit at the beginning, but then it hits you in the face hard.

>>55145997
Well shit, I'm not even sure. Good thing that I haven't properly started yet. What could be my purpose? The project would be, as I said, a movie news portal. I've seen final projects with similar topic on my and other universities and it basically IS a documented process. It's like you are reading those UX books, it goes over theory and shows its application on the example. I was thinking about focusing more on a user interface design though, but I'm still not sure what should be my exact "purpose". To make a good, usable design I guess lol... right?

>>55145882
nice bait

>>55145958
Big names =/= good design. Their design is basically laid out like a print newspaper, and though it helps them boost their 'classic' look, it comes across as archaic in many ways. The fucking front page stays at a maximum of 972px not matter the screen width. As for the thumbails, it's counter intuitive. Why would i click on a new article before i've even started with the current one? see >>55145997

>>55146073
Oh and btw, I guess I translated it incorrectly. It should actually be called a final year project, rather than thesis I guess. Just checked some article about it. As I said, you are writing about your methodology, significance, objective, conclusion and recommendation. Thesis is more oriented in solving a problem if understood correctly.

>>55146073
I could write a long reply but I gotta go anon. If you really need help e-mail me at [email protected]. I'm totally serious.

>>55146081
Fuck you, nigger. Not fucking bait.

File: Screenshot from 2016-06-18 17-11-15.png (510 KB, 2483x1244) Image search: [Google]

510 KB, 2483x1244

>>55146000
Honestly, I'm going to give what is probably a very unpopular answer:
https://courses.toddmotto.com/pages/courses

This dude's 'starter' class has been very helpful to me.
There's 40 lessons. They're about 10 minutes a piece. He keeps it simple, but at the same time, keeps it real. (by which I mean: his examples show are like real-world scenarios)

His recordings are good. He speaks clearly and loudly, and sounds all professional like a real instructor.

I found this dude originally just because I looked something up on google, and found this article: https://toddmotto.com/mastering-the-module-pattern/

The article helped me, so I decided to buy his video lecture thing. I would say it was worth it. It helped me.

It's $100. If you've got it, I'd just go ahead and buy this dude's class.

----
More advanced project idea: webpage builder

I've already started on something like this.

Just going off of bootstrap components (panels, buttons, tables, things like this)
I was trying to create a system to allow a user to select a component, customize it a bit, then add it to the "active path" of the DOM within an iframe.

This would need structure like:
Controllers:
preview (handles iframe contentDocument appends)
activeElementPosition (handles position of active element in relation to its children/parent/siblings and the body)
componentCreator (instantiates the bs components)

and just, you know, try something like that.

A way for normies to use web-forms to build their own webpage. Do the preview pane as an iframe, so you're sure the current doc isn't in any way affecting the output doc.

>>55146141
Other anon here.

Doing it from scratch without frameworks will definitely make you learn better. I don't know how much HTML, CSS and some JS you know. If you want to make some blog you will need to learn some backend language too, or you can use some CMS but make a template from scratch, but you still need to have some backend knowledge for that. But you can practice HTML + CSS that way.

I'd say don't try to work with CSS frameworks like Bootstrap or Foundation before you have a solid grasp of CSS because you might learn bad habits.

>>55146193
Great reply, thanks anon!

>>55145150
>There is still a vast difference in performance.

The performance should be the best possible for any device. I don't want to download 10mb of bullshit or have janky gimmicky crap in my browser while I'm looking at your site on a desktop either.

>>55146203
thank you.

File: 1445564426087.jpg (84 KB, 733x960) Image search: [Google]

84 KB, 733x960

Recommend a good text editor please.

>>55146395
vim

seriously.

>>55145954
>I might give angular another try, if I were you. It's actually pretty cool. Data-binds and templating are the most useful features, in my opinion.

I can do templating on the server-side with any number of options, I don't want to render the whole application using javascript in the browser. You can separate application and presentation logic just fine within a single node app. If you want to produce a REST API that spits JSON out for maximum flexibility, that's fine, but there are still better and simpler options for presentation and templating than Angular.

>As for mongo... if not mongo, then what do I use? I was presently just using php to json_encode() my data-structures, and I'd throw them all in a `misc` column in mysql, but some dude said that would totally destroy my db-performance over time, and I should look into mongo

Yes, he suggested that because that's a retarded way to use a relational database, and if you just want to store JSON then a noSQL solution is best, and Mongo is a well-known noSQL database, but there are others. CouchDB is better imo, there's also RethinkDB.

>>55145954
>mongo
http://www.sarahmei.com/blog/2013/11/11/why-you-should-never-use-mongodb/
http://cryto.net/~joepie91/blog/2015/07/19/why-you-should-never-ever-ever-use-mongodb/

>>55138749
>need an extra http request at all

>>55138749
easily.
you can make a single image containing all the different images and then use css to make a sprite sheet out of it
or you could just base64 encode them into css

I feel like the more I read and code the less I know. Like it never ends.

>>55146395
sublime

I'm giving my text a text-shadow property on hover. I made a transition of .4s, but the problem is when I "mouse leave" from it, it won't animate the text-shadow back, but it will just instantly dissapear. How to fix that?

>>55146730
Well before, you didn't know what you don't know. Now you know more of what you don't know.

It would seem that you're learning correctly. Some people are too stupid too know what they don't know, and think they know it all.

>>55146833
Stop faffing around with that gay shit and learn some backend shit, i.e. the only part of a web application that actually matters, because that's the bit that makes a web application do something useful.

>>55146886
Is this a bait or are you retarded?

>>55146395
just fucking pick one

>>55146923
If 4chan didn't have a backend, you wouldn't be able to call me retarded while being wrong and bad.

>>55147013
Nobody is denying the importance of a backend (duh), but saying that design doesn't matter is straight up retarded.

>>55147013
Making sure your website doesn't look like total dogshit is just as important as making sure your backend isn't total dogshit.
Nobody wants to visit an ugly, poorly designed website.

I had signed up for a course that dealt with html, css and javascript that was supposed to be my main web development course for next semester but it got cancelled and now I have a chance to take a course in ASP.NET instead. Is ASP.NET worth learning for a pretty much complete newbie or should I just skip it and learn html, css and javascript on my own through codeacademy?

>>55145130
golf clap

>>55147033
>>55147133

Design patterns and best practices have been well established for years now, the only way you can fuck up the design of your site is by being a newfag and trying to be creative instead of just doing what clearly works. Deciding what color to make your navbar, or how big to make the logo, or having shitty gimmicky animations all over the page isn't really very important.

User Experience, or UX is important. But that encompasses all aspects of presentation, usability and performance... rather than animating a text-shadow, which is basically pointless unless you have a specific UI feature in mind that requires that animation.

Guys, is web design a meme? I really enjoy designing but don't know if it is worth getting into it.

>>55147473
Designers are a dime a dozen and largely useless. Their pretty pictures are just fantasy concept art that the final product will not end up looking like.

Do web development, get paid more, build something that actually works. If you have design skills then maybe you can make it look nice while also being useful.

Focus on frontend. Like really fucking in-depth, get good at that shit. Learn your Javascript, learn your CSS and HTML.

Stuffing bootstrap on your page is not 'frontend', and 'frontend' isn't another word for 'entry level'. Its hard to do frontend properly.

For example there's a front-end animation technique called FLIP.
https://aerotwist.com/blog/flip-your-animations/

Using this technique you can get animations to run at 60fps because they're using the GPU compositor instead of computing every frame of the animation step by step and repainting the screen every time something moves, which if the element has transparency can be quite costly and slow, and lead to the type of janky shit made by mediocre frontend developers that infests the web these days.

There's a ton of advanced frontend shit. If you learn it you will have a very valuable skillset, but you'll have to contend with your field being full of monkeys. If you just want to fuck around with photoshop as a 'designer' though, well I dunno, anyone can do that.

>>55144651
>But node just feels like a cheap piece of shit written by a bunch of first-year script kiddies.
Yup, they all fell for the meme and you're next

I have a messages section on my site. Instead of having separate pages for inbox and outbox, what's a good way to update the div to show the inbox messages when the user clicks the Inbox button, then refresh the div to show the outbox when they click Outbox?

I was thinking about using Bootstrap's tabs - one tab for each section, but that'll cause problems for pagination and an ajax script I have that deletes the message without refreshing the page. My best bet to make things work smoothly is to replace the div on click.

>>55146833
You need to put the transition property on both the :hover and the normal rule.

>html
>css
>js
>php
what other skills should i be looking into?

>>55146356
alright nigger, then explain explain event listeners, grid and drag&drop libraries, and pointer polyfills. A mobile website is basically a stripped down desktop version, do you still load and run all of your scripts?

>>55148857
node

firefox saves all the checkboxes as checked when I refresh the page how to fix this?

>>55148952
write a quick script to set all their initial values to whatever you want

>>55148857
devops

aka linux, cloud (aws, vps), DNS, networking, system administration, REST, learn the basics of all popular web frameworks (rails, .net, laravel, node+express, etc)

File: Screenshot_2.jpg (46 KB, 673x312) Image search: [Google]

46 KB, 673x312

How do I CSS this?

What's the best way to go about reverse engineering a huge obfuscated and minified javascript file?

>>55149445

Inspect the element.

>>55149519
shit's done in Adobe Muse, have a look

http://www.mentallyfitbasketball.com/index.html

>>55149545
its just a bunch of square divs stacked on each other

>>55149545
its a bunch of divs with the appropriate color and size

>>55149603
thanks, also, you cute?

>>55149622
cutie reporting in

>>55149622
you sure know how to get to a boy's heart. but no, im probably not cute

HTML

<div class="clearfix grpelem" id="u9118"><!-- column -->
      <div class="colelem" id="u9122"><!-- simple frame --></div>
      <div class="colelem" id="u9120"><!-- simple frame --></div>
      <div class="colelem" id="u9121"><!-- simple frame --></div>
      <div class="colelem" id="u9119"><!-- simple frame --></div>
      <div class="colelem" id="u9123"><!-- simple frame --></div>
     </div>

CSS

#u9121
{
    z-index: 733;
    width: 36px;
    height: 3px;
    background-color: #F0F0F0;
    margin-top: 5px;
    position: relative;
}

>>55148914
js meme bait/10

>>55133364
What's the output like ?