Web Development - WAYWO - #8

[Giraffen93]

[QUOTE=Jelly;42658053]No website needs a video intro.[/QUOTE]

for a temporary 5-year anniversary, it does
however the site is just a central hub and doesn't bring any usefulness

[supersnail11]

[QUOTE=Giraffen93;42658118]for a temporary 5-year anniversary, it does
however the site is just a central hub and doesn't bring any usefulness[/QUOTE]

just put up a banner or something

[Giraffen93]

[QUOTE=supersnail11;42658218]just put up a banner or something[/QUOTE]

the site is just basically a row of links at the bottom of the screen with a spinning logo in the center

[Killervalon]

[QUOTE=Giraffen93;42658240]the site is just basically a row of links at the bottom of the screen with a spinning logo in the center[/QUOTE]

Well, if it doesn't look pretty then you should make it look pretty as part of the annivesary.

[graymic]

Working on a mini unit testing framework. Currently it detects changes in it's own test file as well as the test objects files associated. So any change to those files will automatically update your unit test preview.

Quick preview. Got the design idea from another unit test framework I saw a while back. Albeit will have my friend who's a designer / front-end developer to restyle it and design it when it's done, just needed a means to display tests.

It's relatively simple and straight forward to detect changes. Currently I'm just loading an md5_file check into RAM and then picking it up using an AJAX poll.

[img]http://img7.imageshack.us/img7/1395/9ecy.png[/img]

[Spero78]

[QUOTE=Giraffen93;42657958]What's an acceptable video intro/loop filesize today? 9MB seems much.[/QUOTE]

Judging by the average household download speed stated here
[url]http://www.netindex.com/[/url]

I would suggest anything under 1.5MB should be okay for most people to load in reasonable time, If you really need a video though use something like Vimeo or YouTube to embed and stream it

[Cronos]

Now that I know CSS I need to fix this HTML-only mess of a site I have

[t]http://cl.ly/SARh/Screenshot 2013-10-27 at 12.21.10 pm.png[/t]

Also: On the topic of video intros, since I've been thinking about it for a bit, what's the best way I can make a website play either a fullscreen video or flash file once then fade to the actual site contents? I don't know how I should do this.

There's probably some fancy way I could make some fullscreen HTML5 text fade to it to since that's all the video would serve anyway, but I'm far beyond knowing how to do that.

[peep]

[QUOTE=Cronos Dage;42663738]Now that I know CSS I need to fix this HTML-only mess of a site I have

[t]http://cl.ly/SARh/Screenshot 2013-10-27 at 12.21.10 pm.png[/t]

Also: On the topic of video intros, since I've been thinking about it for a bit, what's the best way I can make a website play either a fullscreen video or flash file once then fade to the actual site contents? I don't know how I should do this.

There's probably some fancy way I could make some fullscreen HTML5 text fade to it to since that's all the video would serve anyway, but I'm far beyond knowing how to do that.[/QUOTE]

[t]http://puu.sh/511R5.jpg[/t]

oops

[editline]27th October 2013[/editline]

it tiles if you didnt notice

[editline]27th October 2013[/editline]

which is really stupid

[Cronos]

it's designed for 1920x1080 and literally nothing else except for like iOS devices

[t]http://cl.ly/SAZM/Screenshot 2013-10-27 at 12.33.09 pm.png[/t]

looks fine to me; haven't updated the core homepage in three months and plan to remove some of the junk

[peep]

here have a motd

[url=http://puu.sh/5122e.jpg]click[/url]
i think the terminal icon isnt centered so i'll fix that eventually

[editline]27th October 2013[/editline]

[QUOTE=Cronos Dage;42663867]1920x1080 and designed for nothing else[/QUOTE]

why

[Cronos]

I don't think I'll bother fixing this :v:

[t]http://cl.ly/SA2h/Screenshot 2013-10-27 at 12.36.59 pm.png[/t]

[QUOTE=/dev/sda1;42663889]
[editline]27th October 2013[/editline]

why[/QUOTE]

it's the most-used resolution in 2013 (according to Steam hardware survey) and my website is hosted on a free domain where I host no advertisements and it doesn't really promote much of mine except for my youtube videos and shitty experimental pages so if it looks good on all of my screens I'm fine

[t]http://cl.ly/SAb7/IMG_1527.jpeg[/t]

why does the domain 'cronosda.ge' have to cost $120/month

[supersnail11]

[QUOTE=Cronos Dage;42663738]Also: On the topic of video intros, since I've been thinking about it for a bit, what's the best way I can make a website play either a fullscreen video or flash file once then fade to the actual site contents? I don't know how I should do this.[/QUOTE]

don't

[Killervalon]

[QUOTE=Cronos Dage;42663919]
why does the domain 'cronosda.ge' have to cost $120/month[/QUOTE]

a month? Who the heck pays for domains on a monthly basis? I see it for 100$ a year.

[Cronos]

either way cronosdage.com or .ca would be over ten times cheaper

[QUOTE=supersnail11;42664055]don't[/QUOTE]

I want to know how to do it even if I might not use it

[Giraffen93]

[QUOTE=Killervalon;42662325]Well, if it doesn't look pretty then you should make it look pretty as part of the annivesary.[/QUOTE]
That's the point of the movie.

[QUOTE=Spero78;42663157]Judging by the average household download speed stated here
[url]http://www.netindex.com/[/url]

I would suggest anything under 1.5MB should be okay for most people to load in reasonable time, If you really need a video though use something like Vimeo or YouTube to embed and stream it[/QUOTE]

How is Youtube better in any way than a video tag?

[Coment]

[QUOTE=Giraffen93;42664563]How is Youtube better in any way than a video tag?[/QUOTE]
You don't need to care about eating up lots of resources from your own server (using Google's ones, instead), and (more than likely) it will load faster (since they have way more servers), at the [I]expense [/I]of a small logo at a corner.

[Giraffen93]

[QUOTE=Coment;42665034]You don't need to care about eating up lots of resources from your own server (using Google's ones, instead), and (more than likely) it will load faster (since they have way more servers), at the [I]expense [/I]of a small logo at a corner.[/QUOTE]

Bandwidth is free. I guess it could be faster though, but the js backend sucks.

[KmartSqrl]

[QUOTE=graymic;42663083]Working on a mini unit testing framework. Currently it detects changes in it's own test file as well as the test objects files associated. So any change to those files will automatically update your unit test preview.

Quick preview. Got the design idea from another unit test framework I saw a while back. Albeit will have my friend who's a designer / front-end developer to restyle it and design it when it's done, just needed a means to display tests.

It's relatively simple and straight forward to detect changes. Currently I'm just loading an md5_file check into RAM and then picking it up using an AJAX poll.

[img]http://img7.imageshack.us/img7/1395/9ecy.png[/img][/QUOTE]

This looks nice, but you should probably be focused on making this work really well from the command line before you start making web views or anything for it. A test framework that doesn't have a robust CLI is useless as soon as you want to do CI or anything like that.

[editline]27th October 2013[/editline]

[QUOTE=Cronos Dage;42663919]it's the most-used resolution in 2013 (according to Steam hardware survey) and my website is hosted on a free domain where I host no advertisements and it doesn't really promote much of mine except for my youtube videos and shitty experimental pages so if it looks good on all of my screens I'm fine[/QUOTE]

Steam hardware survey is a HORRIBLE place to get resolution data for general web users because steam's audience and the hardware they have is not at all representative of the general public.

There is no reason to be designing for specific resolutions anymore, it's 2013.

[editline]27th October 2013[/editline]

[QUOTE=Cronos Dage;42663738]Also: On the topic of video intros, since I've been thinking about it for a bit, what's the best way I can make a website play either a fullscreen video or flash file once then fade to the actual site contents? I don't know how I should do this.[/QUOTE]

You should [B][I]never[/I][/B] block your content with a video unless you like having people leave your site before the video finishes playing. What if I'm a mobile user? I don't want to wait for a whole video to download over a potentially spotty phone connection before I can do anything. If you really want a video, give people the option of playing it (but not from a stupid "play intro" "click here to enter the website" kind of thing).

If the video provides any value to your users they should be able to play it whenever they want by visiting the home page and clicking a play button. If the video doesn't provide value, it shouldn't be there in the first place.

[graymic]

[QUOTE=KmartSqrl;42665937]This looks nice, but you should probably be focused on making this work really well from the command line before you start making web views or anything for it. A test framework that doesn't have a robust CLI is useless as soon as you want to do CI or anything like that.
[/QUOTE]

Absolutely agree, the cli version works fine right now. Not "real time" like the GUI version, but it supports basic assertions up to exception handling, allowing you to test exception outputs, etc. I'll post it up on github in a bit, maybe you can check it out and give a critique if you will.

Edit:

Will probably take a further look into some CLI unit test frameworks and see what useful features they provide via CLI to see if I can emulate that.

[KmartSqrl]

[QUOTE=graymic;42666334]Absolutely agree, the cli version works fine right now. Not "real time" like the GUI version, but it supports basic assertions up to exception handling, allowing you to test exception outputs, etc. I'll post it up on github in a bit, maybe you can check it out and give a critique if you will.

Edit:

Will probably take a further look into some CLI unit test frameworks and see what useful features they provide via CLI to see if I can emulate that.[/QUOTE]

Rad, just wanted to make sure :)

Definitely check out RSpec. Context and describe blocks from that are great for keeping tests more organized. Before each/before all are rad too, although I wish before all hooks worked well in describe/context blocks. The ability to tag tests with meta data is great too (so I can, for example, tag all my tests that use a headless browser to do DOM testing and exclude those from my default test runs since they run slower, but then let them run on CI.)

[Giraffen93]

[media]http://www.youtube.com/watch?v=DuKAz_atA0g[/media]

i mean, who wouldn't want to look at this sexy best when they enter?
at least it doesn't have sound

[editline]27th October 2013[/editline]

[url]https://dl.dropboxusercontent.com/u/1963496/nintendo/yoshi/index.html[/url]

my server is down.. my dropbox is going to die

[Maqtiah]

[QUOTE=Killervalon;42664443]a month? Who the heck pays for domains on a monthly basis? I see it for 100$ a year.[/QUOTE]

I pay $9 a month, why is that a problem. I'm gonna pay the same either way?

[editline]28th October 2013[/editline]

[QUOTE=Giraffen93;42666445][media]http://www.youtube.com/watch?v=DuKAz_atA0g[/media]

i mean, who wouldn't want to look at this sexy best when they enter?
at least it doesn't have sound

[editline]27th October 2013[/editline]

[url]https://dl.dropboxusercontent.com/u/1963496/nintendo/yoshi/index.html[/url]

my server is down.. my dropbox is going to die[/QUOTE]

Honestly without being a douche I would not like to see a video like that on a website, it doesn't fit IMO.

[Giraffen93]

[QUOTE=Moofy;42672091]I pay $9 a month, why is that a problem. I'm gonna pay the same either way?

[editline]28th October 2013[/editline]

Honestly without being a douche I would not like to see a video like that on a website, it doesn't fit IMO.[/QUOTE]

and why is that? the site functionality won't be affected, it goes from that clip to another that loops

[Maqtiah]

[QUOTE=Giraffen93;42672148]and why is that? the site functionality won't be affected, it goes from that clip to another that loops[/QUOTE]

To me those kind of 3D text video intros and so on are very VERY unproffesional and boring, maybe try make something unique like Google changes their logo to a game or the visual of it and the ALT text says something like "Giraffen93's birthday!" - or simple a banner dropping down with jQuery, no need to do something super special your visitors will get the memo either way :)

[Giraffen93]

[QUOTE=Moofy;42672370]To me those kind of 3D text video intros and so on are very VERY unproffesional and boring, maybe try make something unique like Google changes their logo to a game or the visual of it and the ALT text says something like "Giraffen93's birthday!" - or simple a banner dropping down with jQuery, no need to do something super special your visitors will get the memo either way :)[/QUOTE]

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

it is unique

[t]http://i.imgur.com/JuReAiA.png[/t]

that's how it usually looks, some minimalistic business

[Maqtiah]

[QUOTE=Giraffen93;42672391][IMG]http://i.imgur.com/UXFPWYd.png[/IMG]

it is unique

[t]http://i.imgur.com/JuReAiA.png[/t]

that's how it usually looks, some minimalistic business[/QUOTE]

I do understand, and I still think a video isn't the best option here :v:

[editline]28th October 2013[/editline]

Also I'm not sure if [URL="http://www.hongkiat.com/blog/sublime-text-task-management/"]this should have it's own thread[/URL] so I'm just gonna post it here like I did with Emmet.

[j4NZKUE]

Yea here is some new design concepts for a client I'm working with.

[t]http://f.cl.ly/items/3h3x1p411g2g2j081Y2t/erikoissiivous-design-concept2.jpg[/t]

[t]http://f.cl.ly/items/270Q1m2k3b1d2H073f37/erikoissiivous-design-concept3.jpg[/t]

Oh and the logo is not made by me, thank god.

[KmartSqrl]

[QUOTE=j4NZKUE;42699814]Yea here is some new design concepts for a client I'm working with.

[t]http://f.cl.ly/items/3h3x1p411g2g2j081Y2t/erikoissiivous-design-concept2.jpg[/t]

[t]http://f.cl.ly/items/270Q1m2k3b1d2H073f37/erikoissiivous-design-concept3.jpg[/t]

Oh and the logo is not made by me, thank god.[/QUOTE]

That site design doesn't match the existing brand very well at all. You went for the clean trendy "Designer" look but their logo is organic and handwritten. I don't think the font you chose for the headlines really fits with the logo OR the rest of the design either.

Spacing and alignment on things is good though.

[xianlee]

[QUOTE=j4NZKUE;42699814]Yea here is some new design concepts for a client I'm working with.

[t]http://f.cl.ly/items/3h3x1p411g2g2j081Y2t/erikoissiivous-design-concept2.jpg[/t]

[t]http://f.cl.ly/items/270Q1m2k3b1d2H073f37/erikoissiivous-design-concept3.jpg[/t]

Oh and the logo is not made by me, thank god.[/QUOTE]

What have you used for the image going across 100% of the page? like what plugin [if any]?

[Giraffen93]

man i haven't been doing proper webdev in over a month now, it's gonna take forever to relearn most stuff :suicide: