[Boards: 3 / a / aco / adv / an / asp / b / bant / biz / c / can / cgl / ck / cm / co / cock / d / diy / e / fa / fap / fit / fitlit / g / gd / gif / h / hc / his / hm / hr / i / ic / int / jp / k / lgbt / lit / m / mlp / mlpol / mo / mtv / mu / n / news / o / out / outsoc / p / po / pol / qa / qst / r / r9k / s / s4s / sci / soc / sp / spa / t / tg / toy / trash / trv / tv / u / v / vg / vint / vip / vp / vr / w / wg / wsg / wsr / x / y ] [Search | Free Show | Home]

/wdg/ - Web Development General

This is a blue board which means that it's for everybody (Safe For Work content only). If you see any adult content, please report it.

Thread replies: 154
Thread images: 22

Bootstrap is for retards EDITION

>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/ (embed)
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/ (embed)

>Use these sites to paste large amounts of code
https://jsfiddle.net/
https://jsbin.com/
http://codepen.io/
>>
File: DB (1).png (124KB, 1924x921px) Image search: [Google]
DB (1).png
124KB, 1924x921px
first for meme databases
>>
Go is great to be honest.
>>
Any sites with simple javascript exercises?
>>
I'm reading about XHR, and a lot of sources say that it's basically how server communication is accomplished in general on dynamic web pages. How does would a page be designed that reacts to some information being sent from the server, not to it? Does the web page request the information? That seems weird.
>>
>>52607571
https://alexnisnevich.github.io/untrusted/
>>
>>52609108
Websockets.
>>
Ive been working with ruby on rails and Im quite new to programming in general so this might be a dumb question. How do I implement an algorithm in a website. For example I made a simple image board like 4chan but I dont know how to implement a thread sorting algorithm that I came up with that sorts based on how new the thread is and how many replies the thread has.
>>
>>52609108
One way to do this is for web page to request something using XHR, and server-side reply with just HTTP headers to it, without sending any data but keeping the connection open. As soon as server needs to notify client of something, it sends data through that connection and closes it. right afterwards client will establish another "wait for data" connection. There are libraries that do that for you - google for javascript polling.
>>
What's so bad about Bootstrap?
>>
>>52609163
If you want it sorted clientside, use javascript.
>>
>>52609171
What's good about it?
>>
>>52609193
It works well on multiple browsers, it looks acceptable, it is well documented, and it's free.
>>
>>52609244
What's good about it compared to writing static html+css+js, or generating dynamic html and writing css+js?
>>
>>52609272
>writing static js
Heh
>>
>>52609305
Please elaborate.
>>
>>52609272
>What's good about it compared to writing static html+css+js, or generating dynamic html and writing css+js?
You no longer have to waste dozens of hours writing it, allowing you to work on the stuff which actually matters (backend, useful data, functionality over aesthetics).
>>
>>52609272
Why would you want to spend precious time thinking up something, writing it, testing it, debugging it, fixing it, later finding out it breaks in some dumb way on some browser, then fixing it again? It takes all of two minutes to customize the bootstrap download, upload it to your server, include necessary files, and start the modal.
>>
>>52609351
>>52609346
There is a lot of value in writing it all by yourself at least a few times to make sure you know well how it works.

I'm not a web dev, but I did write some some pages with dynamic content, all by hand, and it was a pleasurable experience.

I looked around ( mainly https://bootswatch.com/paper/?optionsRadios=option1#tables ), and so far I understand that Bootstrap is mostly like a library that gives you a lot of already written elements you can use on your pages, that are not provided by html standard. So that part is pretty good. Is Bootstrap something more than that?
>>
>>52609392
>Is Bootstrap something more than that?
It's a symbol of trendy tech startups; bucking any trend they follow is a way for this thread to distinguish itself from the seemingly unlimited other discussion boards dedicated to web development.
>>
>>52609346

except thats horse crap, learning all of the different selectors and class names is a pain in the ass; the only useful part about it is the grid system and even that is bloated.

Using bootstrap is the developer equivalent of using those "create your own website using drag and drop" sites. It's for lazy developers who see nothing wrong and feel comfortable not having complete control over their projects in order to save half an hour on the upfront and lose 100 when when they have to look over their bastardized code scattered through 15 different stylesheets.
>>
>>52609392

That's essentially it; it has predefined classes to style elements so to add a hip new cool looking button you just add the class name 'btn' to the element. It's unoriginal and literally saves you no time.

Take the button for example, there's 100% chance you're going to want to edit some portion of it. How hard is it to type the following

border:
border-radius
background-color:
color:
padding:

what more customization do you need to do to a button? That takes all of 30 seconds and boom, you have your own customized .btn class that you wrote and are completly familiar with.

Bootstrap is literally shit, it solves a problem that only beginner devs have and stalls their advancement, its just a crutch for the lazy.
>>
>>52609392
>Is Bootstrap something more than that?
Bootstrap is simply a CSS framework with some JS here and there for some functionality.

It's set up to be extremely customizable, but most web devs don't know LESS/SASS, so they'll end up just leaving it as it is, which leaves you with a generic looking BS site.

>>52609456
>except thats horse crap, learning all of the different selectors and class names is a pain in the ass
Get out of webdev if your brain is too underdeveloped to remember two dozen selectors and classes.

>It's for lazy developers who see nothing wrong and feel comfortable not having complete control over their projects in order to save half an hour on the upfront
But you still have complete control of it, use SASS and customize it however the fuck you want to. Add and remove things where you see fit.

>15 different stylesheets.
It seems you've never even used Bootstrap.

You seem to be a butthurt frontend dev who thinks aesthetics is more important than actual content and usefulness of the site. Backend devs who create hobby projects by themselves don't have the time to work on trivial shit like that.
>>
>>52609510
The only place where bootstrap shines is when you're working for a smallish company that doesn't want someone to spend time on maintaining an inhouse framework that would do the same.

If you're working alone there's no reason to use bootstrap. Do your own framework which you know inside out.
>>
>>52609540

>two dozen
There's literally more than a hundred individual selectors in the latest distribution
>>
>>52609609
6 different buttons that are logically named. That sure is an impossible task to memorize.
>>
>>52609392
Just to keep the discussion going, here's the page I made not using any of the big frameworks (I did use jquery and some smaller jquery plugins for color and such).

http://no-info.no-ip.info/sbpr/ (warning: NSFW)

Dynamic content is filter and clustering and visualization tools.

I used to strongly dislike jquery, thinking it offers nothing you can't do yourself.
And while that statement is true, it's not a reason to dislike it. Makes the life easier so now I always use it.
>>
I added paste support to my file host service.
https://wakaba.dhcp.io/paste/
>>
>>52610095
I like it.
>>
>>52610095

>At least actually enter something

lmao thats the most /g/ sounding error message i've ever read
>>
>>52610267
>>52610095

also randomize the url b/c as is I can read random peoples notes

https://wakaba.dhcp.io/files/1ea

https://wakaba.dhcp.io/files/1ae
>>
>>52610291
>>52610291

its obvious you're just basing the url on

1aa
1ab
1ac
...
1zz
2aa
>>
>>52610291
>>52610304
I know, it's just hexadecimal.
It's not meant to be private, uploaded files are supposed to be all public, infact i plan to add an index so people can browse all uploaded files.
Is there any reason why you think this shouldn't be?
>>
File: 1444097183270s.jpg (3KB, 125x122px) Image search: [Google]
1444097183270s.jpg
3KB, 125x122px
If you guys had any advice to someone learning Javascript alongside Python, what would it be? Also planning on learning C#, MySQL, and Rust but that's not too relevant.

Other than Javascript, what should I learn to go along with it?
>>
>>52610334

If you make an explicit note of it, no but you need to make it well known

tell us more about the hosting site in general I'm really interested it looks great

>>52610338

laern js first that way you have frontend out of the way, plus it will introduce you to programming concepts found in python.

MySql isn't something you really learn, are you referring to sql? If so there's really nothing to learn, just a bunch of commands. Codeacademy has a pretty decent course on it.

Figure out what you want to do with it because as is your 'stack' makes no sense
>>
>>52610380
I'll note that on the site, after I'm done fixing something.

It's just a hobby project of mine, the backend is written in C.
>>
File: 1444564378729.png (74KB, 518x688px) Image search: [Google]
1444564378729.png
74KB, 518x688px
>>52610380
Yeah that's my b, I'm learning SQL in university tho along with C#. I learned python first, now doing Javascript. It's coming pretty easy after having a bit of experience with Python.

After I learn Javascript I was planning on learning node.js.
>>
Is anyone else having a lot of trouble with frontend development? I thought I was able to code html/css but I'm realizing my code is shit and the more I learn the more I feel like I'm drowning.

>20 different ways to position
>preprocessors
>object oriented css
>semantic code
>cross browser compatibility
>cdns
>vpn which essentially means being comfortable working with apache and linux/ubuntu console
>optimization / compression

im feel like I'm drowning
>>
>>52610468
>>preprocessors
not frontend
>>object oriented css
meme
>>semantic code
babbies can understand this
>>cross browser compatibility
nowhere near as bad as what designers had to deal with 5-15 years ago, it's amazing that people whine about cross browser compatibility today, it's currently better than it's ever been
>>cdns
what the hell is hard to understand about a CDN?
>>vpn which essentially means being comfortable working with apache and linux/ubuntu console
I think you mean VPS, which isn't really frontend either, it just supports a frontend. This should be the only thing on your list which gives you trouble, being a competent sysadmin is hard work.
>compression
Unless you're handling user-uploaded files, the only compression you need is gzip for your html, css and js.
>>
>>52610591

>not frontend
how is sass not frontend

>meme
I'll let every employer who lists it know

>babbies can understand this
That's not the point, the point is that there are a tonne of nuances that are hard as hell to adopt. Like sticking to flat selectors, I literally just learned about that. And your inevitable response of "who cares" is worth shit all, I'm coding for employers not some anon.

>nowhere near as bad as what designers had to deal with 5-15 years ago, it's amazing that people whine about cross browser compatibility today, it's currently better than it's ever been
kk now you're just baiting

>Unless you're handling user-uploaded files, the only compression you need is gzip for your html, css and js.
Optimization goes beyond that. Like using svg's...and then using sprites...and then minimizing the points in your svgs.
>>
>>52610632
>kk now you're just baiting
t. someone who never had to deal with IE6
>>
>>52610702

says someone who never had to deal with sass
>>
>>52610716

saas*
>>
>>52610716
Learn the real definition of a preprocessor.
>>
File: ss+(2016-01-25+at+11.30.13).jpg (82KB, 983x761px) Image search: [Google]
ss+(2016-01-25+at+11.30.13).jpg
82KB, 983x761px
https://wakaba.dhcp.io/files/1fa.html
Paste your skype group conversation log, and it draws you a chart who's talking to who more.

>>52610095
When I try to upload https://wakaba.dhcp.io/files/1fa.html as text, it does not work (I get no link).
>>
>>52611033
I'll figure out what's going on.
>>
>>52611033
>>52611056
It seems like it's a size problem, I'm not sure where it's occurring though.
>>
>>52611325
Yeah I don't know what's going on, I can't seem to find where it's going wrong, it seems to print out fine just before I send it to the daemon, and I don't think it's curl because I tried doing it manually on the command line and it went through fine.
I honestly have no idea.
>>
>>52611426
And it's not the daemon either.
>>
>>52607483
Is Go used anywhere outside web development?
>>
>>52609540
>It's set up to be extremely customizable, but most web devs don't know LESS/SASS, so they'll end up just leaving it as it is, which leaves you with a generic looking BS site.

>bootstrap
>customizable

Ha ha thanks for the good laugh.
>>
>>52610702
safari is the new ie6.
>>
I'm working on a website just to get back into the swing of HTML (and I'm using Bootstrap because I'm a gigantic homosexual) and I was wondering if there's any way to implement a file browser within the website without PHP?

I don't want to run a web server on my desktop because I'm trying to keep my programs to a minimum, although I'm picking up a broken laptop to use as a server in about a week.
>>
>>52614640
>i don't understand SASS well enough to customize bootstrap
The reason most bootstrap sites look the same is because people don't care about it. Not because you can't customize bootstrap.
>>
>>52615406
no you dont know the fuck about what you are talking about. Check Foundation if you want a proper example of "customizable". And changing variables doesn't count as customizing, I dare you try to remove or add a large chunk of properties from the bootstrap stylesheets and still make it looks "properly" and "consistently"
>>
>>52607274
>people using NOSQL in a relational schema
>people using SQL to dump config trees
I really wished people understood where and how to apply tech
>>
>>52615269
>working on a website
>not installing a local webserver
are you trying to fail m8?
>>
>>52615269
>wondering if there's any way to implement a file browser within the website without PHP?
"a file browser" is too nebulous. what exactly are you talking about?

don't try to generalize your issue at this point, you're just confusing things.
>>
>>52611033
unreadable graph is unreadable
>>
File: Audio_Icon.jpg (16KB, 500x500px) Image search: [Google]
Audio_Icon.jpg
16KB, 500x500px
Anyone know much about web audio?

I'm trying to implement a slider/range element that will control the volume of an HTML audio element, but any of the examples I can find either use JQuery & JQuery UI (screw loading 2 libraries for a volume knob) or use the Web Audio API, which is much lower level and seems a little much for a volume knob.

Anyone got any examples of a lightweight implementation of this? Am I just googling the wrong terms? Bacause I can't seem to find a lot on it!
>>
>>52609414
Unemployed detected.
How is a responsive grid system and a simple type stack to then build off of a trend of some kind? It's a tool, sorry if you have to attach some kind of strawman hipster developer to the most popular frontend framework in the world, but it's literally for making responsive sites, quickly. It's good business.
>>
>>52616100
If you can't find that on Google, you can't be serious about being a developer.
>>
>>52616030
I'm just working on basics for now. I probably should install a local webserver.

>>52616048
I shouldn't write posts when I'm half-asleep. I mean like a page that allows users to browse the contents of a directory on the page without having to use FTP.
>>
>>52616179
> I mean like a page that allows users to browse the contents of a directory on the page without having to use FTP.
So a standard directory listing that you can find in any webserver?
>>
>>52616179
>working on basics for now. I probably should install a local webserver
That's pretty much the first thing you should do when trying to learn the basics.
>>
>>52616224
I...just realized how stupid my question was, actually. I didn't know the right term and I spent the last 3 hours trying to figure it out.

Thanks based anon.

>>52616245
Yeah, I've come to realize now that I can't really cut corners. Is XAMPP /g/-approved?
>>
>>52616273
Seriously people do not use some stupid pre composed package to install apache php and mysql. It takes just a few minutes to install the packages independently and hook them up. Then you can update your bricks whenever you want and actually know what you are doing. Literally only have to edit a few ini files.
>>
>>52616273
XAMPP gets you started and has everything you need to start out trying your shit.
>>
>>52616273

xampp is for faggots, got with mamp
>>
>>52617479
lmao average MAC user right here.
>>
What should I know as a Jr Front end developer before trying to apply for a job?
>>
>>52618211
What does the job ad say you should know?
>>
>>52618278
They all pretty much say the same. Intermediate/advanced HTML and CSS knowledge. And basic JS and JQuery, extra points if you know shit like Angular, GIT, console, photoshop/illustrator, preprosesors or task runners.

I'm just not sure what constitutes as basic Javascript
>>
>>52618440
just make sure you can validate a form for input errors.
>>
File: 1378813226031.jpg (44KB, 590x500px) Image search: [Google]
1378813226031.jpg
44KB, 590x500px
I'm looking for a web dev platform where I can easily deploy stuff without having to set up some convoluted virtual environment to install and compile dependencies - i.e, i'd like to be able to just copy a load of shit to a server, run my "app" through a proxy or whatever, and hey presto everything works.

So far I've only noticed Go and .net are able to do this. Does anyone know of anything else reasonably popular?
>>
>>52618895
without resorting to automation, no. virtual environments is the only way you'll get "portable" web apps without using Go or something that can be statically compiled.

the closest you'll get without using those is a LAMP stack virtual appliance, but that just creates more problems than it solves.
>>
document.getElementById("pic").src = "resources/red1.png"
document.getElementById("pic").src = "resources/red2.png"
document.getElementById("pic").src = "resources/red3.png"
document.getElementById("pic").src = "resources/green1.png"
document.getElementById("pic").src = "resources/green2.png"
document.getElementById("pic").src = "resources/green3.png"
document.getElementById("pic").src = "resources/blue1.png"
document.getElementById("pic").src = "resources/blue2.png"
document.getElementById("pic").src = "resources/blue3.png"

javascript.
I need a function that randomly does one of the actions above. How do I do that?

Also, when I change these sources of the elements via an if statement, and then change them again via another if statement, sometimes it doesn't get changed because the first if statement is still true, so it doesn't work sometimes. How do I fix that
>>
>>52619959
put your resources in an array and then randomly select one of them
>>
>>52619959
>I need a function that randomly does one of the actions above. How do I do that?

var a = ["resources/red1.png", "resources/red2.png", "..."];
document.getElementById("pic").src = a[Math.floor(Math.random() * a.length)];


>Also, when I change these sources of the elements via an if statement, and then change them again via another if statement, sometimes it doesn't get changed because the first if statement is still true, so it doesn't work sometimes. How do I fix that

Stop being retarded.
>>
>>52619959
I'd make an array with those 9 images and make a function that generates a random number from 1 to 9 and apply the result into the pic
>>
>>52620009
>Stop being retarded.
I'm being serious mate
>>
File: what.jpg (41KB, 351x359px) Image search: [Google]
what.jpg
41KB, 351x359px
>>52619497

Thoughts?
>>
File: 1404417654796.gif (669KB, 480x360px) Image search: [Google]
1404417654796.gif
669KB, 480x360px
What does /g/ recommend for a personal/portfolio website host?
>>
>>52620412
What do you mean by website host
>>
>>52619995
>>52620009
>>52620014

It worked.
The only thing I need to do now is to call these in groups. I tried pic related, but didn't work.

How can I do this correctly?
>>
>>52620471
forgot pic
>>
>>52620457
Stuff like BlueHost, HostGator, iPage, StartUp, etc.
>>
>>52620490
you should start with the very basics of javascript first before you do anything.
>>
>>52620517
I need this thing finished in 2 days and it is 70% done in that pictures. I will learn js for my next project but I don't have time for it now.
>>
>>52620501
Just buy the cheapest non-managed VPS you can find and you'll be fine for whatever you want.
I've been using https://www.vpscheap.net for more than a year and never had any problem.
>>
>>52620490
What the fuck.
>>
>>52620561
is VPS something I would want for something small like this, or would it be overkill? Not sure how much backend I would need.
>>
>>52620570
You what mate
>>
File: chrome.png (4KB, 758x43px) Image search: [Google]
chrome.png
4KB, 758x43px
Guys, where is my "device emulator" button? I googled as much as could but got nothing.
>>
>>52620490
What do you mean in groups? like if the random function calls red2 you also want red1 and red3 to be called?
>>
>>52607274
I'm about halfway through the rails tutorial and it's been really easy. I don't think it will be difficult to put together web applications of my own afterwards. Is this really all it takes to get a job that pays 60k?
>>
File: mortylist.webm (205KB, 402x338px) Image search: [Google]
mortylist.webm
205KB, 402x338px
>>52607274
I'm pretty new to web development (took half a year back in high school), and would like to make a web application pretty much exactly like pic related.

What's the quickest/cheapest way to get from having it made in tkinter to it being on an actual website that other people can use?

There are features I'd like to add, but what I have now is basically a proof of concept.

I'm most familiar with python, but I'm familiar enough with a few other languages to get this done.
>>
>>52620713
nginx on a cheap reliable vps is pretty good desu
>>
>>52620713
It might be too much for one little website indeed, but you would already have something if you ever needed to build another website, a vocal server to talk with friends, etc, and $7/month is nothing.
I'm pretty sure you get my point

>>52620744
chrome://inspect/#devices
>>
>>52620744

its the little smart phone icon, if its not there for whatever reason open inspector / dev tools, press escape go under the emulation heading and press enable emulation
>>
File: Google-Device-Inspector.png (532KB, 1920x1030px) Image search: [Google]
Google-Device-Inspector.png
532KB, 1920x1030px
>>52620831
Talking about this button.
>>
File: em.png (64KB, 1926x437px) Image search: [Google]
em.png
64KB, 1926x437px
>>52620875
I think I'm missing this as well, I'm using chrome dev.
>>
Been trying to grasp the difference between object literals and constructor functions but I just don't get it. Where exactly do I use one or the other?
>>
File: 1453519773231.jpg (53KB, 720x960px) Image search: [Google]
1453519773231.jpg
53KB, 720x960px
This good enough for a slugify function? The g flag on the regex should make sure I never end up with a bunch of dashes in a row, right?

sub slugify {
my ($string) = @_;
$string =~ s/[^A-Za-z0-9\-]/-/g;
return $string
}
>>
>>52620823
tkinter looks like a gui toolkit meant to run on desktops.
You'd have to start learning web languages if you want to get things like this on a website.
Your webm related doesn't look hard at all though, so you should be able to do this in less than a hour.
>>
>>52620767
When you press on a button, and if the src is either red1, red2, or red 3, a function should be called.

In a different scenario, if either red3, green3, or blue 3 is called, a function should be called.

Assumingly, it will go into this:

document.getElementById("button").onclick = function() {
>>
>>52621095
You wouldn't happen to have a language to recommend?

Maybe one with a quick tutorial on something vaguely similar to get me up to speed?
>>
>>52621140
OP's post isn't here just to look nice.
>>
I have a solid self-taught skillset (varied: backend, frontend, and native code) but not many real projects to show it (only some freelance jobs, and most of them are frontend which I want to veer away from where possible).

With that in mind, assuming that I'm developing something like a full-stack webapp with Node handling the requests and some native processing code: What should I be charging as an hourly rate? I see some very high numbers when I google this, but it would be hard to justify charging those when I have so little finished portfolio work to show the client.

(I know I ideally need to develop some personal/FOSS projects and show them off.)
>>
>>52609166
>>52609150
I'm a bit late but thank you guys!
>>
>>52622243
ask yourself if this is something you want to live off or if its a part time job, then ask yourself how much you're worth annually.

>https://nppa.org/calculator

you'll be surprised how much you're worth and if you have a client that is unable to accept your pricing then they aren't a client worth keeping.
>>
>>52621132
Something like this?

http://codepen.io/anon/pen/EPENKq
>>
>>52622474
Yes' That's great, will try tomorrow amd see if itll work.
>>
I have a homepage jquery slider that is set to display: none on mobile with media queries , but it still loads in the background. Any ideas or advice bros?
>>
>>52622757
It's still gonna load, it just won't be displayed. IIRC you'll need a JS plugin to check if it's a mobile browser then handle things accordingly.
>>
>>52609826
Should have used bootstrap
>>
Good night baes
>>
Does anybody want to give me a job?
>>
>>52627262
No
>>
How to get list of files in public_html/images, randomly select, and display in html? I know javascript cant access the file system for security or something.
>>
File: arse.jpg (279KB, 500x630px) Image search: [Google]
arse.jpg
279KB, 500x630px
What do I really need to know other than HTML, CSS and JS as a front end dev? I feel like nearly everything can be accomplished using only those three.

Or is full stack becoming the new norm? I'm pretty competent in HTML and CSS and think if I busted my ass on JS, I could get a job doing this shit rather soon. But if I have to learn a bunch of programming languages, I'm in for a long haul.
>>
>>52623986
Interesting, would you have example?

Also is it possible to use a different approach, put the code for the slider inside a separate file and load it with php includes? Then use media queries to load a div with an image instead from a different file with php include on mobile?

Or am I going mad
>>
File: dpgwprld.jpg (273KB, 1262x875px) Image search: [Google]
dpgwprld.jpg
273KB, 1262x875px
New site I'm working on. What do you guys think?
>>
>>52628347
You don't do that on the client side, in any event.
>>
>>52628347

Yes it can, change the chmod security
>>
>>52628932
bunp
>>
>>52629438
Just search around on indeed, dice, whatever and look at the requirements for front end devs.
>>
I'm using this template for WP, how can i change the background color of the sidebar?

http://sktthemes.net/demo/fullwidth/

It's black here, i can't seem to find a way to change the color (CSS, i thought maybe it was an image but it doesn't seem to be the case).
>>
Recommend me a framework for a small chat-like web app using website that is not node?

I'm a embedded programmer and as much as I tried to enjoy node I just couldn't.
>>
>>52629716
Using websockets*
>>
>>52629716
http://www.phoenixframework.org/
http://www.tornadoweb.org/en/stable/
Those two pops into my head directly when I think about realtime features.
What do you dislike about node anyway?
>>
>>52622474
I tried but can't get it to work.
What did I do wrong?(pic related)
>>
ganjala = 33
33
texMex = 8*ganjala
264
moonman = "jerry"
"jerry"
function smokeitup(texMex, moonman) {
return texMex+moonman/2;
}
undefined
smokeitup(10,10)
15


Can someone explain exactly how this got to 15? (srs)
>>
early morning bump
>>
>>52630263
10 + 10/2
10 + 5
15
>>
>>52627262
Yes, but you'll probably hate yourself after a while.
>>
>>52629086
Check the answer to this question
http://stackoverflow.com/questions/11381673/detecting-a-mobile-browser

If I had more time I'd help you implement it, but you should be able to figure it out.
>>
File: fat kitty big.jpg (50KB, 600x624px) Image search: [Google]
fat kitty big.jpg
50KB, 600x624px
Hello fellow webdevs.

I'm currently working on Wordpress and my site, an e-commerce with tons of products, is very slow. I think it's because of lots of large image files we are using.

I'm looking at each jpeg and png file over 100kb and using paint.net to lower their quality in order to get a sub 100kb size. Do you think this will have a big impact on the site's performance?

What do you suggest me doing in order to get the site faster?
>>
>>52632080
>wordpress
>e-commerce
>slow
it's your fucking fault.
>>
>>52632080

whats your hosting setup?
>>
>>52632080
Varnish
Cdn
Tinyjpg
>>
>>52632080
Run pagespeed tests on the actual product page
>>
RE: Bootstrap

I basically only use it for having a fast responsive layout, so just the container and the columns classes. In this way, I don't have to worry and do a shitload of tests if my layout will work well or not on a craptitude of devices.

I don't use their buttons or their slider which is meh-tier. There are better choices for elements styling and for sliders.
>>
File: 76643643.jpg (37KB, 480x730px) Image search: [Google]
76643643.jpg
37KB, 480x730px
Somebody here was making a third shop site where you dragged the shirts to the basket a few weeks ago.

My final school project is a pizza shop order php thing where stuff gets put in a database using mysqli, and I'm sure the dragging script would go great on my pizza thing since I could drag ingredients to my pizza base.
Does the anon here care to share? There's absolutely 0 money involved in this.
>>
How do you get into e-commerce? Is there a good noob guide out there?
>>
What would be the best way to create a website chat room? Essentially you register and get put in a huge public chatroom and then from there can create channels and private message other users. Essentially a web version of IRC.
>>
Hey /wdg/,

Is anyone still using Chart.js?

I'm using 2.0, and everything works fine, except I have no clue of how to change the xLabel fontfamily.

Any help?
>>
>>52633444
There are plenty of libraries you can use for that. If I were in your shoes, I'd check out this one first.

https://github.com/bevacqua/dragula
>>
>>52633552
Websockets + event-driven server. Node and Go are fine choices for building event-full applications.
>>
File: 1399119697565.jpg (24KB, 417x313px) Image search: [Google]
1399119697565.jpg
24KB, 417x313px
I need to build a wordpress homepage for someone. If i pick godaddy as hoster I can get a wordpress package and a .com url for cheap. However, they want to sell me some extra email shit. do I need this if I want to send and receive emails from the page? or should I pick a better hoster? I feel like they want to jew me for something I dont need.
>>
>>52636310
>godaddy
no
>>
>>52636310

No of course not, don't be an idiot.

WP lets you add whatever email you want during installation and even after.
>>
>>52630158
Your renderOne function isn't being called, it also isn't returning anything.

http://codepen.io/anon/pen/pgLxex
>>
Here's something for you JS gurus.

I'm making a website with a side slide-in menu.

Now everything works fine up to the point where the user opens the menu.
It slides in, the whole page mover to the right by the same amount of pixels. I use CSS transitions coupled with ng-click, ng-class to set left: 0; to left: 250px;.

I want the user to be able to scroll/interact with only the menu, not the whole website.
That's why I set position: fixed on the content wrapper div.
This however scrolls the whole page right back to the top.
To counter this I have written a jQuery script, which on window scroll calculates the distance from the top and on menu open event multiplies that number by -1, and sets that as top: XYZpx on the content wrapper div.

So I get something like position: fixed; top: -500px; when the menu is open. The page does not scroll to the top. Success, right?
Fuck no.

When you close the menu, the position: fixed and top parameters stay and you cannot scroll higher than the position where you initially opened the menu.

So on menu close I remove the position fixed and top parameters, but then the page scrolls to the top anyway after I close the menu.

Now my idea on menu close is to instantly scroll the page down by the distance it was initially scrolled before opening the menu.

Where am I wrong? What could I be doing better?

There's no way to change the menu mechanism, Design Driven Development.
Thread posts: 154
Thread images: 22


[Boards: 3 / a / aco / adv / an / asp / b / bant / biz / c / can / cgl / ck / cm / co / cock / d / diy / e / fa / fap / fit / fitlit / g / gd / gif / h / hc / his / hm / hr / i / ic / int / jp / k / lgbt / lit / m / mlp / mlpol / mo / mtv / mu / n / news / o / out / outsoc / p / po / pol / qa / qst / r / r9k / s / s4s / sci / soc / sp / spa / t / tg / toy / trash / trv / tv / u / v / vg / vint / vip / vp / vr / w / wg / wsg / wsr / x / y] [Search | Top | Home]

I'm aware that Imgur.com will stop allowing adult images since 15th of May. I'm taking actions to backup as much data as possible.
Read more on this topic here - https://archived.moe/talk/thread/1694/


If you need a post removed click on it's [Report] button and follow the instruction.
DMCA Content Takedown via dmca.com
All images are hosted on imgur.com.
If you like this website please support us by donating with Bitcoins at 16mKtbZiwW52BLkibtCr8jUg2KVUMTxVQ5
All trademarks and copyrights on this page are owned by their respective parties.
Images uploaded are the responsibility of the Poster. Comments are owned by the Poster.
This is a 4chan archive - all of the content originated from that site.
This means that RandomArchive shows their content, archived.
If you need information for a Poster - contact them.