Old Thread >>52039089 →→ #
>IRC Channel
#/g/wdg @ irc.rizon.net
Web client: https://www.rizon.net/chat
>Learning material
https://www.codecademy.com/
https://www.bento.io/
https://programming-motherfucker.com/
https://github.com/vhf/free-programming-books/blob/master/free-programming-books.md
https://www.theodinproject.com/
>Frontend development
https://github.com/dypsilon/frontend-dev-bookmarks
>Backend development
https://en.m.wikipedia.org/wiki/Comparison_of_web_application_frameworks
>Useful tools
https://pastebin.com/q5nB1Npt/
https://libraries.io/ - Discover new open source libraries, modules and frameworks and keep track of ones you depend upon.
>NEET guide to web dev employment
https://pastebin.com/4YeJAUbT/
I selfishly opened this thread to ask this question, but I'm getting nowhere on my own here.
I'm making a simple JS card game and I use a serInterval to draw the grid where the cards can be placed so it looks pretty.
Problem is I don't want the next function to be executed till the board is painted, wich takes a second or two.
I can always call the function drawCard() after the clearInterval(), but that would mean I have to call all functions from drawCard() from now on.
I also don't think that adding a setTimer to all my posterior functions is the correct answer.
Sorry if my code isn't clear, it's my first "game".
>>52093105
I'm proud of how the whole thing plays out BTW
Thread is on page 9 on first day???
What the fuck???
BUMP!!!
Pulling information from a database through a PHP loop. I want to output multiple posts in each row (provided there is enough space), but for some reason they are all being placed in different lines. I don't know why exactly. Each of them is being output in a div called blog-item as defined:.blog-item{
max-width:300px;
padding: 20px;
background-color: #F5F5F5;
-webkit-box-shadow: 0px 11px 15px 0px rgba(50, 50, 50, 0.35);
-moz-box-shadow: 0px 11px 15px 0px rgba(50, 50, 50, 0.35);
box-shadow: 0px 11px 15px 0px rgba(50, 50, 50, 0.35);
text-align: center;
}
Please help.
>>52095061
Forgot the pic
Want to build backends for my websites using php, simple control panels I can I use to add and remove data without using phpmyadmin ect
Any books or tutorials should follow?
I know, html, css, php and basic js
I don't "get" bootstrap what's the point?
Any decent dev builds up their own library of reusable snippets, as for responsiveness I look forward to setting up the breakpoints once the layout is done and making sure it all works beautfully scaling down.
It's actually the enjoyable part?
What are you actually designing when you use bootstrap? I tried it once and by the time I was halfway finished removing all the shit I had no interest in I realised I would be halfway done if I had started from scratch.
I just don't get it. However I'm originally from a print design background so I guess I really like starting with a blank page?
>>52095260
When I'm doing something in backend, it saves me time because I'm focusing on development and not designing, I use it for quick designs or mockups. If I don't want it to look generic, I end just using the grid most of time.
>>52095061
>>52095072
something something float?
>>52095061
try adding a "float: left;"
would you play it?
could i put it on the play store?
how much do you niggers make?
I'm about to start looking for a job in web dev as a NEET
Hey guys, I have a few questions:
1) How does one design responsive websites? In what way are they different from the standard ones?
2) How do you guys check how your site looks and works among many different platforms (from Windows to Android to iOS)? Do you use a virtual box?
3) WTF are "em" size units in CSS?
>>52095916
>How does one design responsive websites?In what way are they different from the standard ones?
http://mediaqueri.es/
http://learn.shayhowe.com/advanced-html-css/responsive-web-design/
>How do you guys check how your site looks and works among many different platforms (from Windows to Android to iOS)? Do you use a virtual box?
You can use Chrome developer to check how it looks in different sizes, I don't know about the second.
>WTF are "em" size units in CSS?
http://webdesign.tutsplus.com/articles/taking-the-erm-out-of-ems--webdesign-12321
http://webdesign.tutsplus.com/articles/taking-ems-even-further--webdesign-12543
>>52095840
i would play the shit out of it
link plis
>>52096447
Thanks anon. That helped clear things up.
So I'm updating the gallery page on a site that's written in golang, I want to be able to generate thumbnails from webms on the fly, so far the VP8 lib doesn't work with any video i've tried, anyone have some suggestions? rather not use ffmpeg or any external software if possible.
I need an idea on what to make. I can build something from scratch DOING everything. I do this for my job. But I don't have any ideas on what to make. I'm not looking to get rich overnight in the next Facebook, but I just want to get something out there that might have a chance to be useful.
Please explain CSS @media tags to a retard.
>>52098441
http://mediaqueri.es
>>52093267
Looks neat anon
>>52097103
goav
How can I test my Drupal and WordPress themes without having to install Drupal/WordPress?
When is % better than em in CSS?
>>52095805
>>52095593
Thanks, that worked. I'll update in a few.
I'm having doubts about making a personal website with at least a blog, especially with Laravel. I don't know what else I really should have in it too.
Convince me to make one.
>>52093105
>>52099306
Thanks m8 but I'm still stuck, I don't know how to fix this
>>52101486
About page. Links to shit.
>>52100746
They're fundamentally different. That's like asking when is a hammer better than a screwdriver; when you want to nail something instead of screwing.
Ems are a unit that are equal to the current context's font-size. If your parent div has font-size:10px;, and your child div has a padding of 1em, the padding is 10px wide.
Pro-tip: Never use pixel sizes for font-size. Body/html should have font-size:100%;, which basically means it uses the user configuration, and other elements should use ems.
Avoid everything else in responsive designs except ems.
% is a unit that is equal to a percent of the parent element's width or height, depending on the property. It can only be used when the parent element has a defined width and/or height.
If a parent element has a width of 20em, and the child element is set to have a padding-left of 50%, the left padding will be 10em.
Pro-tip: % are usually not the preferred method for responsivity, ems are recommended instead.
>>52101595
What if you call drawCard() in the end of paintGrid()?
Hey /wdg/
What are the pros of coding a website instead of doing it all in cms?
>>52101486
That's what I'm doing now. See >>52095072
I have a blog section that I'll update once a week/bi-weekly, I'm putting in an About Me page that basically has information from my resume and my special skills.
The contact page with my info.
I'll have a portfolio page with links to my GitHub (I have 1 project so far) and projects I complete for clients (if I get any).
>>52102042
>Never use pixel sizes for font-size
Well, fuck. My entire life has been a lie.
Drupal or Symfony?
Or Django?
>>52095840
I laughed for like a minute upon seeing this
so yes
>>52103588
Laravel.
>Or Django?
Yes, if you're going with Python that's your best option.
>>52095840
Yes
I have a white bar on the top of this web page I'm trying to build. Can anyone help.
css:#main{
background: url('backgroundgradient.jpg') repeat-x;
background-size: cover;
}
h1 {
margin: 0px;
padding: 0px;
}
#links {border: 2px solid gray;
position: justified;
}
a {color: black; font-size: 20px; font-family:Arial;}
a:hover{background-color: red;}
a:active{background-color: blue;}
a:visited{color: }
ul {color: red; font-size: 20px; font-family: calibri;}
p{ font-family:Arial; font-size: 20px;
}
p:mini{font-family: calibri; color: red;}
>>52104835
Codepen?
>>52104835html, body {
margin: 0;
padding: 0;
}
>>52104835
And here is the html portion minus some links for the sake of the comment field:<div id ="main">
<h1 align="center">Guitar Practice</h1>
<hr />
<div id="links" align="center"> <a href="http://google.com">|Regimen/Practice|</a> <a href="second.html">|Dope Videos|</a>
<a href="http://www.guitarcenter.com/">|Cool Guitars|</a> <a href="http://google.com">|Other|</a>
</div>
<p align="center">This site is dedicated to guitars (mostly) I made it to keep track of my practice schedule, post cool songs/videos, keep track of ideas, among other random stuff I find interesting.</P>
<br />
<p align="center">Some useful theory tips to keep in mind (Reference)
<br / >
Maj Chords: Imaj7 IIm7 IIIm7 IVmaj7 V7 VIm7 VIIm7b5 | Min Chords: Im7 IIm7b5 IIImaj7 IVm7 Vm7 VImaj7 VII7
</p>
<div = align="center">
<br />
<table border="1" >
<tr>
<th colspan="4"><h2>Regimen/Practice:</h2></th>
</tr>
<tr>
<th>Chords</th>
<th>Scales</th>
<th>Arpeggios</th>
<th>Time</th>
</tr>
<tr>
<td>C D E F G A B C</td>
<td>Cmaj/Amin pentatonic</td>
<td>1-3-5-7</td>
<td>20 min</td>
</tr>
<td>G A B C# D E F G</td>
<td>Gmaj/Em Pentatonic</td>
<td>test3</td>
<td>20min</td>
<tr>
<td>D E F# C# G A B C</td>
<td>Dmaj/Bmin Pentatonic</td>
<td>test4</td>
<td>20min</td>
</tr>
</table>
<br /><p class="mini">Should be played through at least 2x daily while alternating picking styles.
Don't forget the metrenome!</p>
<p>Focus. Mix and match. Rinse and repeat. This is really just a work in progress that will be updated every week
(three chords at a time, for the sake of efficient practice) and improved.
<br /> Helpful warmup/practice videos below:</p>
</div>
<br />
<p>Can't improve if you don't set goals. These exercises target:</p>
<ul>
<li>Accuracy</li>
<li>Timing</li>
<li>Speed</li>
</ul>
Here are some helpful resources:
<hr />
</div>
>>52104858
Huh? I just googled that... is that like codeacademy? This is just stuff I learned from videos as a hobby.
>>52104916
Ahh thanks, just had to add that 'html' part.
>>52103938
Any advice on what to pick between the 2?
My PHP knowledge is relatively little, except I know even less python
After reading the 'fractal of bad design' article I'd lean towards python but are PHP's fallbacks just exaggerated by /g/?
>>52104970
Codepen is a site where you can upload your HTML+CSS+JS and share it with others, so they can change stuff around. Pretty useful when you've got an error like in this case.
http://codepen.io/pen/
>>52105087
If your knowledge of PHP and Python is lacking, why were you even considering using those two languages in the first place?
Start over. What language are you the most comfortable with?
>>52105108
Oh wow there are some really cool projects on that site! Thanks. Btw you have any other resources that have helped you learn front end stuff? I'm currently learning JS (thenewboston + a smarter way to learn JS) while trying to sharpen my knowledge of html/css. Right now I just have a core understanding after watching all of thenewboston's videos.
I'm in seattle area trying to get a job doing javascript
any tips?
>>52105165
Or rather which in the OP did you find the most useful?
>>52105165
If you're serious about JS, ditch thenewboston and try this out: http://nodeschool.io/#workshoppers
1) What do you think about React.js? Is it gay like Angular?
2)I'm making simple startpage for my browser but how do I make something like that default "speed dial" you get on Chrome for example?(the square fields that auto add websites you recently visited).
Basically I need to know how to extract links from history and add them to my custom page?
>>52105761
I was just reading this
https://www.airpair.com/angularjs/posts/angular-vs-react-the-tie-breaker
>>52105761
>2
Nigga, ain't happening with regular JS. Browsers very intentionally prevent web pages from seeing your history, huge privacy deal.
>>52105864
Yeah I was afraid of that..
>>52105165
Actually, I'm more of a backend-dev. I work as a developer for a company that sells software for insurance brokers. We're working with the .NET stack (ASP.NET and stuff), and I don't ever have to edit views and adjust css (views are created automatically using libraries developed here by another team).
About learning front-end stuff... I'd start with the basics: HTML + CSS (books, videos, whatever you like the most. Everyone should be covering the same), and then move to making my sites dynamic with JS (NOT JQUERY, PLAIN JS).
After you have a strong knowledge of what the fuck is actually happening, pick the most hipster library/framework you find around (the Circlejerk of The Month is easily spotted by browsing /wdg/ or leddit once in a while).
So I had some extra money left over from christmas and i allocated it away from another project and put it into getting pic related. Got them both for 30 bucks. Are these pretty good? anybody have good things to say about them?
I'm just doing this for a hobby, and if I become good enough maybe I could do some independent work
>inb4 go on the internet for free
I honestly have issues paying attention when I try learning from the internet, I get too distracted and eventually end up on netflix. I have to read a book/notes or I just can't pay attention.
>>52105993
Have you considered printing the internet's shit? Just like a book but cheaper (sometimes)
>>52106047
Kinda hard to print lecture videos
>>52105991
Thanks for the tips. I do more back end stuff as well (Android apps/games with java/c) so picking up the syntax and concepts have been a breeze so far. Just curious, what's wrong with jquery? Not that I know much about it
People's thoughts on Treehouse?
I'm fairly new to Webdev and well, programming in general. I had a grip of the fundimentals, but never really expanded on it. So gave the trial a good over the Christmas break. And while it can dip a bit into faggy-SJWness, I've been finding it a great way of learning.
Unfortunately, my trial comes to an end tomorrow, and well... not sure if I should sign up to a subscription or not. Normally I wouldn't touch a premium subscription, but it's just got its hooks in me.
>>52105993
A bit late to ask if you've already handed over money. But they're pretty good, and the presentation is top notch in them!
>>52106124
There is nothing wrong with the library per se, it's just that there are people who pickup webdevving, and right at the start, try to solve everything with JQ.
This tendency may be due to the fact that a few years ago, the vanilla (plain) js solution vs the jquery solution was simpler and easier to read/understand. JS have come a long way from those times, and now their solutions are equally readable but the vanilla solution is (most of the times) universal and isn't depending on anything external.
>>52106227
Well I still have 2 days to cancel the order, just figured I'd see what to expect. You find them easy to learn from?
>>52105111
>why were you even considering using those two languages in the first place?
They're all I know
I want to use this project as a learning experience
>>52106285
Very much so. Enjoy them, they'll also look pretty on your bookshelf
Are there any website maintenance jobs? I'm good at understanding new environments and working on them, but I'm bad at making things completely from scratch, it's just intimidating. I would be most interested in a junior level remote job, but anything else would be fine too.
I'm in dire need of work.
>>52105864
>very intentionally
>>52105169
pls respond
What's the best linux CSS/HTML editor with live preview?
>>52106764
do you have 2 monitors?
>>52106806
Nope, but a 21'' screen
>>52106764
Yes and no
>>52106838
So you have half a monitor.
>>52105761
React is awesome. I've been using it for about a year and a half now.
>>52106291
I see. Well since PHP blows, I'd probably stick with Python then.
>>52106291
PHP is your best bet, Python blows.
>>52106941
>>52106959
faggot
i need ideas for a folio project
>>52106764
I've been using brackets, but you have to use chrome
>>52107132
Why not Atom?
>>52106764
phpstorm/jetbrains
>>52102109
that's what I'm doing. But my problem is all functions need to be called from now on from the end of that function. I can have all my functions in paintGrid() from now on
>>52107752
http://stackoverflow.com/a/951111/4780006
should I learn adobe illustrator for frontend work?
Personal website:
Real name or pseudonym?
>>52108307
doesnt matter
just dont choose a long retarded domain name
>>52107838
Oh shit I never thought of that. Thanks anon
a friend told me yeoman has a login/authentication system that's easy to implement (im working with the mean stack) but i can't find a tutorial or info anywhere, can someone help me?
>>52108307
I'd say real name.
If I want to style another part of my webpage i'm linking to do I have to create another style sheet? The div id is not working for some reason, but works just fine in the original
>>52109733
You can use the same .css file for every page on your website.
This shit is such a giant pain in the ass. Indian shitskins please kill yourselves and get the fuck out of the web industry.
>>52109824
hmm any idea how come it's not applying my style to the other page? There are all in the same directory.
html:<body>
<div id="sec">
<div align="right">
<a href="BasicHtmlLayout.html">Home</a>
</div>
<h1 align="center">Dope Videos</h1>
<hr />
<div align="left">
<iframe width="560" height="315" src="https://www.youtube.com/embed/IPtv14q9ZDg" frameborder="0" allowfullscreen></iframe>
<br r/>
<iframe width="560" height="315" src="https://www.youtube.com/embed/Qo2hlWLno5Y" frameborder="0" allowfullscreen></iframe>
<br /r>
<iframe width="560" height="315" src="https://www.youtube.com/embed/cr-Lj9TnJOE" frameborder="0" allowfullscreen></iframe>
<br /r>
<iframe width="560" height="315" src="https://www.youtube.com/embed/4fk2prKnYnI" frameborder="0" allowfullscreen></iframe>
<br />
<iframe width="420" height="315" src="https://www.youtube.com/embed/DZeu29nOwjw" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</body>
>>52109864
You need to list the .css file in your <head>.
>>52109824
>>52109864
and here is the css portion:#main{
background: url('backgroundgradient.jpg') repeat-x;
background-size: cover;
}
#sec{
background: url('gray-gradient.jpg')
background-size: cover;
}
#links {border: 2px solid gray;
position: justified;
}
a {color: black; font-size: 20px; font-family:Arial;}
a:hover{background-color: red;}
a:active{background-color: purple;}
a:visited{color: }
>>52109886
oh shit I'm retarded. Sorry. Thanks tho!
I'm new to Python so if anyone could explain how this code works, you'll make me a happy man.
result = 0
for i in range (1, 5):
result += i
print(result)
The answer is 10, where does that number come from?
trying to decide which hybrid mobile web app framework i should use for a future project. also im wondering whats the best way to set markers and labels in google maps (or alternatives) based on data pulled from the db. by the way, setting up ionic (was considering using that for my next app) on windows was a bitch, should i just run linux on a virtual machine (i dont have access to my own computer for a while) and work from there?
>>52109928
result += i
it's equal to
result = result + i
for i in range(1,5)
counts from 1 to 4 (5 is excluded)
so you have 1 + 2 + 3 + 4 = 10
>>52110037
Thanks mate, I thought it rather added the numbers in range next to each other, like "1234".
Question, why even use angular or react? What's wrong with append functions in an Ajax callback?
>>52110772
Nothing, as long as your app is small, but when things get complicated it's silly to try and keep track of all the states and their values.
>>52093105
>>52093267
>>52102109
>>52107838
Sorry to bring this up again, but following the solution in stack overflow made my code all mucky, is there a better solution to this?
Also, can't wait(); go avote like 13? I though JS read the whole archive before executing.
>>52110972
Dude, I'm drunk and don't know what you're trying to do, but what you need to do to "sleep" is to use a setTimeout and then keep a variable somewhere that tells other things it's waiting for something.
>launch new website
>within 30 minutes, Linode undergoes DDoS and new server offline
>>52111076
>keep a variable somewhere that tells other things it's waiting for something.
Shit I'm trying to get this variable thing through my skull. Wouldn't that make all my functions include a boolean to indicate if the wait is over?
shit why can't I just yell my script to sleep
>>52111257
You probably have a terrible code design in general if all your functions need the variable to know what to do.
>>52111305
That is clearly what I'm trying to avoid while implementing this "sleep"
Can anyone recommend any cheap web hosting services? Its just for my personal portfolio site.
>tfw company chose another candidate for 15 dollar an hour front end dev position
>>52111425
You're doing it wrong then, are you coming from a non-asynchronous background? You have no control when things run, only if.
>>52111578
Make that asynchronous
>>52111551
>paying $15 an hour for a front end developer.
Companies are really this retarded/desperate?
>>52111551
what third world hell hole country are you in that you're not looking for $50/hour for front-end web dev?
Guys, is it possible to load an mp3 file and start playing it on a page when user clicks a button, but in a way that he doesn't have to download that file every time he navigates the page. 4MB is a lot. I thought about ajax, can I use it for this and will that work?
So basically, it is for one forum. Users constantly change pages and I don't want them to download that mp3 every time. But if they want, they can click a button in the header and I load that file afterwards with ajax, and that time only will they download those 4 megs. I hope you understand what I try to ask, I tend to over complicate the question.
>>52111711
Never use mp3, it's not supported in every browser.
What's stopping you from not preloading it and calling .play() when the user clicks the button?
>>52111740
Ok, which format should I use then? I have one song from fallout in mp3 format btw.
But when I preload it, doesn't that mean the user will download extra 4MB every time he refreshes a page?
>>52111797
https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats
Basically, you're fucked if you don't include multiple versions.
You don't preload it until the user click the button to play it, or hope they cache it.
>>52111836
Ok, so I would need to convert it to a few more formats.
Wait, so if it stays inside audio html tag and it doesn't auto play, does that mean the user is NOT downloading that song until he clicks the button? I have it that way at the moment, I click the button, the song plays, I click it again and it pauses. I was worried about the fact that users will constantly download few extra MBs and it is wayyy too much.
>>52111913
>Wait, so if it stays inside audio html tag and it doesn't auto play, does that mean the user is NOT downloading that song until he clicks the button?
Yes, check the network log if you want to be certain, you can add preload="none" to the audio tag if you want to be certain.
>>52111948
Oh, ok, desu I haven't used network log often, but yeah, the size says 0B for my file. Why does it stay on 0B even when I start the song though? Is it because it is already on my client so I don't have to download it or am I talking nonsense now?
>>52111711
Why not stream it? It solves the download issue and format doesn't really matter. Ideally you wouldn't even have to change anything client-side just change your server-side code to serve a byte-stream. Though, that depends on your client side code.
>>52112090
Maybe you have a shitty network log? It should tell you the status code if it does not download anything.
>>52112145
I checked it on some example from w3schools, it loads it when I click, and the second time it loads it from cache. I don't know why it doesn't work for my example but it doesn't matter I guess. It shows "finished" in status btw.
The thing is that I don't have an access to the server side code, this is for a forum and I'm just a member and will be sending it to the admin for a little client side only animation for New years.
So >>52112135
is not possible for this, but good idea.
But yeah, I can convert it to OGG and now that I know I can turn off preload I guess my problem is resolved. Thanks guys.
>>52109831
kek, reminds me of the current code base i have to maintain ;-;
>>52111635
>>52111578
asynchronous background?
REEEE
I just want to not be able to place a card before the board is drawn?
I'm totally messing up my code for a simple fix.
Now that CLR is viable on Linux, is there a decent IDE for C# for it?
>>52112855
Your best bet should be Visual Studio Code.
Is MonoDevelop still a thing?
>>52112808
You need to think differently, you're trying to draw/do things before it's even possible. The things about JS is that stuff can happen at all times, you need to know if they're allowed to happen or if you want to wait further.
>>52109831
holy shit senpai
>raw mysql. not even PDO
he is asking for it
My site is nearing completion. Anyone here good at designing logos? Or know of anywhere I can get someone to design it?
Alternatively, I could use some inspiration so I can have an idea of how to design it myself.
>>52109831
>php
lel someone told me php wasn't shit anymore
>>52113767
PHP may be shit but there the programmer is at fault not the language.
>>52113966
PHP has serious design flaws baked into it. Even if you go in with the standard amount of diligence necessary to do good work in other languages, PHP will find ways to violate expectations. Say whatever you want about design choices - static, dynamic, compiled, interpreted, whatever - if a language is inconsistent with itself it's a fucking train wreck.
there are developers trying to make PHP less awful - facebook is the driving force behind that - but the reason they stick with it is primarily because it's so widespread, and because it makes it easier to hire people to maintain code if they use a familiar language. Neither of these are principled decisions relating to the qualities of the language itself; they're resignations to accept that PHP is just too entrenched to fight that current.
That's hardly a resounding endorsement, and the cliche that "it's the man, not the tool" only goes so far, as PHP illustrates.
>>52114003
But really. Calling three times the database instead of making the proper request isn't PHP's fault at all.
>>52114003
>tl;dr: I don't know what I'm talking about so I'll just parrot what that website said many years ago.
Currently working on a centralized system for multiple customers. How would I go about letting them 'customize' several aspects of their service, such as categories, homepage layout, etc.?
Your typical desktop application saves a dotfile with that kind of information, I was wondering what is the best practice when it comes to web applications?
I could save the path to such files in the database, or save that info on a table. What's the proper way to go?
>>52114038
but putting functions like mysql_real_escape_string and mysql_escape_string is PHP's fault. Building into the language strstr and strchr, stristr, strrchr, strpos, stripos, strrpos, strripos, and others very fucking much *is* PHP's fault.
Unless you're saying that PHP, the product of a retarded language designer, isn't at fault because it's just an inanimate object, to which there's honestly no response. PHP is a decidedly poorly designed language, with no evident planning at the start, and it really shows. Reading through the documentation you see that the vast majority of docs are saved by user-submitted comments clarifying the insane, conterintuitive shit described by the documentation.
I'm having a fairly strange error. This error happens on this machine, but not my machine back at home.
This class is a server thread that receives datagrams.
In this code
http://pastebin.com/cEUzvKsH
line 9 gives me a warning telling me to add an @override annotation. In addition, the void run never actually runs so my program doesn't execute. It works on my home machine. Does anyone know what could cause this?
>>52114061
Aim higher.
>>52114139
After you.
>>52114202
I followed up with specific examples illustrating the core issue with PHP - that it lacks any impression of big picture planning. You're continuing to regress into more impulsive knee-jerk reactions.
>>52100496
You can't?
>>52114221
You said nothing of value, give some real, concrete examples instead.
Learning Adobe Illustrator worthwhile for web design and/or frontend work
I'm having zero luck with finding gigs online. What are the best ways to find work irl?
>>52114664
Street corner, wear high-heels and a short skirt.
>>52114664
users' groups and Meetups
>Boston PHP Users' Group
>Denver JavaScript Users' Group
Print business cards and have a portfolio of some sort. You'll get work.
Should I start building my own personal site for showcase reasons even though I'm still learning about webdev and frontend work
>>52115117
have you built anything already? sure
else? no, do something more productive
>>52114138
Anons please
this is killing me
>>52093053
Question:
Are people actually using the MEAN stack for large scale web app development?
Node and Angular seem so weird. and JS is... well, JS.
>nested callback functions in node that look like a fucking pyramid to do basic shit
sure, how node handles requests is nice... but does this tech stack have any other redeeming qualities?
>>52096447
>How does one design responsive websites?In what way are they different from the standard ones?
Media queries, lots of them. Also feature detection from JavaScript. Being responsive isn't just about layout. It's also about supporting different inputs. If they have touch enabled, leverage touch. If they are on mobile, try leveraging the HTML5 inputs like datepicker or input[type="number"] if the browser allows it.
>How do you guys check how your site looks and works among many different platforms
Chrome/Firefox dev emulator tools. Should be like ctrl + shift + M or something.
If you desperately need to get physical alternative devices, you can use a service like Perfecto Mobile. We use it on the project that I'm on right now, but I just went ahead and bought a $30 android to test myself since you can't do remote web debugging through the service.
>WTF are "em"
Irritating. At least whenever you have to convert an old codebase to them. They are a relative unit. They basically scale whatever measurment you use them with relative to the parent.
>>52115190
We'll I figured building the site itself would be something to start off with.
I'm not really sure where to start honestly...
What are some good hosting sites?
>>52115485
digitalocean
>>52115485
Is it a static or dynamic site?
>>52115313
Don't do the pyramid. Learn to use Promises or you're going to fall into callback hell.
>>52115537
We'll knowing how I'm a beginner with all this it may be best to just do a static site for right now.
However, I'm interested in doing a wordpress site but not sure how all that works exactly.
>>52114221
>>52114139
>>52114003
Look at this cunt bailing as soon as he has to prove his claims.
In the market for a laptop do you guys recommend a macbook or windows laptop?
>>52115583
Macbook Pro
>>52115561
If you're a beginner, just host on your own machine.
Use an IDE with a built in webserver like Brackets (for front-end and JavaScript) or NetBeans (Java oriented server but also HTML development) and then slowly move on to hosting your own server with something like Apache or node.js. After you are comfortable with configuring your own server you could move on to something like Amazon EC2, Bluemix, or any other service.
GitHub also allows you to host static sites, ie: readonly or GET only sites that don't let users POST to servers.
What do you actually want to learn? Backend or frontend?
>>52115583
i have a 15" retina macbook pro 2015 and it's the best laptop i've ever used thanks to not having to deal with windows
>>52115648
I know how to create basic html pages with some css but that's about it really.
Yes, I've downloaded Brackets and I'm going to be using that from now on. As for moving on, how do I know when that time comes?
I didn't know GitHub allows for that type of thing so that's cool.
I want to learn Frontend first.
What's the backend version of bootstrap?
>>52115878
Ruby on Rails + Scaffolding, I guess?
>>52115878
I meant, is there a framework like bootstrap, but for backend developers.
>>52115756
If you know basic HTML you can start learning how to deal with POST data as you should know how to deal with forms without resorting to JavaScript. It's great to use it for some more robust things like asynchronous page interaction. For example the inline replies on 4chan are done using some sort of XHR/Ajax request that POSTs your message to 4chan.
If you're chomping at the bit for more server side stuff, I'd actually recommend the NetBeans Affable Bean tutorial. It uses J2EE, but covers a wide breadth of web technology spanning basic HTML, CSS, JavaScript, Java JSTL, SQL persistence, as well as some other stuff. The goal of it is to show you how to make a marketplace app for fruit or some stuff.
If that is too difficult, or if it's just too out of date now, you can look for other tutorials. Understanding how data gets sent back and forth over web connections is important. Understanding REST basics can also be a good place to start to understand things.
Also, whenever you start to actually get down to learning JavaScript, bear in mind that JQuery is not all that there is to the language. Neither is Angular, or Meteor, or Dojo, or whatever other flavor of the month framework people tell you to use. You don't need to use a whole 5MB framework just to be able to select a single element in a webpage, it's already available natively in the language. Learn JavaScript, don't learn a framework. You'll be much better off in the long run whenever whatever framework you're using stops being popular.
Are you coming from any programming languages already? Prototypal languages seem really strange whenever you come from an OOP background.
>>52115878
>>52115904
what would that be?
something hipster or something that lets you prgram for a specific device?
neither make sense desu
>>52115904
Bootstrap is a UI framework?
>>52115904
The only thing that I can think of that is remotely related to what you are saying is something like jade templates. Do you want jade templates? Are you trying to use a framework to create View on the backend and then send it as straight HTML?
What are you trying to do???
>>52115987
Not that guy, but yeah, your request seems to make no sense. Could you fill us in a little more?
Also yeah, RoR has templating too.
Why do many bootstrap themes integrate perfectly with all the major Content Mangement Systems, even though they weren't written and adapted separately for each CMS?
What makes bootstrap themes so adaptable?
>>52115925
POST data you say hmm I'll have to look that up.
I was thinking about signing up for Codecademy or Treehouse for one of their web design and/or frontend courses to learn more about it Then learn some things about design itself from an artistic approach or whatever.
I want to become proficient in frontend work so when the time comes to apply for jobs, I can do so showcasing my work.
I've recently finished a intro java class, so a mixture of both because I've also done a eCommerce class before too.
>>52116038
they are made with magic from people who have read the entire /g/ library torrent
>>52116038
Tons and tons of frontent engineering into one framework with Mobile ready and tries to look the same across all browsers. Its a huge time saver, and any competent designer at least knows bootstrap
>>52116038
Also, I'd say the practices that Bootstrap uses aren't that alien to other UI frameworks. Using class names to define components, the grid system, row/columns, etc. In fact, I'd say it's the leading standard now.
Any of the other choices pretty much do the same thing anyway, like Foundation or Bourbon/Refills.
So I created a simple responsive website, but there's a small problem: the logo isn't responsive and ends up breaking the site if the screen size is very small. How do I make the logo picture responsive?
>>52101595
Put it on github and send links
>>52116334
media query the img tag through all resolutions
>>52093105
>>52110972
Is this using JS animation or CSS animation?
>>52093105
>>52110972
If I'm understanding you correctly, you don't want to calldrawCard()untilhideButtons()finishes. I don't know if you're using JS or CSS anims, but the solution is either callbacks or Promises. If it's JS anims, callbacks are fine since they are technically synchronous. If you're using CSS anims, you'll have to attach an animationend listener:animatedElement.addEventListener("animationend", drawCard, false);
Until you say what you're using or post more code on either pastebin or GitHub, I can't help you any further."use strict";
function init() {}
function startGame(players) {
paintGrid();
// Using callbacks
hideButtonsCB(drawCard);
// Using Promises
hideButtonsPromise.then(drawCard);
}
// This will call whatever function you pass it after the anim is done
function hideButtonsCB(animFinishedCallback) {
// Do whatever hiding code you do
animFinishedCallback();
}
// This will return a "then"able Promise
function hideButtonsPromise() {
return new Promise(function (resolve, reject) {
try {
// Do whatever hiding code you do
resolve(true);
} catch (e) {
reject(e);
}
});
}
function paintGrid() {}
function drawCard() {}
>>52093105
>that would mean I have to call all functions from drawCard()
Why would that be the case? Which functions are you thinking you'd be calling? I would imagine after `clearInterval` you'll want to kick off the game's main event loop (if there is one).
>I also don't think that adding a setTimer to all my posterior functions is the correct answer.
Why would you need to do that?
>>52110972
Stop using the "interval" family right now. This isn't BASIC, you're not supposed to use Sleep() commands.
>>52110972
Wait, you realize wait(); doesn't do anything here right? Like if you look at the console you'll see paintGrid finishes before continueExecution(); is called. If you just want to wait N seconds after hidebuttons() is called before paintGrid is you just need to:setTimeout(paintGrid, 1000);
>>52116695
I'd argue it's async so it at least less caustic than busywaiting. It's legitimately necessary due to JS's execution model
>>52115904
Swing's "Look and Feel" system I guess?
>>52116038
Well as long as the themes don't alter geometry, or do so in a predictable/safe way (resizing floated elements is generally safe for example) then there's no reason it would break. Like whatever chrome you put on a button, it should still "integrate" just about anywhere.
>>52116334
Give it max-width: 100%; if you want it to scale down on screens smaller than the image. See https://jsfiddle.net/g3zeynaa/
>>52116812
Thanks a lot, this worked.
Nodejs, RoR, or PHP
Leaning towards node, I know js already. But I'm interested in why people like ruby and hate php so much.
>>52116956
They're kinda different things.
Rails is a pretty full featured framework, it has a lot of internal machinery, it comes with an ORM, people will argue over this but I'll say it's ultimately more opinionated than the other two by merit of the "convention over configuration" ideology (which I actually happen to agree with in general if not with each decision Rails makes).
People hate PHP because there are a lot of really obvious/painful language design flaws. Even within the standard library they can't keep a consistent naming convention, equality semantics are broken, class system is lame, everything-is-a-hashmap is annoying and makes performance a slog for interpreter implementations.
Node is actually just a set of libraries for asynchronous IO in javascript. It's pretty bare bones in terms of functionality, you get a webserver and a filesystem interface and are let lose. Of course you can fill in what's not in the standard lib with 3rd party libraries but they tend to work more as independent parts rather than an integrated system (ala Rails/Sprint/Django/whatever other popular MVC framework). Sometimes integration between these independently designed systems can be tricky but in general I think it's a better approach.
Who here still doesn't have your own portfolio site?
What's your excuse?
I don't have one because I'm poor as shit plus I suck at design. All my project sites look the same because they all have the same navigation.
Where do you guys get public domain pictures for your websites?
>>52117065
I don't have a web presence at all. I should have a github with my shit and a stackoverflow but I'm weird about that type of stuff. It hurts me in the long run.
>>52117065
I'm a programmer, not a profile site designer. If anyone wants to see my work they can look at my github.
What are the most essential tools for a web developer?
>>52117065
>Who here still doesn't have your own portfolio site?
me
>What's your excuse?
I'm 18 and a student
Also, most of the stuff I've worked on skirts the border of legality very hard
>>52117322
>most of the stuff I've worked on skirts the border of legality very hard
Are you me?
>port scanner
>auto doxer
>twitter botnet
>actual botnet
>site scrapers
>chat bots for IRC, twitch, kik etc
>private tracker
>>52117280
>What are the most essential tools for a web developer?
Text editor, web browser. That's about it. Chrome and Firefox both have good debuggers built in.
A build tool like Gulp or Grunt are useful when you start building a more complex toolchain (less compilation, combination, and magnification aren't really things you want to manage with shell scripts).
LESS isn't really essential but it's nice to have, I don't really want to go back at this point.
A testing framework is useful if you're into TDD but preferences vary widely. Karma with jasmine is a nice combo.
>>52117360
My projects:
>P2P botnet in my school
>Automatic torrent management software
>AutoTorrent (Put in name of file, get best quality version of content)
>Bitcoin cycler
>Gambling website
>many chatbots
>badUSB fuckery
>Automatic wifi cracking
Too bad I lost pretty much ALL of those projects when dropbox closed out my account because of legal complaints
Protip, fucking never rely on backups you don't actually own, especially when those backups can literally go into your computer and delete the files that you physically have
>auto doxer
You have piqued my interest
I've had one class with web development and we worked on Spring framework, just the basic concepts
Anyone has advice how to build up on this? What should I read?
>>52117531
>What should I read
There's not really any standout "web dev for other kinds of developers" material out there.
I mean if you're shooting for being employable then pick up a dynamic language (ruby and python being the obvious candidates, clojure is cool too) and a web framework and make something. Even in MVCland, things are very different in Spring vs. Rails/Django so it's worth getting used to the dynamic language approach.
If you really want to understand webdev on a deeper level than anyone's going to pay you well to work at then writing a web server is a pretty enlightening process. I don't think that's something you'd enjoy jumping right into from "intro to Spring" but something to work up to.
Or just write some more interesting stuff with Spring. Like anything, just using it is how you learn it.
![SEO[1].jpg](https://i.imgur.com/7LTQjbB.jpg "SEO[1].jpg")
Hey guys,
Sass or Less if I want to learn now? My usual stack is Django.
Also happy to answer all your SEO questions
>>52118373
scss, sass syntax sucks and less isn't as feature rich.
What's the best platform for creating a monetized blog (assuming you know HTML/CSS/JS/Basic theming):
WordPress (as in the free blog host they provide), Blogger, or Tumblr?
>>52118385
Thanks. An opinion on Fire.app?
So I'm realtively new to web development and I'm creating a site for myself at the moment. One of the design ideas I had was to have this simplistic looking homepage and when you click one of the links, the bottom of the page slides up but stops before hitting the navigation part of the page. This would also reveal the information I have underneath. I'm now wondering how I would go about making this happen. At the moment I've tried making a function that calls on click that changes the maxheight of the div after a certain amount of milliseconds elapses. This worked, but was very choppy and had a ton of repeated code, so I scrapped it.
Next I gave into using jQuery and used their default slideup() method. This also didn't work because it slides the entire div up instead of it stopping where I want it to.
I also tried creating two seperate divs, one for the nav and one of the area covering the content, but when I eventually change the background of the page, I'd need to manually cut the background image at the right place for both halves so it looked like one big image and this just seemed really gross to me so I didn't want to go through with it before asking for some advice.
I'm not asking for someone to completely solve this for me, just hoping for someone to guide me in the right direction on how I would accomplish this design idea (preferably without the use of a framework, but I'm not completely against it). Picture is of what it looks like before any button is clicked, eventually the black will be replaced with something more visually appealing
Thanks in advance :^)
>>52120328
overflow: hidden
>>52120368
The problem I had with messing around with the CSS of the div is that I didn't get the fluid animation, though. I can accomplish what I want pretty easily, it just vanished abruptly instead of gradually.
>>52120440
http://codepen.io/anon/pen/Nxbvxd
A quickie for you. Is this what you had in mind?
>>52120554
>http://codepen.io/anon/pen/Nxbvxd
Close. I do like that, though.
I was thinking that that div 1 and 2 content would be underneath the grey background, and the background itself would slide up and stop when it hit the navigation so it doesn't cover that up to reveal the content underneath it.
>>52120613
Like a cover? I updated it, forgot to hide the content below.
>>52120640
Oh I think I know what you mean now. The black background goes up.
>>52120684
Yeah, exactly. Not entirely sure if it's worth the effort at this point.
>>52120700
It's pretty simple, give me a min.
>>52120700
http://codepen.io/anon/pen/zrodNm
Like this?
>>52120838
Yeah, sort of. I appreciate the help.
I wanted to make the nav and cover apart of the same element but I'm just going to separate them and give them the same background. Seems like I was over complicating this too much.
>>52115904
He means back end framework you idiots.
Laravel.
Till now I've pretty much only used CSS Frameworks, and a standard layout. But for my new project I want a more custom layout.
It's a personal project so I'm pretty much Full Stack.
I like the design approach of first creating the look and feel of a website, so I easily imagine all functions needed and create a API server, and use the first design as a basic concept for doing to Javascript Front-end.
The problem is that I'm not very good at design, not a fan of CSS, and don't have any intentions of being good at it since I'm not pursuing any Web Dev career.
I've seen some Website design tools, Google for instance has one. Are they any good? Has someone any recommendations?
It doesn't have to roll out a perfect website, I only want to use it to look at different ways to layout my idea.
>>52121973
Why not using one of the freely available HTML+CSS templates?
trying to land a javascript job in Seattle area
any tips?
>>52122020
Because I still have no idea which design I would like for this project.
Like go with a top menu bar, or side bar.
Top to bottom design like Twitter with sidebars.
Or like this: http://purecss.io/layouts/email/
Which has more a Left to Right structure.
>>52118373
Is there some sort of basic html seo template I can follow. Like something with all the basic on page optimizations as examples or something like that.
>>52122082
Wear a fedora to the interview
Making an E-commerce site for my Web Development module. What's some easy shit to "sell" which you wouldn't expect to buy in different sizes or colours or anything so I wouldn't have to write as much code? I'm thinking books at the minute.
>>52122286
Specific hardware pieces.
>>52122324
That's pretty good tbf.
Probably better than my idea for a comic shop.
How do I transfer an iframe value to a textarea? I wrote this code before putting in an iframe to submit posts with a textarea
HTML<div id="textWrap">
<div class="border">
<input id="title" placeholder="Title (Optional)">
<textarea id="entry" name="entry" rows="4" cols="50" type="text" maxlength="500" placeholder="Add stuff..."></textarea>
<iframe name="richTextField" id="richTextField"></iframe><br />
<button id="add">Submit</button>
<button id="removeAll" onclick="checkRemoval()">Delete All Entries</button>
<ul id="list"></ul>
<ul id="titleHead"></ul>
</div><!--end of border div-->
</div><!--end of textWrap-->
JS to submit posts//target all necessary HTML elements
var ul = document.getElementById('list'),
removeAll = document.getElementById('removeAll'),
add = document.getElementById('add');
add.onclick = function(){
addLi(ul)
};
//function for adding items
function addLi(targetUl){
var inputText = document.getElementById('entry').value,
header = document.getElementById('title').value,
li = document.createElement('li'),
content = document.createElement('div'),
title = document.createElement('div'),
removeButton = document.createElement('button');
content.setAttribute('class','content')
title.setAttribute('class','title')
content.innerHTML = inputText;
title.innerHTML = header;
if (inputText.split(' ').join(' ').length === 0) {
//check for empty inputs
alert ('No input');
return false;
}
removeButton.className = 'removeMe';
removeButton.innerHTML = 'Delete';
removeButton.setAttribute('onclick', 'removeMe(this);');
li.appendChild(title);
li.appendChild(content);
li.appendChild(removeButton);
targetUl.appendChild(li);
}
>>52122433
Whatever you do, put it on github and share it here, if you don't mind some help from a fellow anon
>>52122760
I'm just trying to look for something to use for a shopping cart.
Something like this would be good
http://jeasyui.com/tutorial/dd/dnd2_demo.html
But it would likely mess up any compatibility with phones or for the responsive design I already have in place.
>>52123447
what is the point on clicking and dragging items to a cart when you can just click a "Add to cart" button?
>>52123520
That's a very good point.
cant find web dev job wat do?
>>52123902
Git gud
>>52123917
i made a book store app for my portfolio and also did some UI data visualization
thats not gud enuf?
honestly who here actually qualifies for this job?
https://seattle.craigslist.org/est/sof/5379571900.html
>>52124032
I do, except
>US work authorization (either US citizenship or US permanent residence)
>>52123995
Make more
>>52124080
On second thought,
>At Hyperfish, we value diversity
I'm white, so probably not qualified.
>>52124032
I'll get my BSc degree in 7 months. I don't have 2 years experience with NodeJS and Angular and I'm not a US citizen, but otherwise I'd be good to go.
/wdg/
I'm looking through some JS code and at the top of every file in the project I see:/*global define*/
define([
'path/to/Thing',
'path/to/AnotherThing',
], function(
Thing,
AnotherThing
) {
"use strict";
// rest of code in file goes here
});
Its almost like they are includes or something. What are they doing exactly?
>trying to find simple PHP script for pagination
>almost 200 lines of code
>all of it written in deprecated mysql code
Well, fuck. Now I have to reqrite all of it to PDO.
>>52124613
Pagination is just using range(page * page_size, page_size)
>>52122219
None that I can think of as it will be dependent of the goal you want and doing that is only one step of the whole website.
Have a great title
Only one h1, please.
>>52124643
It's more complicated than that since I'm pulling data from the database.. Need queries for that too.
Didn't expect it to be this long tho.
http://www.phpeasystep.com/phptu/29.html
>>52124765
don't know what you want to do, but i did this pagination system a while a go (ranking module for an online game)
Modelpublic function getRankings($start = 0) {
// PDO preparation
// SELECT id, name, level, whatever, whatever
@curRow := @curRow + 1 AS rank // This is also part of the SELECT clause
FROM whatever
JOIN (SELECT @curRow := :start) r
ORDER BY level DESC LIMIT :start, 5;";
// PDO binding of :start with function parameter $start
// Execute and return value
so this query retrieves only 5 values, specifying where do you want to start, AND it also gives you a "current row" field, so if you start at 0, the row will be 1, if you start at 5, the row will be 2, and so on, this is your pagination
you decide where to start using GET
Controllerif (isset($_GET['start']) && !empty($_GET['start']))
{
$start = $_GET['start'];
$next = $start * 2; // This is for the "Next page" link, I don't remember the logic behind the *2 but it works, 2 lazy to check it out lmao desu senpai baka
} else
{
$next = $start + 5;
}
$rankingObj = new Ranking();
$rankingList = $rankingObj->getRankings($start);
$view->render("ranking.php", $rankingList);
so now you put the links in your view
page 1: ranking.php?start=0
page 2: ranking.php?start=5
page 3: ranking.php?start=10
this is really old code, probably pajeet quality but as you can see you don't need 200 lines of code to make a pagination system
>>52124946
https://docs.oseems.com/general/application/ssh/disable-timeout
google is hard, I know
>>52120208
It's garbage. Learn the terminal. Also, Coffeescript is dead.
>>52124300
>Its almost like they are includes or something.
Man that would be crazy wouldn't it...
http://requirejs.org/
>>52125093
I'm not good with SQL code so I have no idea how to use Joins (I don't know how to modify this to fit my database).
Not using a framework either (bad, I know), but I understand the logic behind it. Thanks.
Is there a way to get CSS to crop the images to make them perfectly round? So far I've tried two methods: with bootstrap's class for doing it, and with raw css.<img src="filename.jpg" class="img-rounded">border-radius: 200px 200px 200px 200px;
-moz-border-radius: 200px 200px 200px 200px;
-webkit-border-radius: 200px 200px 200px 200px;
border: 0px solid #000000;
They both produce the same result though. I want the images of different sizes to be perfectly round when they're displayed.
>>52127460
Forgot pic baka.
>>52127460
border-radius: 50%
>>52127480
You want square pictures, though. So either set them as the background or crop the outer div that has overflow.
>>52127480
That produces this (pic related). Slightly different but still not round.
>>52127504
how?
