I forgot to put the subject in edition
Last thread >>55018885
>IRC Channel
#/g/wdg @ irc.rizon.net
Web client: https://www.rizon.net/chat
> Discord
https://discord.gg/0qLTzz5potDFXfdT
>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/
https://www.freecodecamp.com/
http://www.w3schools.com/
https://developer.mozilla.org/
http://www.codewars.com/
https://www.youtube.com/watch?v=JxAXlJEmNMg&feature=youtu.be&list=PL7664379246A246CB lecture series.
>Frontend development
https://github.com/dypsilon/frontend-dev-bookmarks
>Backend development
https://en.m.wikipedia.org/wiki/Comparison_of_web_application_frameworks
backendDevelopmentBookmarks.md
>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.
http://www.programmableweb.com/ - List of public APIs
>NEET guide to web dev employment
https://pastebin.com/4YeJAUbT/
>How to get started
https://www.youtube.com/watch?v=pB0WvcxTbCA - "WATCH THIS IF YOU WANT TO BECOME A WEB DEVELOPER! - Web Development Career advice"
https://www.youtube.com/watch?v=zf_cb_Nw5zY) - "JavaScript is Easy" - If you can't into programming, you probably won't find a simpler introduction to JavaScript than this.
>cheap vps hosting in most western locations
https://lowendbox.com
https://www.digitalocean.com/
https://www.linode.com/
https://www.heroku.com/
https://www.leaseweb.com
>NEW!
https://www.openshift.com/
>>55052549
got any good websites for learning c?
>>55052756
https://learnxinyminutes.com/ is an ok resource
>>55052549
why do people sometimes suggest to offer services in fiverr? how is that not worse than using freelancing websites?
>>55052756
>>>/g/dpt
Why do no text editors auto complete the <> brackets? I've tried with Atom and Sublime Text.
>>55052994
you really shouldn't be manually coding html or xml. Use a module
>>55053041
I'm just learning HTML. I don't know what a module is.
>>55052994
most every web editor has a emmet plugin
>>55053057
ok well similar as it is in javascript, at the top of each document you usually have a list of imports, like:from yattag import Doc, indent
from bs4 import BeautifulSoup
import re
import os
import shutil
those are modules. Yattag is one that is helpful, because you can write html quite easily. All you have to have is a list of elements you want to put in your document and where, and you can do this:with tag('html')
for element in elements_for_document:
with tag('element'):
text(element)
and it'll generate something like:<html>
<element>First element in array</element>
<element>Second element in array</element>
</html>
And while we're on the subject html is not a "language", its a document write-up format. Python and javascript are, and they generate html code, generally speaking
>>55053102
>And while we're on the subject html is not a "language"
html and css would have been a unified programming language if they were designed properly, which is why people use HAML and SASS now and libraries like jQuery that provide DOM API that should have been in the first place
>>55053143
HTML is properly designed, as a document format. The web was never intended to be an all-purpose application delivery platform and HTML was never designed to be a GUI framework. That's why issues like XSS have remained unsolved since 1995.
soup.title
# <title>The Dormouse's story</title>
soup.title.name
# u'title'
soup.title.string
# u'The Dormouse's story'
soup.title.parent.name
# u'head'
this is from the python site
I have documents that (obviously) have more than one <p> or <i> element
Is there a way to find the direct link to them, too? I'm not fond of the soup.find(), feel like it takes up too much time
Short question about AngularJS, I'm currently trying to get into it.
How do I restrict the access to specific views, as they are only some html / js combos? For example a user is allowed to access /userInterface/userSettings, but not /userInterface/editUser (which does some administrative stuff).
Also, how are form things handled? Let's say I have the overview of users, and a form to change the user's name. In that form I set a new name, press the save button, and then end up at /userInterface/saveUser or something similar. After that I get redirected to the overview, and I get to see the updated name in the list.
If I'm not mistaken, in Angular it'd send the form via AJAX, then load the overview. But what if the "load overview" call is faster than the "saveUser" call? Then it'd load the overview first, with the old username, then save the new username. How is that problem avoided in Angular? Or is there no built-in way, and I have to add it manually?
>>55053294
>The web was never intended to be an all-purpose application delivery platform
doesnt matter what was originally intended, thats whats happening. All software companies including MS, Apple, Google, etc are all pushing for more cloud based web content. You probably have more web apps on your phone than installed binary apps. what was originally intended doesnt mean shit
>and HTML was never designed to be a GUI framework
doesnt matter what it was originally designed for, it is becoming one. for a long time web programmers had to rely on Flash for dynamic client side GUI content, but now javascript and html5 is catching up to where it should have been from the beginning
>>55054441
Doesn't matter when considering WHAT? Doesn't matter when you talk about how it was designed? If you talk about the design process, what it was originally intended to be is ALL that matters. That guy didn't say it was good for its purpose nowadays, he just said it was properly designed.
Jesus Christ, go back to high school and learn to read and comprehend.
Wordpress deving is turning me into a Pajeet.
>>55053845
>Resricting access to specific views
I've done some commercial projects and we've decided not to "restrict" access anywhere because it's quite hard to implement. We just hide the admin components from the users but this does not prevent them from going through the front-end code themselves and figuring out how things work. It's going to take some time to un-uglify the code though. What you want to control is the access to your APIs. Don't let unauthorized users to pull data and more importantly: do not let them modify data that they should not modify.
You could try controlling access to html templates via nginx / apache but I think it's not worth it.
>POSTing information via ajxa and handling asynchronous code
I take it that you haven't done a lot of async programming yet. This is where JavaScript truly shines, the language was built to be written in an asynchronous fashion. When you send a http request with Angular's $http module, it will return you a promise. Check out: https://docs.angularjs.org/api/ng/service/$http
The idea is that you send the ajax request and write what's supposed to happen after a successful response into the .then -part of the $http call. If the API responds with the updated object, you could use that to update the variables in your local $scope, or you can for example redirect the user and let the next controller fetch the user's data again via another ajax request.
Whats a good PHP framework to combine with react.js?
>>55055404
With React you benefit most, if your backend is Node, because you can prerender your views on the backend and provide a snappier experience to the user. Otherwise, use whatever is good at spitting out JSON.
>>55052549
I want to learn javascript and currently practice on FCC. What book should I choose to deepen my understanding?
>>55055472
Okey, I'll look into it thanks
Where should JS scripts go? On top or the bottom? Or does it depend (and on what)?
When should I use window.onload vs self calling functions?
I'm kinda doing random things when I need small functions on my website, I basically put the script tag on the bottom and inside I just write small snippets of code, like changing some colors based on scrollTop, some functions that start audio/video on button press etc. Mostly it is not even OOP, just one after the other because it's only a few lines of code. How can I organize that? I'm pretty sure this is a bad practice.
>>55055565
Depends on what it does. As a rule most scripts should be put at the bottom and small bootstrap scripts should be put in the head.
>>55055472
>>55055544
So it seems that socket.io seems good for us, because we are exactly making what it seems to be the best at, realtime applications.
Is it a good idea to use react.js with that, or is it a bit overkill? Cant find much on the web for it
>>55055241
Wordpress makes me die inside. Sorry you have to deal with that cancer, anon.
Which web framework should I go with in Go? or should I just stick with the built in http package?
There are people in my course that unironically love wordpress and use it for every project, also they use shitton of plugins and frameworks like Genesis or whatever. I don't understand that, especially because they seem smart and really talk enthusiastically about it like it really is great. Ofc, they are not doing web applications with it, but brochures, blogs and webshops for small to medium sized companies.
>>55056332
Built in and packages that mesh with the built in. I recommend httptreemux as a replacement router, if you need dynamic paths.
Hey guys, do any of you here develop simple websites for a quick buck?
I've been asked by a couple of people recently if I could create a simple webpage for them. I used to say no, because doing shit from scratch in HTML/CSS took too much time and wasn't worth the money. But now I'm thinking I could simply sell them a Wordpress install with some free theme that I'd customize to their liking. Plus there are enough plug-ins to cover most use cases.
Does anyone do that?
How much do you charge?
What hosting do you use?
Do you use another CMS than Wordpress?
>>55053041
>You shouldn't manually write html
t.pajeet
>>55056560
It's easy as shit to do certain things, which means more money for less effort.
Can anyone have a look at the following:
http://codepen.io/Pixelbark/pen/BzKZZa?editors=1011
any reason my click() function isn't working at the end of my js file.
wahey
>>55057299
Because it's inside an iframe.
>>55057406
It is? I'm not seeing it.
What do you guys think of iframes?
>>55057362
disgusting. Post the code.
Hey guys, I'm trying to test out some JavaScript in a local html file, but it won't play at all. Why is it not playing? Is the browser blocking
>>55057666
I'd rather use ajax mr satan
>>55057902
check the browser console
Would you guys say that it's easier to get into front-end than back-end if you lack a relevant bachelor's?
>>55057997
It's easy to get into both if you google and watch enough pajeet video.
>>55058036
But I hate Wordpress!
>>55058047
You'd be surprised at how many videos starts with "Hello friends, this is pajeet" that covers stuff other than Wordpress.
>>55057941
I'm making a countdown clock. I copied the html, css, and JavaScript into a single file and it says for me clock is null on line 70
http://codepen.io/SitePoint/pen/MwNPVq
>>55056795
A friend asked me to set him up a band site, what I did was buy a Wordpress theme from someone else, and had him pay 5 times more.
How do I maintain the SEO of a website I'm maintaining? Most of the content will be the same, but the URLs will end with .php instead of .html now
I can't afford to let the rankings drop
>>55058117
post your shit
I need some advise on what I should do to go from NEET to someone who atleast earns some money
In the past 2-3 years, while each year studying something different and dropping out, I've been learning programming on and off on my own. I've learnt C#, python, html and css as well as reading some books concerning programming concepts, but the only project I've ever done with any of these was a C# project. As a result, I currently find myself in what I believe would be between beginner and intermediate, where I'm not clueless but I'm not entirely comfortable (I only feel slightly comfortable with C#).
I also need to start making some money, and the two paths I see are stick with C# and try to find employment, or pick html and css back up and learn all the other stuff to freelance webdev. The issue is how long it would take me to both reach a point where I consider myself employable, and how long until someone employs me.
With C#, I'd become employable far sooner, but I don't know how long until someone would employ me. Webdev on the other hand, would take me far longer to reach an employable point, but finding work/a job would be easier.
I have all the time in the world to go full turbo on whatever path I choose.
What would you personally do or advise me in this situation?
So how is Angular 2's first render performance?`Not counting pre-rendering on the Server.
I wonder how well it does against Polymer, both polyfilled and native.
I just can't find any good comparisons, the only articles comparing these two are made by poo2loos trying to lure people on their blog with the big buzzwords and who end up conveying no useful information.
>>55058340
nice!
That's exactly what I plan on doing. How did you manage the hosting part and domain name? Did you tell him to get an account at whatever provider and manage it himself or did you do it for him too?
I've thought about getting a cheap VPS and hosting all the sites there for a small yearly fee, shouldn't be too hard to set up. Has anyone done this successfully? The only thing I'm afraid of is e-mail: most hosting providers offer e-mail accounts with custom domain name, don't know how hard it is to set up. Does google domain still exist btw?
>>55058533
The hard reply: Nobody can decide but you.
I'm in a similar place, people will just respond with their preferences and/or having their job market in mind.
Sucks because backend is so fucking diverse I have no idea if I'll choose the wrong or right thing, so I ended up focusing on frontend for start where things are clear cut and I'll try to get hired from a company that uses C# or some other good language (meaning no PHP shit) where I could potentially dive into backend later.
Can anyone tell me why picrelated doesn't work in TypeScript?
>>55058571
>>55058340
Kiss yourselves. How can you be so lazy?
>>55059154
>Kiss yourselves
That's cute.
>>55055332
Thanks for the answer, that was helpful.
>Restricting views
So basically, I shouldn't care about them grabbing the way the page looks, as long as they don't get the data. Sounds easy enough, as I already restrict the access to the endpoints.
>POSTing
I guess then something like, AJAX for the form, then loading bar or something similar until it returns and then redirects to the overview, then loading bar until it loaded the overview. Sounds easy.
Yeah, haven't done too much AJAX stuff except pulling some data from time to time.
So ouh, I really like how the AngularJS's AngularJS is broken.
>>55058454
I copied and pasted each section in their proper parts in a single html file. CSS under style and JavaScript under script tags
>>55058587
I see, thanks for the insight anon
>>55058117
I copied the js from the js section and put it in script tags in the html. Now it looks like it works.
Hey team
So I've just completed a Web Dev course.
I'm great at CSS, pretty good at JS / JQuery and PHP. My design and Photoshop skills are good and I know enough to make simple apps and build and utilize MySQL databases.
Where to next???
It seems the jobs available are all for Node, Angular, Wordpress, Bootstrap SASS, Drupal, Agile Scrum etc...
All I want it a job where I won't be doing grunt work for years on shit pay.
>>55060669
bump
>>55058596
Class properties can not be optional. Probably the same applies to types of class properties.
>>55060669
Node, Angular, Wordpress, Bootstrap SASS, Drupal, Agile Scrum etc.
>>55061417
That has no effect see for typescript fiddle
http://www.typescriptlang.org/play/index.html#src=interface%20IBaseInterface%20%7B%0A%09baseProp%3A%20string%3B%0A%7D%0A%0Aclass%20Class%3CIProvidedInterface%20extends%20IBaseInterface%3E%20%7B%0A%09%0A%09public%20property%3A%20IProvidedInterface%20%3D%20%7B%0A%09%09baseProp%3A%20'asd'%09%0A%09%7D%3B%0A%09%0A%7D
>>55054441
>what was originally intended doesnt mean shit
What was intended is important, as is the history and origins of the tech you use. If you're a developer you should understand the constraints of your platform, and always bear in mind that the reason we do things a certain way isn't necessary because it is the best possible way to do things.
>>55062456
Pretty sure it's a bug. The compiler can't check against an interface it does not have defined. What it should be doing is checking against the base interface. Make an issue on GitHub. In the meantime, if you really know what you are doing, fuck the type system sideways with a type assertion.
http://www.typescriptlang.org/play/index.html#src=interface%20IBaseInterface%20%7B%0A%09baseProp%3A%20string%3B%0A%7D%0A%0Aclass%20Class%3CIProvidedInterface%20extends%20IBaseInterface%3E%20%7B%0A%09%0A%09public%20property%3A%20IProvidedInterface%20%3D%20%7B%0A%09%09baseProp%3A%20'asd'%09%0A%09%7D%20as%20IProvidedInterface%3B%0A%09%0A%7D
>>55057867
You would barely be able to scroll through it
it's a dictionary in html though so its not meant to be read
Database design fun!
Let's say I have a table named "Image", which represents a single image with a directory link and other data like filesize, width etc...
Now this image has a source. It came from somewhere. Either I got it off pixiv, or some user uploaded it.
How do I best represent this source, and how much splitting of tables is too much? Initially I just added a simple "source" texfield on the image. Works fine, but it doesn't tell me much.
What do you think about something like this:table image
table image_has_source
table source
Where the image_has_source contains a link/description, and the "source" table functions like an enum of source types. (Pixiv, deviantart, local import from disk, user upload etc...)
What say you /gee/?
>>55063124
Use NoSQL - RethinkDB, CouchDB or Riak.
>>55063336
Get the fuck out.
>>55063686
No.
>>55063336
kys
>>55063917
No :^)
>>55063124
You should save your image in the database, otherwise you are at risk for consistency, integrity and duplication issues.
Modern relational databases handle storing tons of binary data well.
Creating all those tables violates reason and normalization rules.
Just create one table with the following columnsid
original_filename
image_bytes
created_at
md5
source
Calculate and store the MD5 on insertion to check for duplicates.
>>55063124
if an image can only have one source, just use a foreign key to the source,
image.source = source.id
>>55064043
>using MD5 to check for duplicates
Don't. You'll store duplicates anyway.
E.g: You have a 500x400 image of your waifu, and some months later, you find the same image, but this time it's 499x399. You save it and the MD5 is different because of difference (even though it's tiny).
This
>https://realpython.com/blog/python/fingerprinting-images-for-near-duplicate-detection/
>>55064043
>>55064216
There's a ton of these libraries btw. Not limited to python.
https://github.com/jteeuwen/imghash
http://www.phash.org/
>>55062965
>it's a dictionary in html though so its not meant to be read
a-all in one line?
anon why
>>55060669
What course did you take? I'm searching for a good one at the moment. The one I'm taking on Coursera is somewhat meh
>>55064453
Yes, there are many, but I linked that RealPython post because it clearly explains the problem with MD5 hashing and picture duplicates. I should've pointed that out
>>55064546
I did a polytechnic 1 year course.
I'm not too keen on learning online from scratch - there is a lot you can miss and be completely clueless about.
Being able to interact with developers with industry experience was excellent.
Anyone have any guidance on what to study after the basics???
is PHP still worth learning or is everyone moving on to Node, Rails, Django etc?
>>55064812
Yes. Don't give into the hipsters and their meme langs, PHP is still fine.
>>55064836
is PHP PDO a meme?
>>55064812
82.1% of websites use PHP.
>>55064836
>>55064850
Thanks, I unfortunately couldn't get an internship this summer since I have to stay at home for something unexpected and saw a few PHP books at the library, gonna start working on that
>>55064812
Yes, if you don't care about being pajeet and just want quick money.
>>55064848
Absolutely. Only use mysql_totally_real_this_time_honest_escape_string.
>>55064730
>Anyone have any guidance on what to study after the basics???
Look at the video in the OP
> https://www.youtube.com/watch?v=pB0WvcxTbCA - "WATCH THIS IF YOU WANT TO BECOME A WEB DEVELOPER! - Web Development Career advice"
Its almost as if people ask this question a lot, so we put the answer in the OP so they could ignore it and carry on asking.
I tried to make a form better. I'm not sure I was 100% successful.
Is the full-width "+" button badly done? I feel like it might be.
>>55064974
Forgot image.
>>55064974
Spacing and sizes are terrible.
+ button should be at most the size of the click and drags, and inline.
>>55064043
Yeah m8 I know when I'm getting trolled. Good one though.
>>55058596
Whats the color scheme family
I've been trying to redesign the same fucking form for over a week.
The form's purpose is to let clients commission an artist. It's fucking impossible to design because the data is super nested.
Artists can decide on any number of categories for clients to organize reference material around. This is typically going to be subjects of the image—ie, the people being drawn. When you go to commission an image, you can create references under those categories. So if you want an image of Moot and Hitler making out, you can make two characters. For each of those characters, you can add a description, and any number of reference images.
The level of nesting (Categories -> Things which belong to that category -> Reference images for each individual thing) makes designing this form essentially fucking impossible. Combine that with my own utter lack of any design skills whatsoever, and it's beginning to drive me fucking insane.
Does anybody have any bright ideas on how I could do something like this? It's clear that every change I make on my own just makes my design worse, by some miracle. I know 4chan is probably not the best place to go for this kind of advice, but I'm actually going fucking insane here.
If I know the following, will I be able to survive as a junior backend developer?
>html (advanced)
>css (advanced)
>sass
>bootstrap
>making custom style guides / frameworks for projects
>basic command line
>python (basic; i.e. variables, functions, classes, etc.)
>flask (intermediate)
>writing tests and continuous integration
>git
I don't care about hire-ability, I just want to know if these skills are enough to survive as a junior dev? And if so, how advanced / well would I need to know them?
>>55066189
Throw in a WSGI server (like gunicorn, uWSGI, etc) so that you can run your application as Flask's default server isn't good enough for production.
Improve your command line skills so that you deploy an application with little hassle (bonus for scripting it to achieve one-step deploys and get closer to the other side of CI, Continuous Deployment.)
Also learning how to properly set up a database and maintain it along with your application is very valuable.
Keep learning Flask and Python if you'd like to be a backend Python web developer. The other skills you listed are great.
>>55066319
I have to become more proficient in python (learn the intricacies of the language like decorators, etc.), more proficient in flask (becoming comfortable with ORMs, learn how to use more of the popular libraries like login, etc., learn how to do extensive testing include ci and cd), learn to deploy beyond just git to a vps, and a shit tonne of other things.
And then when that (which is fucking impossible, theres just no fucking way I'm going to learn all of that from just online resources), chances are the company that hires me is going to tell me "that's great that you're semi comfortable with a python framework that's used by 1% of the industry, now learn this brand new language like Java and this framework that we're using".
I'm so incredibly, royally fucked its not even funny. I dont even know how I thought this was possible at any point.
Fuck my life
>>55066731
And what will be in common with Java? OOP transcends languages. Sure there are small details of every language you'll have to learn, but the patterns and general concepts as usually the same. The same goes for continuous integration and deployment.
Don't tie yourself to a particular language, just show that you're able to become proficient in one. Your whole career will be learning new concepts. You'll continuously improve, and picking up new frameworks/languages/concepts will become easier over time, because you'll have encountered and solved many different kinds of problems (including the same problems hundreds of times).
You'll also learn a shit ton on the job. Just getting that first job will be the hardest part, so apply, apply away.
>>55066815
OOP and basic programming concepts might be foundational but they occupy like 1/20th of the 2k page book on python. It's the intricacies that absolutely kill me and make me feel like I'm fighting a losing battle.
is there anythingdisplay: tablecan't do
>>55067443
Yes
>>55055404
Lumen or Silex
Met some guy for lunch the other day, we had a good chat about tech and general nerd shit, sent me some relatively simple programing questions (only one was a real algorithm q) now he asked me to come into the office tomorrow and I'm nervous
Im trying to reproducte this black box on top of a image, suggestions?
I've got a .opus file I want to play on a constant loop on a webpage, how do I do this?
Does it download each loop or does the browser cache it and just keep playing it?
>>55057299
Still having trouble with this. Anyone got any ideas?
Responsive/Mobile first Web design...
Is it worth it?
>>55072318
no just use bootstrap and you're good
ASP.NET question
how do i deal with "localhost:PORT" and "localhost:PORT/Home/Index" being the same thing?
got problems loading background image in css and will also have problems with GET requests
Hey guys I'd like to show information from my form on the same page where my submit button is located. I can't seem to get that. Whenever I click submit it redirects me to a new page.
Working with ASP.NET & C#
Controller code[HttpPost]
public ActionResult AddWithHTMLHelperAndModel(User user)
{
return Content("Received Username:" + user.username + " Age:" + user.age);
}
View code@using (Html.BeginForm("AddWithHTMLHelperAndModel", "User", FormMethod.Post))
{
@:UserName : @Html.TextBoxFor(m => m.username)
@:Age : @Html.TextBoxFor(m => m.age)
<input type="submit" value="Submit" />
}
Basically I get the /~/User/AddWithHTMLHelperAndModel page displayed. I guess I have to change the controller but help me how.
>>55064812
PHP is fine if you wanna hate yourself doing Wordpress.
>>55072776
can't you just bind to the same model?<div>@Mode.username</div>
should display username if ur textbox is bound to Model.username as well
YAAAS, it's working! It's finally working!!
http://codepen.io/Pixelbark/full/BzKZZa?editors=1111
Time to export this mother to github pages to finalise styling and a few tweaks.
Any suggestions at this stage?
>>55073074
this is my modelpublic ActionResult AddWithHTMLHelperAndModel()
{
var model = new User();
return View(model);
}
I get a Null Reference Exception.
>>55073499
ditch jquery
>>55073671
Not happening.
>>55073936
just fucking kill yourself then my man
Everyone shittalks node.js, is it really that bad? I am using django right now for personal stuff but I was interested to learn something new. Does node.js do something that python doesn't? The only thing I can think of is WebSockets, but they will be coming in Django 1.10. If node is shit I'll learn ruby instead.
>>55074042
they are good for different things, but ruby is just garbage
why is the documentation for mod_mono so scarce for CentOS?
First day of jr web dev job tomorrow
Little nervous because I gotta attend meetings with clients and we also do WordPress themes a fair bit, which I have no experience with
>>55074242
You're a junior dev. You'll learn it there.
I'm working on a student browser game, and a feature we want to add is players making their own character by selecting from a list of shirts, hairstyles, etc.
What would be the best way to do that with php+jquery?
>>55072168
<audio src="yourfile" autoplay="true"
What's a good place for great curated free webfonts?
Something that's a bit more original that heading over to google and sorting by downloads.
>>55072075
Apply a background to your body. On your transparent element apply a linear gradient and a blurred version of this background.
>>55074042
Node simply attracts a lot of retards. It has its uses and is great for building JSON APIs and Websocket servers. Has better performance than Python too, but, if this is critical, consider something like Go instead.
>>55074466
>browser game
>PHP + jQuery
Probably the worst possible choice.
>>55074780
>Probably the worst possible choice.
It's too late to switch, anon
>>55074741
https://github.com/brabadu/awesome-fonts
https://github.com/vkarampinis/awesome-icons
>>55072075
you could try something like this
https://jsfiddle.net/m7e2ab3u/
>>55075066
improved it slightly
https://jsfiddle.net/106tpLun/
>>55074741
Just use Google Fonts. Fuck the police.
>>55073635
You're missing the word new in front of View
>>55074466
is anyone actually going to reply to this with something other than "no"
Using Django /w celery + rabbitmq.
I want:
A scheduled job that runs every hour and collects data from pixiv, specifically works tagged with a specific tag.
I then wish to display all these works on a web page, and then a user can approve/disapprove them individually. If approved, it will be processed and added into an image-table.
How do I best accomplish this? Getting the list of works is easy, but how do I store them? I don't want to use the Image table and then do deletes.
>>55052549
Which one is the best minimal PHP framework for you (pros and cons, on a wide spectrum of cases)?
>Simple PHP Framewok + composer
>Slim
>Lumen
Also do you have that Gartner picture where they ranked Haskell as the most productive and performant framework.
>trying to insert an image for an HTML email signature
>want to have the text on the top right side of the image
>text can only go below the image
I feel like a complete retard, been trying to figure this out for at least 20 minutes straight.
>>55075098
The problem with that is the text may be hard to read, depending on the background. Ideally, the background behind the image needs to be blurred.
>>55074466
Save the different parts somewhere on the backend and provide them to the frontend via PHP.
On the frontend, have an entity which is your character. This entity has an x and y coordinate, as usual. The shirt, hairstyle etc is positioned relative to the character. Each of these things have their unique graphic that is rendered on its calculated position based on its relative position as well as the characters position.
It's hard to answer your question because we have no idea about how you implemented your game and what your current state is, but that's about how I'd do it.
>>55076139
it is blurred, you can adjust the blur using css
>>55076191
Oh. I thought it blurs with the text. Nevermind.
>>55053041
>>55053102
Well then you aren't writing html, you're writing in something else. And what kind of a pussy faggot needs something to help write HTML?
I bet you wear a smart watch to help you tell time...
>>55053057
Anon, stick with learning your language of choice in it's vanilla flavor (in your case it's html with css) until you have a good grasp of it.
THEN you can look at alternatives but honestly html is so dead simple to understand, you really shouldn't waste your time with shortcuts.
So i built an online calendar. How can i make it so that when current time = event start time, a popup appears? Seems unoptimized to have js ask database via ajax every 30 seconds for events at current time. Instead: when page loads, also fetch nearest upcoming event and set a countdown timer for popup? Also seems unoptimized. Are there simpler standard ways of doing this?
>>55076360
https://developer.mozilla.org/en-US/docs/Web/API/Server-sent_events/Using_server-sent_events
Is there any way to upload an image to a website via html, without having it available for download?
>>55076005
You could try a csv file or maybe a json document or an in memory database like redis.
>>55076521
Do I have any other options?
>>55076395
I prefer in-memory if possible.
>>55076380
Sure, just upload the image and put it in a directory protected by .htaccess.
Alternatively, store the image in a database.
Note: You need something other than HTML to receive the image on the serverside.
>>55076380
once the dom loads your file anybody can open the console and see its contents.
>>55076380
No, but you could write a script that pop-ups an alert on right click on image to stop normal users from downloading it.
Can you guys give me some feedback on the design and functionalities (I know you can't test it, but I also wonder if they are on right places and if some are unnecessary).
I spent a SHITTON of time on this, these are the newest iterations I'm working on, after N previous versions.
Info: a news portal about movies, I'm aiming towards classic look, mixing modernist and "fashion magazine" elements (I'm not sure how well it goes together, though). I'm currently rushing the front page design + coding because I need to finish it in a couple of days and it is going slow as hell.
Still no clue if I should go the "New York Times" way for the front page (and header) or modernistic, with a lot of space, large images and a big header with multiple featured posts <-- THIS IS MY BIGGEST CONCERN ACTUALLY.
>>55076767
The navigation is black btw, that's a bug with screen capture. Stuff on the front page is inconsistent because I didn't work on it yet.
>>55076767
>>55076815
Looks like any generic news page to me, so it's fine. Some details are bothering me:
Your navigation appears to be empty, you can probably put some more stuff in there.
Your image is wider than your text.
Maybe try justified text. Maybe it looks better, dunno.
Is that a "missing image"-icon on the second picture on your navigation? If not, align its left border with the left border of the image below it.
Second image bottom nav top borders aren't aligned.
>got a job where I have to maintain an online shop and a blog and fix their errors
>they wont stop stealing random images from google and using them as their own
Wont these cunts get fucked over in the long run, even if it's not an extremely popular website?
>>55077003
>Your navigation appears to be empty, you can probably put some more stuff in there.
This is on a localhost, it's different live, so don't mind that.
>Your image is wider than your text.
That was on purpose. Have you not seen articles that have images larger than text? But I agree that it kinda still doesn't look good, I'll work on it.
>Maybe try justified text. Maybe it looks better, dunno.
That definitely not, left aligned is better for this.
>Second image bottom nav top borders aren't aligned.
>Is that a "missing image"-icon...
Yeah, that's a logo and I need to fix it. As I've said, there are a lot of small stuff I have to fix, but I didn't ask about that, I'm just wondering how do you feel about a design as a whole.
>Looks like any generic news page to me
You can as well just kill me right now.
>so it's fine
It's not fine, that's why I've been redesigning it over and over again. Don't want to sound fedora-tier, but I wanted to try to make something different from the rest on purpose, it's easiest to just use a template. Unfortunately, there were some things that I had to change to look more generic because it is just better for UX and I can't argue against that. If you have some idea how would you make it more interesting, please tell me, because I'm killing myself over this 24/7.
Trying to make a web page using html. I want to have the image on the left, and the text on the right, but the text under the image to be aligned with the text on the top.
Any advice? Sorry I'm retarded.
>>55077392
kys yourself
>>55077392
Make two columns side by side, put image in one, text in the other.
>>55077392
you could make two divs, one for image and the second for the text and the put them next to each other
but I'm a noob so there is probably a better solution
>>55077211
You shouldn't put too much value into my opinion, but:
>how would you make it more interesting
How often do you go on a page and think "woah that's an interesting design"? Probably not that often. I usually google something, end up on some news page, ignore everything but the text and leave again.
Maybe take a look at codepen or something similar, you may find some cool inspiration there for something interesting. But it's still a news site, so it's 95% content.
>>55077434
I stole your dubs.
>>55077392<div class="container">
<img src="/foo.jpg" class="image-thing">
<div class="text">
I a m text, look at me, I am text
</div>
</div>
<style>
.container {
display: flex;
}
.image-thing {
max-width: 400px;
}
.text {
flex-grow: 1;
}
</style>
>>55052994
Use the Emmet plugin, it's available both in Atom and in Sublime, and if you don't know how to get plugins in sublime: https://packagecontrol.io/installation
>>55075258
new ? Are you sure ?
I don't think new works with View or PartialView.
>>55077119
Who are they (which position) and how come you're the one in charge of maintenance but someone else is putting pictures on the webpage ? That doesn't go together.
What SASS compiler is recommended? Trying to ditch writing CSS the old way.
>>55077445
Exactly that, I'm really struggling to find some decently designed news portal, especially front pages. E.g. portals like New York Times have that very cluttered look, to me personally it's too confusing but they even won some awards for that. Others have a shitton of space and huge images, and the rest of them just have a lazy, deprecated design that looks bad. I can't say I like either of them.
I've been on Dribble a lot lately, and (unfortunately) it inspired these version of my design a bit too much. I kinda liked what I saw there, though, but often a lot of them are impracticable. But the more I look, I realize even those are all really similar, so I don't even think I could do something vastly different. Here is the first version of my article page, maybe it's actually less generic, but I realized it's not that good, so I can't return to that.
>>55077524
They're various retards, from the SEO, to basic consultants. They wont let me write their blog for them and manage their social media, they just want me to fix their shit.
>why is this image blurry
>why isn't this image responsive
>why isn't this image transparent
>why is my text fucked up
>etc
>>55077533
Not the Ruby one, it's slow as shit
>>55077601
So basically they also know how to do simple stuff ? I guess you're working in wordpress or something ?
Just do your job and don't ask questions. In my experience if you ask too many questions they're just going to block you because you're a threat for their position. As for the trouble, they might get into trouble but highly unlikely especially if you don't live in USA or Western Europe.
>>55077684
>they also know how to do simple stuff
They don't. A guy literally asked me what's the keyboard command for "redo". And it's not in wordpress, it's their own custom platform, which is super shitty, doesn't even have a preview option.
>>55058340
> "friend"
>>55077574
That looks fine to me too. If you want something more unique, maybe take a look at the different parts of the page?
Navigation: Top bar with logo and links next to it.
Big ass image on top of the page.
List of related / popular / new stuff on the right.
These are things that are seen on most news/article pages. Try kicking them out or replacing them.
I personally really like the hackaday page, although they recently added a carousel (god I hate those). But it's still a generic news site. I mean, there's a reason most news sites look kind of the same.
Another idea I had is maybe a layout like one of these control panels like this dude built one:
http://i.4cdn.org/g/1465917720021.png
Put your logo, navigation and related/new/popular posts in the always-open drawer on the left.
In the main box you put in your article as well as its images and text. On the top navigation is your page name, maybe also a search.
>>55077868
I had a weak spot for side navigation before but there are some problems with it (e.g. it always take a lot of space, probably somewhat harder to work with it in a responsive layout (without changing it for gay hamburger icons when the screen is too narrow etc,). But I really could experiment with it later, I just don't have time for that at the moment because I have to present this in a few days.
Yeah, I guess it's better to turn to other parts of a site, I was working on the article page for way too long and have neglected the others. Fuck, I still have to code this front page, then pages for news and reviews (but I guess they'll look similar, but I'll just add latest posts one after the other like those on a Hackaday. Also, tags page and 404, but that's easy.
From the programming perspective, I was planning to even add another page where I would add a small "give me random movie to watch" functionality, but I don't think I'll have time for that for now.
Also, fucking slide navigation when on mobile view, shit, I forgot about that.
Well, those can be mada quickly, but the design aspect is taking me a ridiculous amount of time.
>>55076349
incredible. You actually waste your time writing out hundreds of lines of html? So when you want to insert a tag, you have to write out <div class="center" style="width: 728px; height: 90px; display: table; border: 1px solid rgb(52, 52, 92);"> rather than defining everything globally and putting in a variable for style? And whenever you have 500 elements in a table you have to write out each one manually in triple nested blocks?
what a way to spend your time.
What was the highest LOC of CSS you wrote by yourself?
>inb4 backend devs say "0"
I'm currently at 1500 LOC of spaghetti mess, but it's a personal project so IDGAF, I definitely learned a lot from this shit. I wouldn't give this to my worst enemy.
>>55078900
What's LOC?
>>55078913
lines of code
>>55078913
Lines of code
>>55078913
lines of code.
>>55078913
Lines of Kode
>>55078913
Litres of cum.
>>55078913
Levels Of Cuckoldry
Am I the only one that kinda REALLY likes this black empty div? There's usually a hero image, but I kinda like the contrasts it creates with the navigation and small featured posts in white. I might just put a few featured titles on the one side but I'm not sure what could I put in the middle. I want to make something interesting with this. It could be very nice and attention grabbing if there was just some quote or some title that pulls you to click it, nicely centered, with a good typography.
What do you think?
>>55079109
I also see a potential of a huge clickbaitery with this. E.g. I could just put interesting quotes there and users would maybe press to see the context of it.
Am I just retarded or would you fall for that too?
>>55078913
lines of coke
>>55079109
It might grab most of the attention actually. Not sure if you would like that.
That is not the main part of focus of your page. So think about that.
Think about the user base you want to attract and what do they want.
>sto ljudi sto ćudi
>>55078900
~170 lines for my anilist anime list
>>55079109
that looks awful
>>55079929
>that
What exactly is "that"?
If you looked further from header section, than you didn't read my post where I said I am working on the rest.
Also, at least me give some tips how to improve it if you say it's awful.
>>55079109
>popular sidebar
>huge blank white space below it
Show what it looks like on mobile.
>>55080135
It doesn't look like anything, I'm telling you I didn't even start working on that section yet!
I'd rather like more opinions on the articles page a few posts above (with those animated characters), but I need to fix some stuff there too.
>>55078900
About 5k
>>55080204
>mobile
>section
So its not responsive at all?
>>55080292
... What do you want? It obviously looks bad when it is not finished.
I've been working on an imageboard software I created in php. Most of the core features are done at this point. Lately, I've been working on security.
This has been my project to learn php and web dev in general, so as you'd expect, the code is as readable as a fourth-grader's scrawl.
I'm looking for two things:
1. I'd like to finish with some basic security on my current software. If you'd like to help me with this, all I need you to do is try to "hack" the software. This includes javascript injection and such. My only request, and you're not required to oblige, is that if (when) you do figure out a way, please tell me how you did it so that I can learn from my mistakes.
2. I'd like to try this again, but with a partner. Preferably, a partner who is more competent than myself. I'll do all of the grunt work, but I need some guidance as far as what software to use, security to not overlook, etc. If you'd like, you can think of this position as essentially an editor. I would write some code, you'd review it, and then you'd give me suggestions.
>>55080369
I forgot to include links.
A live site is running at: http://4tran.bid
The software is free and open-source, and can be viewed here: https://github.com/4tran/VIB
doesnt jquery toggle work on jsfiddle or codepen ?
I finished the tic tac toe project for freecodecamp but it doesnt work on these websites while it works fine on my computer
https://jsfiddle.net/faires123/jmexyqz6/2/
(I know that the code is a fucking mess, I tried different things and now Im too lazy to make it better)
>>55080369
>all I need you to do is try to "hack" the software
done ;)
>>55080369
>>55080391
lel
i think someone "hacken" you
>>55080483
How'd you create a board without knowing the password? how'd you delete the other board?
>>55080592
the install.php file resets the password to admin/admin every time it's accessed :^)
>>55080411
would be pleased if someone could help me
>>55080632
oh lol, you know, I totally forgot about that. I even put in my readme to delete the install.php file after successful import, but forgot to follow my own advice. thanks, anon, I was worried I had a much bigger problem on my hands
what is this?$2y$10$iGq7bG/OrUVF2GohFaYs9.B5vM98YanQ8KxsqLjxiCnRpBAVc.I3i
>>55080674
>I was worried I had a much bigger problem on my hands
you still do, you're using regex to remove html tags from posts instead of just html encoding it like you should, not to mention having multiple vulnerable sql queries that can probably be exploited by someone who is actually good with sql (I'm not)
>>55080708
a password hash created by php's password_hash()
>>55080708
it's a bcrypt code. it's used to verify passwords without storing the actual thing in a database, because that would be insecure as hell. where are are you finding that, though?
>>55080728
on that guys server, lel
>>55080715
I ended up swapping out the regex I'd written with strip_tags().
Is that any better, or is it essentially the same thing?
>>55080747
less flawed but still not the proper way to do things
you should be encoding text with htmlspecialchars() instead of just printing raw text and filtering out what you don't want
>>55080766
The problem is that I need to also display quotes, so I can't just wrap the entire content with htmlspecialchars. Unless I stored links in a separate field in the database, then maybe I could do that with all but the quotes.
>>55080803
Display quotes? htmlspecialchars shouldn't be a problem there.
I think it'd be easier to criticize your code if you shared it.
>>55080827
I'm new to php. I have no idea what that means.
>>55080803
>The problem is that I need to also display quotes
what are you even talking about?
if you mean that you need html tags in posts for quotelinks and such, you should either
>run the post through htmlspecialchars
>parse and add raw html here
>store in database
>display straight from database
or
>store raw post text in database
>do all the parsing above when displaying
>>55080839
I did.
>>55080391
And by quotes, I meant quoting another user. htmlspecialchars would turn all the links into <a href="postID">etc</a> instead of displaying them as they should be.
>>55080862
Okay, number 1 is a good idea. That should work. Thanks.
So, I have this project I'm working on. It's my central page which is supposed to control whatever I can build into it. One of these things is my smarthome, but I'm still waiting for some hardware to be delivered to keep working on that.
The smarthome is currently the only thing implemented. But the whole thing has much more potential.
What are other things I could add to the page? Other things I could control or use it for? Examples would be my mails, facebook messages, file hosting, calender, state of the devices on my local network.
>>55052549
Is it possible to use a proxy to connect to a tls site that requires a client certificate? Possible with request on node?
I've seen libraries with computers whose browsers have no address bars, tabs or anything and its fullscreen. How do I achieve this?
I can't find a good enough browser extension and javascript just doesn't do it, im just not good at it.
>>55081063
hit f11
>>55081063
press f11
>>55081063
Are you making an embedded application that is based on a webpage? You can check out awesomium.
>>55081078
>>55081075
lmfao i want to hide the bars forever. users will still use a keyboard though
>>55081138
will do. btw its just a webpage, no application or anything
okay, okay, I get it "php is shit" guy, stop flooding. I haven't added any sort of moderation yet. But that's not the fault of php, that's the fault of me.
>>55081298
php is nasty senpai
>>55081333
Maybe it's not perfect, but how is it not ideal for web development?
>>55081298
flooding where?
hey /wdg/. Could I get your opinions on my very simple textboard?
http://jewgle.gq/post/
it's a WIP
>>55081819
>php
into the trash it goes
>>55081827
:^)
>>55081819
Only about 1 in 5 requests does not return a blank page. Seems to be server-side.
>>55081880
Naw. it's because somebody tried to blankpost. I fixed that issue.
>>55081819
doesn't really work.
>>55081355
Don't listen to the meme. Any language can be shit if the programmer doesn't use it properly.
>>55081933
werks on my machine
>>55081919
I posted embedded code, fucked the page. Fix that gaping hole.
>>55081993
nothing looks fucked to me
>>55082023
>>55081966
m8, we're trying to help you and all you're doing is getting defensive. Clearly, you weren't looking for actual help, you were looking to be told you did a good job. Well, you didn't, so fuck off and keep trying if you don't want any individual tips.
>>55082174
Literally the only fucked thing is the reply script, which i'm rewriting. Your XSS didn't do anything.
>>55082188
>>55082188
No response brah
>>55082430
Yeah, I use a shit host.
>>55082188
>>55082503
working on fixing.
>>55082503
>name = function
>assigning undeclared variables
>not using strict mode
>using new for absolutely no reason
Show some decency, Pajeet.
>>55082670
>implying I care
Don't Talk to Me or My Wife's Son Ever Again
>>55082778
Nice meme, Pajeet.
>>55082503
Can I have reqProxy.js please? Thanks
>>55082809
You caught me. I'm really from bangladesh.
>>55082924
>>55082942
>Using Ubuntu with Unity
Get out, Pajeet.
>>55072075
set the background to black using rgb codes and set the opacity to like 0.5
>rgba(25, 28, 35, 0.5)
>>55075066
>>55075098
>>55076139
Are you guys retarded; 40 lines of code for that, whats wrong with you
https://jsfiddle.net/106tpLun/2/
>>55077392
just contain it in its own div and set the image to float left
