Web Development - WAYWO - #8 - Developers

I should hope that no one is using Flash anymore, apart from YouTube, which I believe is slowly trying to get rid of it

html5 is still inferior in performance with decoding video to flash

Hmm fair enough, maybe for video players then. Albeit can't really say I've had any problems with HTML5 video. Flash seems to suck in performance for anything else though

This site says canvas is faster, but it lacks sources and imo alot of web bloggers chat out of their ass, might be legit tho. [url]http://webdesign.about.com/od/html5tutorials/a/canvas-vs-svg-vs-flash.htm[/url]

[QUOTE=mdeceiver79;43472599]This site says canvas is faster, but it lacks sources and imo alot of web bloggers chat out of their ass, might be legit tho. [url]http://webdesign.about.com/od/html5tutorials/a/canvas-vs-svg-vs-flash.htm[/url][/QUOTE] That's completely irrelevant to video decoding. [editline]10th January 2014[/editline] [QUOTE=Giraffen93;43472563]html5 is still inferior in performance with decoding video to flash[/QUOTE] This is wrong.

[QUOTE=djjkxbox360;43472548]I should hope that no one is using Flash anymore, apart from YouTube, which I believe is slowly trying to get rid of it[/QUOTE] I don't even have it installed

I rarely see Flash these days, even when working in B2B where two years ago Flash was all the craze. Quite the relief.

I didn't work on this but someone redesigned Reddit to look as if it were a Google service. Thought I'd share as it looks wonderful. [url]http://dribbble.com/shots/1371204-Exercise-A-Googlier-Reddit[/url]

canvas and SVG were the best platforms, flash was shit and DOM was bad. it's just a shame that canvas is a one trick pony chrome and IE 11 were the best browsers for the job, too. firefox just clumped all processing into a single function and was the worst performing browser

heyyyoooo me and my friends have had a small xenforo (originally phpbb) forum of about 10 people for the past like 4 years but our money sources for our hosting and domain slowly ran out and we got booted off of our shit-tier host for going over our mysql limit ? ? ? ? ? ??? ?? ? ? ? so anyway im askin: is there any neat new prehosted forum software or should we stick w/ vanilla for now [editline]10th January 2014[/editline] actually yo can someone just suggest some cool ass forum software. i like vanilla a lot but its been a while since i checked the forum software scene any cool new shit come out

[url=http://esotalk.org]EsoTalk[/url] looks cool as shit but the last commit was around 3 months ago. Its code isn't the best, either. [url=http://www.discourse.org]Discourse[/url], on the other hand, remedies both cons above if you're fine with running a Ruby app.

I think esoTalk has sort of been replaced by this [url]http://flarum.com/[/url]

Created in 10 minutes [IMG]http://i.imgur.com/UDOGGox.png[/IMG] I used 2 images (1 logo, 1 background) What do you think?

[QUOTE=Spero78;43485850]I think esoTalk has sort of been replaced by this [url]http://flarum.com/[/url][/QUOTE] It's an empty page though, and I don't find anything about it other than people saying it is the next big thing

[QUOTE=commander204;43488202]It's an empty page though, and I don't find anything about it other than people saying it is the next big thing[/QUOTE] One of the former esoTalk devs is a cofounder though, which is all the claim is based off afaik

[url]http://rtag.me/[/url] Any suggestions? (ignore the fact the projects don't actually link to anything right now)

[QUOTE=Perl;43491701][url]http://rtag.me/[/url] Any suggestions? (ignore the fact the projects don't actually link to anything right now)[/QUOTE] Make a hover style for the twitter and github links, just at least something like it going slightly darker like the project links

Get a load of this [url]http://www.artisteer.com/?p=screenshots[/url]

[QUOTE=TiiagoCabral;43486826]Created in 10 minutes [IMG]http://i.imgur.com/UDOGGox.png[/IMG] I used 2 images (1 logo, 1 background) What do you think?[/QUOTE] [QUOTE=Svenskunganka;43489450]How about you show some code aswell? Sure, it might look nice but this is the web dev section and the biggest eye candy to us is the code itself. Some people might also come with some advice/criticism aswell, which is always good![/QUOTE]

Messing around with AngularJS and managed to get a carousel working: [url]http://jsfiddle.net/qwook/FZb4T/2/[/url] (dont mind the terrible variable names. i was intending on adding images but got too lazy) I originally thought that AngularJS was messy, illegible, and useless. Then I reached angular nirvana and I realized how great AngularJS is. It makes everything so intuitive, and lets you say "fuck you" to jQuery daisy chains.

[QUOTE=Perl;43491701][url]http://rtag.me/[/url] Any suggestions? (ignore the fact the projects don't actually link to anything right now)[/QUOTE] Add some transition on the hovers. So it fades more, also on the Twitter/GitHub links.

[QUOTE=djjkxbox360;43491910]Make a hover style for the twitter and github links, just at least something like it going slightly darker like the project links[/QUOTE] [QUOTE=Moofy;43497098]Add some transition on the hovers. So it fades more, also on the Twitter/GitHub links.[/QUOTE] Done, how about now?

[QUOTE=Perl;43497708]Done, how about now?[/QUOTE] The design looks good. Just need to check out your HTML now, some validation errors: [URL]http://validator.w3.org/check?uri=http%3A%2F%2Frtag.me%2F&charset=(detect+automatically)&doctype=Inline&group=0[/URL] Actually, just noticed, most of these errors are because of the XHTML doctype. If you change it to HTML5 doctype: [code]<!doctype html>[/code] Then you only have the alt tags on the images that you need to fix

[QUOTE=djjkxbox360;43498040]The design looks good. Just need to check out your HTML now, some validation errors: [URL]http://validator.w3.org/check?uri=http%3A%2F%2Frtag.me%2F&charset=(detect+automatically)&doctype=Inline&group=0[/URL] Actually, just noticed, most of these errors are because of the XHTML doctype. If you change it to HTML5 doctype: [code]<!doctype html>[/code] Then you only have the alt tags on the images that you need to fix[/QUOTE] Fixed, passes the test on that page now. Added doctype, character encoding and alts.

Just got a new retina macbook pro and re-installing everything and getting my dev environment set back up is noooot fun. This is my first computer with an SSD though and everything feels so fucking fast it's crazy. My old MBP was having some issues and was starting to feel too slow over the last couple months and it was starting to really effect my productivity. Sublime text looks so pretty now haha :)

[QUOTE=KmartSqrl;43502826]Just got a new retina macbook pro and re-installing everything and getting my dev environment set back up is noooot fun. This is my first computer with an SSD though and everything feels so fucking fast it's crazy. My old MBP was having some issues and was starting to feel too slow over the last couple months and it was starting to really effect my productivity. Sublime text looks so pretty now haha :)[/QUOTE] [URL=http://boxen.github.com/]Boxen[/URL] may be of relevance.

[QUOTE=Jelly;43503321][URL=http://boxen.github.com/]Boxen[/URL] may be of relevance.[/QUOTE] I got everything up and running pretty quickly, although I have been toying with the idea of writing a set of chef scripts to do the fun setup stuff for me. Boxen looks really neat too though! I've had some experience with puppet (used it to set up a bunch of computers in an office I used to work at to do centrally stored home folders and LDAP login and all that fun stuff) and I definitely prefer chef.

[T]http://i.imgur.com/73QRCAo.png[/T] [T]http://i.imgur.com/T0HtFpR.png[/T] Just wanted something that was: - Independent from a forum - Could include everything I was generally working on - Easy - Graphical - Linked to GitHub I'm stumped on the design and I'm wondering if anyone's got any suggestions. No live version right now, if you want the code I'll post it.

Code please.

HTML index [code]<!DOCTYPE html> <html> <head> <title>DatzyHub</title>  <link rel="stylesheet" type="text/css" href="css/stylesheet.css">  </head> <body> <section class="navigation"> <ul> <li class="name"><a href="index.html">DatzyHub</a></li> <li><a href="https://gnu.org/licenses/gpl.html">License</a></li> <li><a href="https://github.com/ACHGardner">GitHub</a></li> <li class="filesh"> <a href="files.html">Files</a> <ul class="filesnav"> <li><a href="files.html#python">Python</a></li> <li><a href="files.html#lua">Lua</a></li> <li><a href="files.html#web">Web</a></li> </ul> </li> </ul> </section> <section class="stage"> <h2>Welcome to DatzyHub.</h2> <h4>Please select one of the navigation sections.</h4> <div class="updates"> <header class="title" id="title">Updates</header> <p>January 11, 2014</p> <li>Website is up</li> <li>Basic fixes to <text class="file"><a href="https://github.com/ACHGardner/cataclysm-game/blob/master/cataclysm.py">cataclysm.py</a></text></li> </div> </section> </body> </html>[/code] files [code]<!DOCTYPE html> <html> <head> <title>DatzyHub - Files</title>  <link rel="stylesheet" type="text/css" href="css/stylesheet.css">  </head> <body> <section class="navigation"> <ul> <li class="name"><a href="index.html">DatzyHub</a></li> <li><a href="https://gnu.org/licenses/gpl.html">License</a></li> <li><a href="https://github.com/ACHGardner">GitHub</a></li> <li class="filesh"> <a href="files.html">Files</a> <ul class="filesnav"> <li><a href="files.html#python">Python</a></li> <li><a href="files.html#lua">Lua</a></li> <li><a href="files.html#web">Web</a></li> </ul> </li> </ul> </section> <section class="files"> <h2>Python</h2> <ul class="files"> <li><a href="https://github.com/ACHGardner/cataclysm-game/">Cataclysm: A Text Adventure</a> <a href="https://github.com/ACHGardner/cataclysm-game/archive/master.zip" class="download">Download</a></li> <li><a href="https://github.com/ACHGardner/school/blob/master/mac.py">Multipurpose Algorithmic Calculator</a> <a href="https://github.com/ACHGardner/school/archive/master.zip" class="download">Download</a></li> </ul> <h2>Lua</h2> <h2>Web<h2> </section> </body> </html>[/code] css [code]/*things that i don't usually edit and can just put in one line*/ /* by datzy eh */ @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300);*{transition: 0.2s;-webkit-transition:0.2s;-ms-transition:0.2s;-moz-transition:0.2s;}a{color:inherit;text-decoration:none;text-transform:none;}a:hover{color:#E89B43;text-decoration:none;text-transform:none;}a:active{color:#DB933F;text-decoration:none;text-transform:none;}li{list-style-type:none;}ul{list-style-type:none;padding:0;margin:0;}body{background-color:#191919;color:#FFF;margin:0;padding:0;width:100%;font-family:"Open Sans",sans-serif;}.file{color:#F7A547;text-transform:none;}.download{color:#F7A547;float:right;} /*stuff more specific to the site*/ .navigation{margin:0;height:33pt;background-color:#262626;font-size: 13pt;} .navigation ul>li{padding-left: 10pt;padding-right: 10pt;line-height: 33pt;vertical-align: middle;display:inline;float:right;} .navigation .name{float:left;} .navigation .filesnav{display:none;float:right;} .navigation .filesh:hover > .filesnav{margin:0;position: absolute;display:block;background-color:#333;} .stage{text-align:center;} .stage h2{font-weight:100;font-size:28pt;} .stage h4{font-weight:300;font-size:16pt;color:#777;} .stage .updates .title{padding-top:10pt;font-size:26pt;color:#FFF;text-align: center;} .stage .updates{margin:0 auto;display:block;width:35%;font-weight:300;color:#777;text-align:left;} .files h2{font-weight:100;font-size:28pt;text-align:center;} .files{width:85%;margin:0 auto;margin-top:10pt;background-color:#262626;padding:7pt;} .files li{display:block;height:25pt;line-height:25pt;vertical-align: middle;padding:7pt;background-color:#3B3B3B;border-bottom:1px solid #262626;} .files li:hover{background-color:#404040;}[/code] The CSS isn't pretty but I can navigate it fine.