Web Development - WAYWO - #8

[Miljaker]

[QUOTE=RoflKawpter;45230149]Nah, I mean like business address

[editline]27th June 2014[/editline]

Ah well. This is my first static html/CSS webpage ever that may MAY be used so yeah. It's got that php flaw mentioned last page but it's on 000 Web host so I don't give a darn (plus I have a local backup). Not all the pages work but hey, it's a start.

[URL="http://www.pilapodapostache.net"]www.pilapodapostache.net[/URL][/QUOTE]

Try adding a bit more padding to the menu. And I think it might look better if the headings were left aligned.

[Nexzer]

[QUOTE=Miljaker;45229008]You are adding html elements as well? I add all of them when the page loads and you add them when you hover. Both end up with shittons of divs.[/QUOTE]
yeah expect your site creates about 3k-5k divs and mine only creates the needed divs

[Maqtiah]

[QUOTE=RoflKawpter;45230149]Nah, I mean like business address

[editline]27th June 2014[/editline]

Ah well. This is my first static html/CSS webpage ever that may MAY be used so yeah. It's got that php flaw mentioned last page but it's on 000 Web host so I don't give a darn (plus I have a local backup). Not all the pages work but hey, it's a start.

[url]www.pilapodapostache.net[/url][/QUOTE]

Is it on purpose you spelled it "tyme"?

[Coment]

Something I liked a lot about PAYDAY 2 is the little, yellow "POLICE ASSAULT" sign going on in the corner. [URL="http://comentarinformal.info/random/assault/"]So I replicated it[/URL] (way bigger than the original) because I can.

I've even tried setting it on the hud on Gmod, but I suck at Lua. Soo, here it stays.

[RoflKawpter]

[QUOTE=Moofy;45230619]Is it on purpose you spelled it "tyme"?[/QUOTE]

Yup, that's the way they want it spelled!

[Cyberuben]

[QUOTE=Coment;45231198]Something I liked a lot about PAYDAY 2 is the little, yellow "POLICE ASSAULT" sign going on in the corner. [URL="http://comentarinformal.info/random/assault/"]So I replicated it[/URL] (way bigger than the original) because I can.

I've even tried setting it on the hud on Gmod, but I suck at Lua. Soo, here it stays.[/QUOTE]

Do you want to turn this into lua or load the HTML in Lua?

[Coment]

[QUOTE=Cyberuben;45232074]Do you want to turn this into lua or load the HTML in Lua?[/QUOTE]

I'd like to load the HTML in Lua, now that I have it already done (probably with some http.fetch?).
The difficult part would be setting it into the hud. From the quick research I did, it would need to have an ugly frame around it.

Definitely something to look at on a boring saturday on Metastruct.

[Cyberuben]

[QUOTE=Coment;45233711]I'd like to load the HTML in Lua, now that I have it already done (probably with some http.fetch?).
The difficult part would be setting it into the hud. From the quick research I did, it would need to have an ugly frame around it.

Definitely something to look at on a boring saturday on Metastruct.[/QUOTE]

I can look at it for you?

[Coment]

[QUOTE=Cyberuben;45235808]I can look at it for you?[/QUOTE]

Sure, if you wanna give it a go it would be great.
Don't spend too much time on it, though, I'm not thinking on doing any gamemode or anything like that. I just want to look at it one or two times and that's all.

[Crazy Knife]

[QUOTE=Lizart;45227090]I decided to make one aswell, just without all that html
[url]http://jsfiddle.net/722Z4/1/[/url][/QUOTE]

Pretty neat.

I came up with a method of passing a green screen through Garry's mod when one takes screenshots to add z-depth to an uploaded image using javascript.

Here's the link (hold left click and drag around your mouse): [url]http://wduwant.com/3d/z-depth_and_green_screen[/url]

[img]http://www.wduwant.com/index_uploads/uploads/5402bd96e85f.jpg[/img][img]http://www.wduwant.com/index_uploads/uploads/e2917f4.jpg[/img]
[img]http://www.wduwant.com/index_uploads/uploads/58ddd7a2a82a.jpg[/img][img]http://www.wduwant.com/index_uploads/uploads/630193b3.jpg[/img][img]http://www.wduwant.com/index_uploads/uploads/be36be1fe495.jpg[/img]

^ the images used for creating the final interactive 3d pic in the link.

[Cyberuben]

[QUOTE=Coment;45235882]Sure, if you wanna give it a go it would be great.
Don't spend too much time on it, though, I'm not thinking on doing any gamemode or anything like that. I just want to look at it one or two times and that's all.[/QUOTE]

Will give it a shot tonight!

[Cyberuben]

[QUOTE=Cyberuben;45237728]Will give it a shot tonight![/QUOTE]

[t]http://i.imgur.com/alffjnd.jpg[/t]
If you change the HTML, it should work...

[lua]-- Create a screen filling panel
frame = vgui.Create("DPanel")

-- Set size to fullscreen
frame:SetSize(ScrW(), ScrH())
frame:Center()

-- Disable the ugly derma look
frame.Paint = function() end

-- Create and load the HTML
html = vgui.Create( "DHTML" , frame )
html:Dock( FILL )
http.Fetch("http://rubensrv.nl/socool/index.html",
function(body, len, headers, code)
html:SetHTML( body )
end,
function (error)

end
)[/lua]
That makes it work on your HUD, if you adjust the HTML at least. Currently it's quite shit, tried to tweak your stuff a bit, but to be honest, I really can't be bothered to do the HTML / CSS for this.

I have changed your source a bit, just visit the URL you can see in the http.Fetch() function.
Right now I just placed it in a file called test.lua and ran it using lua_openscript_cl.

[Coment]

[QUOTE=Cyberuben;45241535]-lots of magical code-[/QUOTE]

Awesome! I'll pick it up and touch it a bit. Let's see if we can get this to actually work!

[Goz3rr]

[QUOTE=Cyberuben;45241535]- code and things -[/QUOTE]

Do this instead, there's no need for all that extra code:

[lua]
html = vgui.Create("DHTML")
html:Dock(FILL)
http.Fetch("http://rubensrv.nl/socool/index.html", function(body)
html:SetHTML(body)
end)
[/lua]

[Cyberuben]

[QUOTE=Goz3rr;45244577]Do this instead, there's no need for all that extra code:

[lua]
html = vgui.Create("DHTML")
html:Dock(FILL)
http.Fetch("http://rubensrv.nl/socool/index.html", function(body)
html:SetHTML(body)
end)
[/lua][/QUOTE]

Never used DHTML panel before, thought it required a wrapper!

[j4NZKUE]

Working on my portfolio again.

Was thinking a slider with this neat CSS3 only browser window I made.

[T]http://f.cl.ly/items/0m1z1J3n3L3G3x0U1R0f/Image%202014-06-29%20at%203.03.49%20pm.png[/T]

What do you think?

[Alcapwne]

hey guys

this summer I'm hoping to make an online platform for university societies (and eventually expand to groups of any sort, and basically take over [url]www.groupspaces.com[/url] which is old and bad now). I'm gonna start with just allowing societies to create nice profiles on this platform, and slowly add more features like mailing lists, payments, newsletters, etc. so that my site will be the only thing societies need to manage themselves. thoughts on this idea? also thoughts on this design for the societies' profiles on the site? cheers

[IMG]http://i.imgur.com/R7IOezD.png[/IMG]

Not sure if it's obvious, but the society can customise the background image at the top. Also, when you click the down arrow on the left, it comes up with a list of all the societies at oxford (and a search box perhaps), and there needs to be some sort of other button that lets you change to whatever university you're at

[Shadow801]

[QUOTE=RoflKawpter;45230149]Nah, I mean like business address

[editline]27th June 2014[/editline]

Ah well. This is my first static html/CSS webpage ever that may MAY be used so yeah. It's got that php flaw mentioned last page but it's on 000 Web host so I don't give a darn (plus I have a local backup). Not all the pages work but hey, it's a start.

[url]www.pilapodapostache.net[/url][/QUOTE]

MARGINS! :O

[IMG]http://i.imgur.com/lcFLbWF.png[/IMG]

[Quincy.]

I know it's not much to brag about but I wrote a javascript bot for primedice (a bitcoin gambling website) and a guy bought it off me for $12. It took me 2 minutes to write.

[jimbodude]

Been a long time since I posted over here, but my company dropped a beta of our entirely in-house game panel a couple weeks ago as well as our new website and are preparing to push an update this week. We're currently primarily focused on perfecting interface for Minecraft servers and using them as a solid framework for stress-testing, but since our back-end permits expansion into other games very simply, we'll be pushing into Source and other games shortly.

[T]http://nodecraft.com/assets/images/screenshots/large/players.png[/T][T]http://nodecraft.com/assets/images/screenshots/large/console.png[/T][T]http://nodecraft.com/assets/images/screenshots/large/tasks.png[/T]
More at [url]http://nodecraft.com/blog/company-updates/nodecraft-relaunch[/url]

We're planning to push a Bukkit plugin interface this week;
[T]http://ncdrop.in/james/2014_07_01_03_52_00.png[/T][T]http://ncdrop.in/james/2014_07_01_03_52_16.png[/T]

[isnipeu]

[IMG]http://i.imgur.com/K5Rfd0L.png[/IMG]

Ratings! They're stored with mysql and are visually based on FP and coderhire.

[sp]After frequenting FP it's hard to use a forum without ratings[/sp]

[alexanderk]

[QUOTE=jimbodude;45259688]nodecraft[/QUOTE]

Signed up for testing, looks neat.

[Ac!dL3ak]

[QUOTE=jimbodude;45259688]Been a long time since I posted over here, but my company dropped a beta of our entirely in-house game panel a couple weeks ago as well as our new website and are preparing to push an update this week. We're currently primarily focused on perfecting interface for Minecraft servers and using them as a solid framework for stress-testing, but since our back-end permits expansion into other games very simply, we'll be pushing into Source and other games shortly.

-pics-
More at [url]http://nodecraft.com/blog/company-updates/nodecraft-relaunch[/url]

We're planning to push a Bukkit plugin interface this week;
-moar pics-[/QUOTE]

I don't know about your site, something seems off about it, just looking at the home page. If I were to take a stab at it, it would probably be the equal distribution of colors that you seem to have going on; I like the colors, but they don't seem to relate very well, and there's no _primary_ color. Your logo also uses these colors (which is fine), but I don't like the bevel you have on the logo.

I might also want to point out that these colors look very similar to google's colors.

[editline]1st July 2014[/editline]

The backgrounds, as well; in your header, you have an entirely separate background as the main content. While modifying the background slightly imo is ok, I don't think you should be using a completely separate background.

[editline]1st July 2014[/editline]

also,

[img]http://i.imgur.com/Dm5y0aO.png[/img] [img]http://i.imgur.com/fhMWHE6.png[/img] [img]http://i.imgur.com/m8IWGis.png[/img] [img]http://i.imgur.com/nKaHfAa.png[/img] [img]http://i.imgur.com/bRC2Pai.png[/img]

[editline]1st July 2014[/editline]

Might I ask what you're using for server virtualization?

[jimbodude]

Interesting feedback, thanks very much!

We're rolling a shared environment, powered entirely by node.js. NodePanel front-end is built with Angular.

[Ac!dL3ak]

OH, for the pictures, left to right:

1) Subscribe is overflowing from the box.
2) Two separate yellow colors.
3) The box isn't visually aligned.
4) Your login button is rounded, but the "Submit" button is square
5) The minecraft image is lonely :(

[editline]1st July 2014[/editline]

[img]http://i.imgur.com/dPbOJQl.png[/img]

the text on the buttons aren't aligned to the center of the button

[editline]1st July 2014[/editline]

[img]http://i.imgur.com/9suJMwp.png[/img]

no padding in the content (also, that dropdown looks kinda out of place for the theme)

[editline]1st July 2014[/editline]

[img]http://i.imgur.com/zy5Xq5q.png[/img]

the nav bar has different colors in different spots than the normal, i.e. green, blue, yellow, then red, vs. the normal green, blue, red, then yellow.

[editline]1st July 2014[/editline]

[img]http://i.imgur.com/TaK2f7K.png[/img]

the navbar at the top doesn't continue the shading(?) all the way to the edge of the page, unlike the footer, which does

[wauterboi]

I'm a bored man.

[t]http://www.dotbsp.com/ShareX/Facepunch_Example_Thread_-_Google_Chrome_2014-07-01_23-39-00.png[/t][t]http://www.dotbsp.com/ShareX/Facepunch_Example_Thread_-_Google_Chrome_2014-07-01_23-39-46.png[/t]

I am just messing around. There's a few things I'm messing around with certain concepts:

1. Color theory: very little should be shades of black, grey, etc. (In the edited screenshot below, the color of the text is also changed.) Warm and cold colors should be used to provide subtle contrast to help aid the reader in locating things like the rating features, or meld together similar concepts like the quick links up in the navigation header.

2. Colored post headers indicate several different things: A blue header indicates that the post is the original, first post in a thread. A brownish-gold color indicates that a post is old. A yellow header (which I am completely up for changing) represents posts made by the viewer. A red post indicates a new post.

3. Respect for people with smaller browser windows: I shouldn't have to maximize my browser to see content. I work on a grid where windows take up at most half of the screen, like so:

[t]http://www.dotbsp.com/ShareX/2014-07-01_23-45-20.png[/t]

It's annoying when I have to scroll weirdly around a page, and I'm trying to make it friendly for people on phones, people in smaller-sized browsers, and people with large-sized browsers.

I was thinking of making the post author controls appear only on hover just like the rating controls, but that always sucks for people on mobile devices.

EDIT: Colors!

[t]http://www.dotbsp.com/ShareX/Facepunch_Example_Thread_-_Google_Chrome_2014-07-02_01-46-54.png[/t]

[Phantoml994]

Has anybody encountered inadvertent scrolling with jQuery? I'm animating and hiding several fixed (a sidebar) and regular <div> elements and my browser jumps to the top of the page before starting the animation queue.

[mastersrp]

[QUOTE=Phantoml994;45271121]Has anybody encountered inadvertent scrolling with jQuery? I'm animating and hiding several fixed (a sidebar) and regular <div> elements and my browser jumps to the top of the page before starting the animation queue.[/QUOTE]

This might happen to some browsers when clicking a link like <a href="#">link</a>.
A solution to this can be to have an anchor just above where the animation ends, then send the user there instead with <a href="#anchor">link</a>.

[Phantoml994]

[QUOTE=mastersrp;45271212]This might happen to some browsers when clicking a link like <a href="#">link</a>.
A solution to this can be to have an anchor just above where the animation ends, then send the user there instead with <a href="#anchor">link</a>.[/QUOTE]

I love you! I deleted the "href" parameter and it just works! Thank you so much.

[Tezzanator92]

I got a Magento store from a 6 second load time (Without a primed cache) to 2 seconds. That makes me happy.

As happy as that makes me, I still hate Magento. 3 years in and I know the codebase like the back of my hand but it's still a dog to work with at times.