>IRC Channel
#/g/wdg @ irc.rizon.net
Web client: https://www.rizon.net/chat
>Learning materials
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.
https://developer.mozilla.org/en-US/docs/Web - Guides for HTML, CSS, JS, Web APIs & more.
>NEET guide to web dev employment
https://pastebin.com/4YeJAUbT/
>Use these sites to paste large amounts of code
https://jsfiddle.net/
https://jsbin.com/
http://codepen.io/
previous thread
>>52530426
unanswered questions
>>52533316
>>52542291
>>52552009
>>52554054
>>52564090
>>52567916
>>52572089
What the heck is with that image?
If you seriously can't find a semicolon, you should stop using a compiler from 1978.
Good night senpai.
Making online scrum board. You can add a due date to each item, and the color of the item will tell you how close you are to that due date, so you can prioritize some items over others
>>52573385while(condition);
console.log("test");
^ a mis-typed semicolon, which no compiler will pick up on. Or have you solved the halting problem anon?
class Note {
constructor(note, timestamp) {
let timeout = {
rateLimit: {
method: "notifyWhenChangesStop",
timeout: 500
}
};
this.note = ko.observable(note).extend(timeout);
this.timestamp = ko.observable(timestamp);
this.time = ko.pureComputed({
read: function() {
return fromTimestamp(this.timestamp());
},
write: function(value) {
this.timestamp(toTimestamp(value));
},
owner: this
}).extend(timeout);
}
}
document.addEventListener('DOMContentLoaded', function() {
ko.applyBindings([new Note('test', 12345)]);
});<tbody data-bind="foreach: $root">
<tr>
<td><input data-bind="textInput: note"></td>
<td><input data-bind="textInput: time"></td>
</tr>
</tbody>
When I type in garbage to the end of the time input box it doesn't update. Can anyone familiar with knockout.js explain why? Is it because toTimestamp('00:12.345asd') evaluates to the same as toTimestamp('00:12.345')?
>>52572089
hi i saw another anon in the old thread messing around with the 4chan CSS
is it possible to make it look like pic related?
>pic related
i have no idea how to change it, i already tried the methods the other anon used
here are the imgur links
http://i.imgur.com/Y7d6g5S.png
http://i.imgur.com/EKi3j7P.png
>>52575044
also i want to change the other + button that I forgot to edit with inspect element
>>52572089
What does /g/ think of pic related?
>>52575044.post.op > span img {
opacity: 0;
}
.post.op > span:after {
content: url('https://i.imgur.com/Y7d6g5S.png');
width: 18px;
height: 18px;
display: block;
float: left;
margin-left: -23px;
}
.post-hidden .post.op > span:after {
content: url('https://i.imgur.com/EKi3j7P.png');
}
>>52575210
actually, ignore this, found a much easier and better way, give me a second to test it a bit.
>>52575148
>PHP
fuck off
>>52575148
laravel is sweet
fast to mock my templates
the only annoying thing is every variable i want to use on a template its ->with('varname',$varname)
ex: template->render('view.html')->with('var1',$var1)->with('var2',$var2)->with('var3',var3)
really annoying
adding changes to DB twice (once more to migrations/version2.php) is annoying too
but worth it, best DB ORM imo, 2nd best or best php framework imo
>>52575044
>>52575055
>>52575210
Okay, so on chrome you could just use.extButton {
content: url('https://i.imgur.com/Y7d6g5S.png')!important;
}
.post-hidden .extButton {
content: url('https://i.imgur.com/EKi3j7P.png')!important;
}
because you can replace imgs source with content.
on any other browser you have to manually fiddle around and create a new element to replace the old one, since you just can't change the image..post.op > span img, .summary > img {
opacity: 0;
}
.post.op > span:after, .summary:before {
width: 18px;
height: 18px;
pointer-events: none;
}
.post.op > span:after {
display: block;
content: url('https://i.imgur.com/Y7d6g5S.png');
float: left;
margin-left: -23px;
}
.post-hidden .post.op > span:after {
content: url('https://i.imgur.com/EKi3j7P.png');
}
.summary:before {
position: relative;
top: 5px;
left: 20px;
display: inline-block;
content: url('https://i.imgur.com/EKi3j7P.png');
}
.tExpanded .summary:before {
content: url('https://i.imgur.com/Y7d6g5S.png');
}
>>52575292
Thanks.
I couldn't really relate to the variables and templates stuff since I just started going through the documentation yesterday (also spent like an hour reading the 4.2 docs, fucking lost it when I realized I'm reading some ancient doc).
How hard/time consuming is it to fully understand laravel?
>>52575292
>adding changes to DB twice (once more to migrations/version2.php) is annoying too
>best DB ORM imo
Sounds a bit contradictory. I think Django's ORM and handling of most things DB-related is a lot more convenient. e.g. all you have to do is change the fields or the field types in your models, then run makemigrations and it'll automatically pick up on those changes you made (makes another migration after the most recent one)
How long should it take to whip out a professional-looking static site with 3-5 pages these days? I haven't made websites in a very long time.
>>52574051
If you would be using a proper language (i.e. not Node.js), you'd know that compilers would warn you when it sees a empty while loop.
>>52575743~ $
cat test.cpp
int main()
{
int x = 0;
int y = 100;
while (x < y);
x++;
return 0;
}
~ $
gcc test.cpp -Wall -o test.out
~ $
>>52575292$vars = ['items'=>$items,'amount'=>2];
return view('dir.template-name', $vars);
Just the thread I was looking for. My boss wants me to redesign his company's main website. He says he wants it to look just like this one
http://add-victor.com/
I quickly found out the template it's using is called 'mediastar'. I went to look it up, but i could only find the HTML template edition on themeforest. The Wordpress edition used to be there but the author removed it. Is there any way i could get this theme in other ways? I tried the filename trick i found on YT, but it didn't work.
>>52574051
Lots of compilers warn you if you do that. Some even give you an 'unreachable code' syntax error
>>52575148
Lavarel 3 was great.
>>52575785
GCC does warn you.
Which version are you using?
I see a lot of employers and coding bootcamps want to look at twitter (which I don't have) and I would think that many people on here have been in the same situation at some point.
Do any of you have advice for making a nice looking "employable person" twitter. I was even wondering if /wdg/ could make worksafe twitter accounts focused on web-dev (or use your real one if you are cool with that) and have a google docs list in the OP with /wsg/ twitter accounts you can follow and they will follow back to boost your numbers and to an employer/educator it looks like you are taking part in the community.
Not sure what term to use here, what work environment is best for HTML/CSS/JS development. I have seen a few websites where you can put in the code and it updates a display next to it, but they seem very limited. Is there such a thing as an offline or desktop version of those.
Or do front end really just code in notepad/sublime and save-refresh and that’s what’s common?
>>52576115
Well, im a hobby dev so keep that in mind.
I personally just F5, altough you can set it up that it refreshes automaticly once you update the code (dunno how, last time I did that I worked with grunt I think)
I don't know about other editors, but at least Brackets has a live preview of the code.
>>52575936gcc --version
gcc (Debian 4.9.2-10) 4.9.2
Copyright (C) 2014 Free Software Foundation, Inc.
This is free software; see the source for copying conditions. There is NO
warranty; not even for MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
I'm no C++ guy and only know the basics of it.
But neither gcc nor microsofts compiler warned about it.
So I need a bit of help. Im starting with a big project and want to do everything right from the start this time.
Normally when I do a website, I have one index.php and get everything from content1.php, content2.php etc...
But the website I will develop isn't "normal" in the sense its not a standard website with content in the middle, but it has a lot of unique pages so I can't really template everything.
I've come up with pic related, as in I just have every page in a subdirectory and all the shared parts for the few pages that use e.g. a header and a footer, I have the templates folder in /resources/.
Also a question for the image stuff, it seems bad to have every image in one folder, is it better to put the shared images in one folder and the page specific ones in subfolders, or in the subfolders of the pages itself, or something completly different?
Sorry for these retarded questions but im pretty new to project structures
>>52576115
Saving and refreshing is pretty common.
But if you start using SASS/LESS and multiple js files and want something to manage them all,
use gulp and set it up to watch for changes.
>>52575373
thank you, the second one worked with firefox
>>52575839
bump
>>52575839
>>52576615
if someone bought exclusive rights to it, then no, you cannot get it anymore.
>>52576219
you really should be using the MVC pattern for more complex sites.
>>52576632
that was my guess too, that company asked the developer for exclusive rights. I'm shit out of luck, I guess. Thanks!
>>52573962
That's Kanban you fuck
>>52574051
>Javascript
>compiler
>>52576645
Hmm okey, it looks complicated for an advanced website, but I'll try :) Thanks
>>52572089
U+037E = ;
For when you want to troll someone.
>>52575644
From an hour to a day, depending on how complicated the client wants it to be and if you've got a basic layout/framework ready.
>>52576046
Don't have twitter, never had and never will. Just like any other social media. Or does github count as social media? If a potential employer cares more about my personal opinions than the quality of work I do I don't want to work there to begin with so it doesn't really matter if I get turned down for a job just for not having a twitter account.
>>52575743
>Node.js
>Language
This thread is a train wreck.
>>52575148
the last good thing for PHP
So I have a diploma saying that I am passable in the basics, (html,css,java, js,ajax,php,mysql), what would be good to pad my resume/skills with?
I was looking at this:
https://www.microsoft.com/en-ca/learning/mcse-sql-business-intelligence.aspx
or a cert in C#, UX design or project management
What do you recommend I look into to make myself more desireable to employers?
>>52577869
what keyboard is that?
>>52577926
keycool 84 w/ mx blacks
Is there an equivalent to TheOdinProject.com that doesn't use outdated meme shit like rails to teach web dev?
>>52572089
I'm the anon who was working on a 4chan CSS
it's my first experience with CSS (or any coding desu) so the code is probably a mess
https://userstyles.org/styles/123450/4chan-yotsuba-green-2-0
>>52579383
>css
>coding
>>52575839
Turn it into a WordPress template. Isn't that your job?
>>52576773
Yeah, there is a JIT compiler in most JS engines. Where were you?
I put my site on the HSTS list and now it's mentioned in plaintext in every major web browser and will included in Windows 11.
My neckbeard domain name has forever left its mark on your storage devices
>>52579383
Kind of amusing, I posted some CSS for you yesterday.
I also made the old green version, which is basically just changed color values.
I updated the description of it to point to yours.
>>52577944
thx!
Is 1gb monthly bandwidth enough for a website? How many users and daily requests can that handle?
>>52579748
depends(tm)
for a production site it's nowhere near enough, if you're offering any kind of content other than text it'll be 100GB-1TB, it only multiplies with users.
>>52577869
bumping this, i made the same post yesterday, would like some fb
using meme image for bait
hey /wdg/uys,
How do I create the sectioned panels of information like those websites that you scroll down / most parallaxes.
for example: https://slack.com/is
Everytime I do a panel of information like that in bootstrap it looks super thin, awkward and just inconsistent with the rest of the page. Not to even mention the panels with picture backgrounds like on http://veented.com/themes/north/home8/
I tried looking at the source but it didn't help. Just any sort of explanation or resources for this paneled effect would be great.
>>52579924
you mean the spacing?
lots of margin/padding
>>52579924
>auto play video with sound
>scrolling reduces frame rate to 1.5fps
as for your question, just use the <section> tag and style it with ass loads of padding, then all your content should flow nicely, you could also use div's but IF THERES A TAG THERES A TAG.
>>52579950
that but also the individual seperation lines between each section? is that just an image they are putting there or something similar to the panel feature or what?
>>52580002
lol, thank you sempai!
>>52580032
it's just a 1px border on the bottom
I found a bug on a website. A nasty one. How do I get something out of it.
>>52577869
>or a cert in C#, UX design or project management
Of the three I'd go with UX design desu. It's right up your alley.
>>52580194
If they offer money for reporting security vulnerabilities you collect the check. Great way to pad your resume if you work in the field.
>>52580293
They don't have one. So it just would seem like I was blackmailing them.
But people pay for this website. They pay to get their IP leaked all over the place.
>>52567916
Web development isn't even taught at Uni. And if it is my guess is their courses are incredibly outdated. Teach yourself.
Anyone have any experience in buying and installing an SSL? How hard is it to set up one of those cheap SSL ones? Thinking of using Namecheap.
>>52580843
https://letsencrypt.org/
Why is my Laravel 5 book trying to teach me some busted ass method to deal with databases?
SQL is easy and precise. This Eloquent crap is ugly and as vague as a js variable.
Do people actually use Users/ugly::where(1) or whatever instead select * from Users where ugly is true?
This is just awful.
>>52581214
Don't use it if you don't want to/you will be the only developer working on the project.
Ask me anything about being a PayPal Top Customer and having so much pull with PayPal I win over 90% of cases, and in cases I lose they often don't even cost me anything.
>>52581381
>implying PayPal gives a fuck about kids on Twitch
They lose disputes all the time anon.
>>52581214
I have no knowledge of laravel, but frameworks like this make it easy to add/refactor stuff without having to touch the queries.
You can also switch out the database engine behind and not have to worry about incompatibilities.
I have my production server where all of my site files are hosted and I have a development server on my local machine through mamp.
There.has.to.be.a.better.fucking.way.of.doing.this
I can edit my php files on the production server because then they wont connect to the database, all my links are fucked because the site isn't live and the production server is located in a hidden folder, its just so fucky.
There has to be a better way of doing this, what am I missing here?
>>52581323
Go home Pajeet, no one gives a shit about your ebay store/php proxy site.
>>52582092
what do you mean, file links, web links?
are you not using relative paths?
I'm not sure I get what you want.
Why does php point direct to files instead of using a url router?
>>52582290
What are you talking about? You can use relative paths with PHP
>>52582142
I'm using relative paths they're just all dead when I update it to the production server. Both the server I develop on and host the sites are apache 14 I don't know what the hell I'm doing wrong. The site works fine on one and not on the other.
Its not a real problem, I dont really care I'll just use dev tools to find which path the browser is looking for the paths and see what the problem is. It's just such a pain in the ass to develop this way; I essentially have to develop two different sites - one that works on the dev and one that works on the production server instead of just being able to push the site files and be done with it.
Is there some app I'm not familiar with? How do I go about exactly replicating my production server?
Also, kind of unrelated but I figure I'd ask; how safe is it to include the login information for the database in php files in plain text? RIght now I'm connected to the database by just passing the credentials, i.e:
$servername = "localhost";
$username = "root";
$password = "password";
$dbname = "databasename";
>>52582332
sorry, I meant apache on ubuntu 14
>>52582332
how do they differ between development and production?
can you post an example?
>>52582344
Relative paths depend on how PHP parses them. I've had the same issue, where ./[path] would work on development, but not on production.
Make sure you have the exact same settings for apache and PHP on your production and development environment.
Is Magento worth mastering?
I have got a 5k bucks project. It's a website that requires a pretty customized ecommerce website.
>>52582360
development: localhost:8888
production: website.com/draft
so the server is expecting /draft/ in front of every url
>>52582387
Which means that to code and preview the dev code I need to change all urls back by removing /draft/ and every time I want to push the new files I have to change everything back. Its ridiculous, there has to be a better way.
>>52582414
Why not copy your development folder to local host:8888/draft?
>>52575785
warns with clang.
>>52582414
you should be using relative paths, or use a variable like $ROOT in your config and link stuff with $ROOT/file
/g/'s thoughts on Angular 2? I've seen performance tests and the results astound me
>>52582436
Because that's a half ass fix, I'm asking here to try and find the proper way of getting around the problem
>>52582431
That's what I'm going to have to do I guess; just change the root directory in apache to /draft - which is complete horse shit.
How the hell do other sites set up their development environment? There's no way in hell that they log into their servers using an (s)ftp client and upload them like I'm doing.
>>52582484
we use a git release branch and pull it on the production server.
>>52582092
In flask we can have different configs for different scenarios. Maye theres something for your equivalent framework.class Config(object):
DEBUG = False
TESTING = False
DATABASE_URI = 'sqlite://:memory:'
class ProductionConfig(Config):
DATABASE_URI = 'mysql://user@localhost/foo'
SERVER_URL = "https://mysite.foo"
class DevelopmentConfig(Config):
DEBUG = True
class TestingConfig(Config):
TESTING = True
You are using a framework right?
>>52582497
We use an automated process for this, depending on the environment
Develop branch, which is what automatically gets pulled onto the development production server
Staging and actual production will be manually pulled, based on commit hashes.
It's a really good system, and pretty easy to set up.
>>52582497
That's exactly what I'm looking for, is there anywhere I can read up on this.
>>52582505
There is, I just thought there would be an easier way of going about it.
I fucked up creating a database and a user while setting up mariadb in a vm running centos
how do I purge all of that? db/users/privileges
pic related, I'm dumb and didn't save a snapshot
>>52582414
Why aren't your development and production systems the same?
>>52582484
Any kind of version control software, use git, and once you've got a new release ready to be pushed to production you create a new release into a tag and then deploy that tag into the production server.
How many cores do i really need on a VPS for a website? Not going to have many visitors at all. Is 1 enough?
>>52582481
It's shit.
>>52583028
Depends on language and what your site does.
>>52574986
Bumping.
>>52582383
bump
>>52582436
You can't do that on a hosting site (or at least not on shared hosting). That shit will give you the literal path back to the root folder.
>>52584840
wat.
when you access myfolder/image.jpg
it gives you /var/www/something/myfolder/image.jpg?
how viable is web design as a career? not cut out for programming t b h
>>52584858
I mean if you use PHP's root variable.$_SERVER['DOCUMENT_ROOT']
Will give you something like /home/my_username/public_html/
I just tried it and that's the result I got.
>>52584998
that's why you set $ROOT (or any other name) yourself in a config file.$ROOT = '/drafts/';
>>52585018
Oh cool, but you won't be able to use that same variable in sub directories. Lets say I have a header file in the home directory, and I want to use that same header file a directory below, I'd still have to add the '.../' to make it look a directory above.
>>52585386
I'm not understanding your problem.
Do you mean server side paths?
If you are using relative paths, it does not matter what subdirectory your application is.
I just fail to understand how this is a problem. That's why the paths are relative, for exact this reason.
Will The Odin Project be enough to make me employable?
Who the fuck thinks sites that dont even load without js are ok? Or worse they load but the nav doesn't work because no fallback
>>52585690
I hope I can explain this.
--My Project
|-----/CSS folder/
|-----/JS folder/
|-----header.php
|-----index.php
|-----/Blog folder/
|--------|----index.php
Lets say the header file has something like this:<link rel="stylesheet" href="css/style.css" type="text/css">
Everything is cool because that header file is in the same folder as the CSS folder, so it points directly to it.
If I include that header file in /blog/index.php It won't be pointing to the CSS file because the CSS folder is in a directory above it. I'd have to point it to ../CSS/style.css instead.
So having relative paths is fine, but in this situation they're useless for directories outside of the main.
>>52585986
why? because you can root a phone? i don't think they'd give a shit.
>>52584942
perfectly good career
>>52582092
what framework are you using? you were already asked this once...
>>52581214
because if your system depends on every monkey who touches it being as good at SQL as you are, someone in the future may be fucked
>>52586480
That was the first time I posted and I'm not using any framework...
>>52586307
What? I mean as far as learning.
>>52586715
They wont give a shit and you'd be stupid to cite it as a resource; use it to start out and then learn from more concentrated sources (dedicated to html, css, javascript, etc.) then work on projects, contribute to open source projects, and you'll be fine.
>>52576115
webpack dev server auto updates for ya
>>52576115
The answer you're looking for is Brackets by adobe. It has a live preview feature that does exactly what you're referencing.
>>52584942
design for web and mobile, call yourself a UX designer, you can make ok money
>>52586194
... What? You're making no sense anon... That's exactly how directories work
/project
|---/css/
|---/js/
|---header.php
|---index.php
|---/blog/
|---|---index.php
Obviously in /project/blog/index.php you're gonna need a relative path; ./../css/app.css
In /project/index.php it would be ./css/app.css
What seems to be the problem here? This is literally how directories work.
>>52587482
The problem is having to define the CSS twice for the two directory levels. What I want is a way to point directly to it using a variable. So when it does, upon viewing the page source you'll see something like<link rel="stylesheet" http://my-domain-name.com/css/style.css" type="text/css">
>>52587613
><link rel="stylesheet" href="http://my-domain-name.com/css/style.css" type="text/css">
Fixed.
>>52587482
If the root of the virtual host is /project, set the href to /css/app.css
>>52587613
Quoted wrong kek >>52587660
>>52576673
This is my favourite reply
>>52574051while (!Serial) ; // wait for Arduino Serial Monitor
delay(200);
So this will loop as fast as possible until Serial is true and then delay 200ms?
Why would you want such a thing?
>html and CSS
haha yeah this shit is easy, ill finally get a job and move out of my parents house
>js and everything else
>mfw
>>52588390
It's ez
>>52588411
This.
JS is easy, once you know how the low level stuff works.
>>52580194
What site is it? ....asking because I totally want to make sure that this urgent matter is brought to their attention immediately.
Reading the web dev openings in my area (Philly) and a lot are requiring a degree in CS or 5+ years experience. Is this normal?
>>52588134
probably just a polling wait on the serial port being initialized somewhere deep in the clusterfuck of *duino code, when the port is set up the loop fails through to the delay... which may or may not have something to do with hardware synchronization
this is just a hunch
>>52573962
My lazy asshole of a boss made me hate kanban and scrum meetings. The board was ALWAYS jam packed with sticky notes.
>>52589274
Maybe you didn't work hard enough?
>>52589310
Maybe, but that's no excuse to overload the team with projects. Imagine constantly shifting between projects A-Z every day for a year.
>>52589380
>Imagine constantly shifting between projects A-Z every day for a year.
I've done that for 5 years now, yeah it adds some overhead getting back into it and while it it's not ideal it's definitely not a huge issue.
As long as the boss doesn't expect you to do the work of 5 alone I don't see an issue.
>>52572089
that joke would be better if it had a '{' instead
>>52589410
Agreed.
Anyone know of any good portfolios to 'back engineer'? Read this is one of the best ways to practice front-end.
>>52589191
pls respond
>>52589648
>back engineer
you mean reverse engineering?
>>52589675
Yea, sure.
>>52589682
what are you talking about?
>>52588390
html and css aren't easy and if you think they are, you dont know enough about them
>perfect semantics
>css architecture
>sass
>oocss
javascript is easy in comparison
>>52589790
>oocss
>wondering if this is a thing
>*googles*
>literally is just the difference between using IDs and classes...
Why the fuck did they have to give this another name?
>>52589832
its a lot more than that and ties into css architecture, in fact it almost has shit all to do with id's and classes; you're thinking of sass - oocss has more to do with models; similar to mvc in actual programming languages
my point is that this tedious crap is whats expected now unless you're working for some min wage company making static pages
>>52589648
>>52589682
you can't just reverse engineer a website bro
you can create a website that might look something like one you're trying to copy but you can't get to the actual code on the backend without illegal means in order to reproduce it
>>52589864
Are you literally retarded?
Even on that blog post in the comments section, someone asks why they needed to give it another name.
It's standard practice for most frontend developers to not use IDs for styling, but classes for its reusability, as well as how you should not tie them to certain elements. This has been here for a long time, way before "oocss" came along, which is just a fucking rename of it.
>>52590003
Yeah I misspoke, I meant smacss, not oocss. But in any case, oocss goes beyond using classes instead of ID's. It's about coding based on objects and patterns.
here's a good example
https://youtu.be/IKFq2cSbQ4Q?t=6m8s
>>52590153
So oocss is literally keeping to frontend CSS standards and patterns, which any decent frontend developer knows...
Why did they have to give it a fucking name instead of just saying "keep to these practices"...
I understand if there are multiple practises (PSR for PHP), but honestly, CSS only goes two ways: modular (using classes as intended, IDs as intended, elements as intended, HTML attributes as intended), or complete shit (mixing classes, IDs, elements, and HTML attributes)
>>52590257
Why the hell are you so opposed to them giving a name to a coding convention that matches a preexisting programming one? And claiming that its widely implemented already is horse shit, I know like two front end devs who actively practice it and not many more who honestly know what the hell it is.
you're like an old man getting pissed off over the stupidest shit
>>52581323
Are these disputes for physical goods or digital goods? Can you tell us what the item for this particular dispute was?
>>52589790
then there are BEM, SMACSS, ACSS, suitcss, itcss, AMCSS and other fuck load of conventions.
All because of that cascading rule of CSS.
>>52590257
because facebook always trying to be smart.
>>52590387
>coding
Sorry, since when is using a styling markup language coding? Last time I checked, it's styling. And just because your horse shit country doesn't educate well, doesn't mean that other countries do as well.
And there is no such thing as "object oriented" with CSS, it's called modularity.
Object oriented would mean having a class with object properties (functions, variables). CSS doesn't have such a thing, they have modularity. There is a clear difference between OO and modularity. Same as in JS, but both OO and modularity are possible there.
>>52590423
Cuckbook has an ugly design anyway
>>52590399
bem and acss is for retards and serve no purpose
smacss and itcss are great ways of organizing your css
suitcss and amcss seem useful but I've never really played with them
those are for the most part very different things that you're grouping together
>>52590442
No dumbass, for you to pull that over used talking point I'd have had to refer to it as programming. css is definitely coding, anyone apparently other than your dumbass recognizes that.
>css not having variables
>css not having what amounts to functions
maybe finish that codeacademy course before you start talking shit
>>52576046
Just follow other developers as well as the twitter of frameworks/tools that use. Retweet blog posts that helped you solved problems. I just started a twitter last week or so and got random followers by just following other developers.
In node.js/express, if I install a client side package like bootstrap or Vue.js, how do I properly expose their css & js files?
They are somewhere in the node_modules directory.
I am currently doing this, but it feels completely wrong:app.use('/js', express.static('node_modules/vue/dist'));
app.use('/js', express.static('node_modules/vue-resource/dist'));
app.use('/js', express.static('node_modules/vue-router/dist'));
>>52586021
They fell for a meme and don't even realize that some people might use the internet without js. And if you tell them their site is shit they get defensive and start mumbling something about how no one really does that without adressing the real problem.
>>52591930
browserify-middleware
>>52586021
> he doesn't build fat client single page applications with the latest .js frameworks
bootstrap 4 when?
I m thinking about starting to learn web dev, what s a good starter level code language?
>>52592625
udemy, colt steele's course I got it on sale for $ 12 this Christmas, check if it still on sale, otherwise check codeacademy
So i had been ignoring making my site compatible for Internet Explorer, but then i realized it wont work on Windows Phones. Do Windows Phone users use other browsers or are they stuck with internet explorer?
Fuck my life
>>52593100
how bad did you fuck up that it doesn't work in IE11?
>>52593114
I dont know. Just using flexboxes but none of them seem to work on IE. Also some divs and content are just...gone.
>>52593144
well, flexbox is rather new.
Edge supports them, but IE11 isn't getting support for that.
The next windows phone update replaces IE with edge, it should work then.
>>52593184
Wtf are you talking about? Even IE10 supports flexbox just fine. Though you gotta use vendor prefixes for that shit to work. And I'm pretty sure the flexboxes I've used have worked on WP also.
The update from IE to edge on windows phones isn't that simple. It breaks random stuff that works on literally everything else. So while we've gotten away from IE6, and anything below IE11, edge is the new IE6, especially on mobile. Edge does have it's unique flavors even on desktop but those aren't as bad.
>>52586021
For a website that is not acceptable. Now web applications literally can not be implemented without JS most of the time, so notifying your user, he's a retard, is fine.
>tfw trying out your colleagues' simple crud app for the first time because you are supposed to give them feedback. and even the simplest view takes 300ms to load
what the fuck
>>52593270
>. So while we've gotten away from [...] anything below IE11
You lucky fucker. My boss still wants me to keep everything IE 8 compatible.
Why? Even Microsoft has abandoned that piece of cock.
>>52594201
PHP/Ruby
>>52594245
Yeah, PHP. But I also use it, with the same framework (symfony), and my pages "only" (that's still too much) only take 70ms for the same kind of page. Would probably go down if I was allowed to use redis as a cache and PHP 7.
>>52594218
Tell him that anything below 11 is deprecated and not secure. Remember to mention even MS has dropped support for it. If he still tells no then whenever they ask for something cool you go
>that sounds cool, shame we can't do it since it's not supported in IE8/9/10
>>52594418
WHAT?! But some companies still use IE 8, anon! Their entire infrastructure is based on it! What if they have interest in one of our programs, but we can't sell it because it's not compatible with their browser? We would lose thousands of Euros!
And for what, anon? Just so you can have new toys? Slightly more comfort? Just load 60 polyfills, that will work!
>>52594552
>60
At first that feels like an exaggeration, but considering there are polyfils that depend on other polyfills for IE8 support, it is quite possible and it scares me. Additionally, some of the newer polyfills don't even support IE8, because it can't be done.
>>52594862
> some of the newer polyfills don't even support IE8, because it can't be done.
Yeah... I seriously don't want to know how unusable the sites must be for the unfortunate souls who actually have to load all of those. On every fucking navigation.
hey /g/entoomen
What do I do if my mp4 file inside a video tag doesn't play in Safari and logs "Plugin handled load" in the console?
>>52595436
Stop using Safari or fix the plugin.
>>52595476
Problem solved.
It was a problem with our shady temporary fake SSL certificate.
Is this even webdev?
https://jsfiddle.net/2g2twq3b/2/
>>52590508
CSS doesn't have variables or functions, sass/less do.
Also
>finish that codeacademy course
I work as a lead software developer, specialized in web development (both frontend and backend), so spew your bullshit elsewhere and finish that codeacademy course yourself.
Why do people shit on php?
What's wrong with it?
>>52596113
Because <PHP5 was horrible compared to others.
>>52596129
>implying php5 is good
So who cares? php4 is deprecated and nobody uses older versions
>>52596113
It's slow as hell compared to the alternatives with little to none gain in developer productivity.
>>52596145
PHP5 is an improvement, sure it won't fall under the 'good' category, but it's between decent and good, PHP7 is an even bigger improvement, I would say that it gets closer to good now.
>>52596148
Well that makes sense, what alternatives are we talking about here?
I'm new to webdev, coming from C background, I kinda liked the fact that I don't have to learn anything new except to remember to put $ behind variables
>>52596174
>$ behind variables
You mean in front of variables, right?
PHP is built on C, so you probably should be able to adapt to it pretty fast.
If you're using PHP5, expect it to be pretty slow. PHP7 is at least twice as fast (according to benchmarks), and it gets close to the speed of other languages, so right now it's just choosing between which language you want to work with.
>>52596197
>If you're using PHP5
I just made a quick search for some benchmarks, holy fuck it's slow. why the fuck is php so slow?
I guess I can always go the cgi route for computational tasks, but for content management systems, I'd expect the database performance to be what matters, right? RIGHT?
>>52596295
Depends on how you retrieve and use the data.
I'd use PHP to query the database via AJAX, then return a json object, and use that with JavaScript to handle the rest.
Also, it's better to use FastCGI, CGI is frowned upon in general in the PHP community due to how slow it is. The best framework at the moment for PHP7 would be Laravel, but that's just my biased opinion (have made a few projects with Laravel 4 on PHP5, Laravel 5 on PHP5 and PHP7). L5 and PHP7 is pretty good though.
>>52596174
JS, Go, C#.
Cant get my fucking SSL certificate to work. When i try to access my site on https i get the error: ssl_error_rx_record_too_long
Have been troubleshooting for hours and cant fix it. Anyone else had this issue?
>>52597266
nvm got it working, had forgotten to run a2ensite on the ssl file.
What's a PHP IDE, /wdg/?
>inb4 php a shit
I hate it too but I am forced to use it because people.
>>52599521
You don't necessarily need an IDE for PHP. It'll tell you directly where you've gone wrong.
I need help with some javascript conversion, from jQuery to vanilla JS.
I don't know how to implement the $.data() function of jQuery.
Throughout the jquery-powered js script, data is defined and retrieved like this:$.data(token.get(0), "tokeninput");
How would I implement this with vanilla JS?
I'm using http://loopj.com/jquery-tokeninput/ as a base for understanding how to write javascript, since I'll whack two birds in one stone, I'll end up with something I intend to use and learn something.
Here's the whole thing:
https://github.com/loopj/jquery-tokeninput/blob/master/src/jquery.tokeninput.js
>>52599521
back in 2012 i used zend studio, not sure if it's still free but its eclipse with a heap of php addons. fairly solid but i hear phpstorm is more popular now as well as being less jewish.
really though, php is not that great in an IDE, about the only good tool you get is refactoring support, again this is possible with extensions on most meme editors now days so eh, pick your poison, maybe VS is something you could try as well :^)
>>52599991el.getAttribute('data-' + token.get(0), 'tokeninput')
>>52573962
http://imgur.com/a/LKZZW
Basically finished the site. Here's an overview of it. Using it for hw right now lol
>>52600541
I checked out that alternative. Unfortunately, isn't it only supported by HTML5+ ?
>>52600569
No. https://developer.mozilla.org/en/docs/Web/Guide/HTML/Using_data_attributes
>>52600569
So? Everyone should be using an HTML5 compliant browser. Even MS stopped supporting old browsers.
>>52600552
Fix the damn colors.
https://color.adobe.com/explore/newest/
>>52600622
>>52600631
Well, that certainly makes my day much easier.
Thank you.
>>52600639
I'll consider a different color scheme but not from adobe. Adobe looks like it designed my grandpa's living room.
>>52572089
>Hide and seek champion...
I wonder how many of those missing semicolons gave headaches to the developers while making the "missing semicolon" error finder algorithm.
>>52599521
Sublime or Atom or Netbeans (or PHPStorm if you can afford it)
