1. Post #3681
    RocketSnail's Avatar
    October 2010
    685 Posts
    http://nodakconstruction.com/

    I am helping my uncle set up a website for his construction company. He had one previously and it was just a black background with a rainbow colored wall of text. Some asshole made it for him in the past for like 50 bucks, it looked like a 3rd grade art project.

    Does this look alright? It's supposed to be simple and to the point. I want to add a picture gallery as well. Any suggestions? I know it's not great, I've never really done website design before.
    You could make it responsive with a simple framework like Foundation

  2. Post #3682
    Elizabwth's Avatar
    June 2014
    37 Posts
    Looks dope. The white border makes it look...off, though.
    Thank you! The white border is from styling. Not part of the blurring.



    How's that grab ya?

    Edit:
    How many laws am I breaking if I do this?
    Code:
    function blah() {
        self = this;
        self.python_now();
    }
    Edit 2:
    Here it is if you guys want to play around with it:
    https://github.com/Elizabwth/Flvr/
    Reply With Quote Edit / Delete Reply Windows 10 Chrome United States Show Events Winner Winner x 2 (list)

  3. Post #3683
    SFArial's Avatar
    May 2009
    1,452 Posts
    Uh oh, is "self" meant to be global? Because it sure as hell will be if you don't put var before it.

  4. Post #3684
    ( ͡° ͜ʖ ͡°)
    Giraffen93's Avatar
    December 2006
    20,944 Posts


    hrm time report stuff, i think the event items turned out pretty good
    Reply With Quote Edit / Delete Reply Windows 8.1 Firefox Sweden Show Events Friendly Friendly x 1 (list)

  5. Post #3685
    Elizabwth's Avatar
    June 2014
    37 Posts
    Uh oh, is "self" meant to be global? Because it sure as hell will be if you don't put var before it.
    oh no

  6. Post #3686
    Cow Muffins's Avatar
    August 2009
    560 Posts
    Anybody know any good techniques for having legible white text on an image?

    I've done the black to transparent gradient behind text that has a text-shadow, but I feel like there's a better solution.

  7. Post #3687
    I am the Asian Ed Sheeran Rabbit - My sister
    gokiyono's Avatar
    June 2012
    4,284 Posts
    Anybody know any good techniques for having legible white text on an image?

    I've done the black to transparent gradient behind text that has a text-shadow, but I feel like there's a better solution.
    Reply With Quote Edit / Delete Reply Windows 10 Firefox Denmark Show Events Agree Agree x 4Artistic Artistic x 1 (list)

  8. Post #3688
    Gold Member
    meppers's Avatar
    April 2007
    11,003 Posts
    here is a bad website I made in one day for a class project, it also includes an 8 minute youtube video that was poorly made entirely by me:

    http://sfotguide.webutu.com/

    I am also obliged to request that you share this dumb site to all you dumb friends through the following dumb social media platforms:

    twitter
    facebook
    reddit


    I need 100 shares across these social media platforms
    Reply With Quote Edit / Delete Reply Mac Chrome United States Show Events Disagree Disagree x 2 (list)

  9. Post #3689
    Elizabwth's Avatar
    June 2014
    37 Posts
    I need 100 shares across these social media platforms
    Is that part of the assignment or did you decide on that number yourself? Either way, I think that is expecting a little too much out of someone. Hell, I don't even talk to like more than 12 people.
    I guess I'll like it with my fakebook account and up it on reddit if you're desperate.

    I updated "Flvr" and set up a github pages to show an example.
    There's still a number of things I want to fix and add like static images/slideshows, YouTube videos support, and SVG support for more complex shapes.
    Right now it's pretty usable, though.

    Edited:
    Reply With Quote Edit / Delete Reply Windows 10 Chrome United States Show Events Friendly Friendly x 1 (list)

  10. Post #3690
    Cow Muffins's Avatar
    August 2009
    560 Posts
    here is a bad website I made in one day for a class project, it also includes an 8 minute youtube video that was poorly made entirely by me:

    http://sfotguide.webutu.com/

    I am also obliged to request that you share this dumb site to all you dumb friends through the following dumb social media platforms:

    twitter
    facebook
    reddit


    I need 100 shares across these social media platforms
    You want us to share something that you've told us is bad? 🤔

    You should make a website with a dank meme on it. Kids love sharing dank memes.

  11. Post #3691
    Gold Member
    meppers's Avatar
    April 2007
    11,003 Posts
    Is that part of the assignment or did you decide on that number yourself? Either way, I think that is expecting a little too much out of someone. Hell, I don't even talk to like more than 12 people.
    I guess I'll like it with my fakebook account and up it on reddit if you're desperate.
    prof. requirement.

    I could hear the whole class mentally go "fuuuuuuck" when he said that

  12. Post #3692
    Elizabwth's Avatar
    June 2014
    37 Posts
    prof. requirement.

    I could hear the whole class mentally go "fuuuuuuck" when he said that
    I'd ask the professor if paid promotion is okay and then ask for money.

  13. Post #3693
    Gold Member
    meppers's Avatar
    April 2007
    11,003 Posts
    I'd ask the professor if paid promotion is okay and then ask for money.
    he even added a footnote to the assignment that paid promotion is not allowed

  14. Post #3694
    Elizabwth's Avatar
    June 2014
    37 Posts
    he even added a footnote to the assignment that paid promotion is not allowed
    Just ask for money then.

  15. Post #3695
    Cow Muffins's Avatar
    August 2009
    560 Posts
    Just ask for money then.
    Just get a bad grade then, who cares.

  16. Post #3696
    ( ͡° ͜ʖ ͡°)
    Giraffen93's Avatar
    December 2006
    20,944 Posts


    phew, i think it turned out pretty good in the end, fitting content onto phones is hard

  17. Post #3697
    colincooke's Avatar
    January 2015
    265 Posts
    Wow. I now get why unit testing is used. I'm currently using PHPUnit to test a group project that we've been working on for university coursework. It's already encouraged better programming practices by erroring the fuck out when something could be remotely problematic. Plus the whole thing of automating tests is pretty cool I guess.

  18. Post #3698
    Apple extraordinaire~ ♥
    Reagy's Avatar
    November 2005
    21,886 Posts
    Lets go mess with that visualizer I've got again, boy that was a poor choice.
    5 hours later I completely redid my landing page into something that should never have seen the light of day, it is very flashy and pretty though.

    https://reager.org/

    Still disappointed that Firefox doesn't support mask-image so it looks kinda silly on anything but webkit.

  19. Post #3699
    Gold Member
    GeXeH's Avatar
    March 2006
    97 Posts
    I can't believe I forgot to post this here..

    Over the last couple of month I have been learning how to make WordPress plugins. My latest plugin called 'Gex Ratings' (for lack of a better name) adds a Facepunch style rating system to all site posts, comments and pages. I finally managed to get the plugin approved on the official WordPress plugin repository at https://wordpress.org/plugins/gex-ra...cepunch-style/ You can see a working example on my blog at http://blog.gsrv.co.uk/

    Frontend




    Backend




    So far I'm really enjoying the WordPress plugin API. The most difficult part is creating something original..

    CC and comments welcome

  20. Post #3700
    papkee's Avatar
    December 2011
    1,167 Posts
    So here's my first attempt at something more than a static webpage/wordpress blog etc. I pulled together all the snippets of knowledge I had, and with plenty of googling I managed to make a simple checkin/checkout site with bootstrap for our school's radio club.

    https://checkout.w3axl.com

    It almost looks like I knew what I was doing, but I assure you almost every part of the backend was made with plenty of help from our friend the internet.

    Good thing I don't do this for a living otherwise I'd go crazy. Comments and all that are encouraged, and feel free to tell me everything I'm doing wrong.

  21. Post #3701
    Seenko_'s Avatar
    July 2014
    4 Posts
    I've been changing page layouts sooo much and I think I've finally made one that I'm happy with, what do you guys think, any suggestions?

    https://snko.tech/

    I made most of the pages as consistent as possible.

  22. Post #3702
    Gold Member
    fewes's Avatar
    December 2006
    1,714 Posts
    I cooked up a neat little responsive 3-way video box for a new portfolio. Turned out better than I hoped.

    http://fewes.se/new/
    Reply With Quote Edit / Delete Reply Windows 7 Chrome Sweden Show Events Winner Winner x 2 (list)

  23. Post #3703
    Gold Member
    GeXeH's Avatar
    March 2006
    97 Posts
    I cooked up a neat little responsive 3-way video box for a new portfolio. Turned out better than I hoped.

    http://fewes.se/new/
    Looks great man, really like how the colour toggles on focus.
    Reply With Quote Edit / Delete Reply Windows 10 Firefox United Kingdom Show Events Agree Agree x 2Friendly Friendly x 1 (list)

  24. Post #3704
    ash47's Avatar
    March 2010
    757 Posts
    I've been playing with WebRTC, and it works flawlessly in Chrome, however, when I try to use it in firefox, it just fails.

    To be more specific, Firefox allows me to get my local webcam stream, but, when I try to set a remote stream, the video feed just never shows up.

    I have tried many test pages, tried making my own, tried many many different variations, can't get it to work.

    Here is a sample app that works flawlessly in Chrome, but fails in Firefox:
    https://webrtc.github.io/samples/src...onnection/pc1/

    Any tips for working with Firefox's WebRTC?

  25. Post #3705
    Gold Member
    GeXeH's Avatar
    March 2006
    97 Posts
    I've been playing with WebRTC, and it works flawlessly in Chrome, however, when I try to use it in firefox, it just fails.

    To be more specific, Firefox allows me to get my local webcam stream, but, when I try to set a remote stream, the video feed just never shows up.

    I have tried many test pages, tried making my own, tried many many different variations, can't get it to work.

    Here is a sample app that works flawlessly in Chrome, but fails in Firefox:
    https://webrtc.github.io/samples/src...onnection/pc1/

    Any tips for working with Firefox's WebRTC?
    I visited the sample app and it streamed my webcam/audio feed in both players when I started a call, what version of Firefox are you running? I'm on 50.1.0

  26. Post #3706
    ash47's Avatar
    March 2010
    757 Posts
    I visited the sample app and it streamed my webcam/audio feed in both players when I started a call, what version of Firefox are you running? I'm on 50.1.0
    Here is what I see:


    I will try it on some different computers...

    Edit: Removed FoxyProxy and it works now :O Possible bug report for them, will test it a few more times and forward the issue to them.

  27. Post #3707
    Gold Member
    GeXeH's Avatar
    March 2006
    97 Posts
    Here is what I see:


    I will try it on some different computers...

    Edit: Removed FoxyProxy and it works now :O Possible bug report for them, will test it a few more times and forward the issue to them.
    Happy to hear you got it sorted, now you can crack on with your project!

  28. Post #3708
    Gold Member
    voodooattack's Avatar
    October 2009
    2,030 Posts
    Coming Soon

    Reply With Quote Edit / Delete Reply Linux Chrome Egypt Show Events Artistic Artistic x 1 (list)

  29. Post #3709
    Noi
    Purrr ~
    Noi's Avatar
    February 2010
    2,053 Posts
    Coming Soon

    No, you can't explode that. What this thing is even.

    (User was banned for this post ("Why reply" - Novangel))
    Reply With Quote Edit / Delete Reply Mac Chrome Russian Federation Show Events Dumb Dumb x 11 (list)

  30. Post #3710
    Dennab
    March 2008
    133 Posts
    No, you can't explode that. What this thing is even.
    It looks like ⸮فين ده

    On a serious note, that design is nice :)
    Reply With Quote Edit / Delete Reply Mac Safari United Kingdom Show Events Friendly Friendly x 1 (list)

  31. Post #3711
    Starbound Server
    lope's Avatar
    July 2012
    2,107 Posts
    far from complete, but that interlocking photo grid is probably the best thing I've ever made
    http://www.richardpetrosino.com/portfolio/test/

  32. Post #3712
    Gold Member
    Svenskunganka's Avatar
    September 2011
    1,976 Posts
    far from complete, but that interlocking photo grid is probably the best thing I've ever made
    http://www.richardpetrosino.com/portfolio/test/
    Looks good, but what that's called is a "masonry" and you could make a responsive version (instead of doing hidden overflow with static height) by using either flexbox or a library (depending on what browser support you're looking for).

  33. Post #3713
    Starbound Server
    lope's Avatar
    July 2012
    2,107 Posts
    Looks good, but what that's called is a "masonry" and you could make a responsive version (instead of doing hidden overflow with static height) by using either flexbox or a library (depending on what browser support you're looking for).
    the problem I found with using Masonry was that I couldn't keep the images in their true, original, aspect ratios. With Masonry, everything has to fit into 3 predetermined (be responsively or otherwise) boxes. With this method, albeit ugly as hell on the backend, the images all retain their original sizes, and fit in smoothly, how Flickr does it.

    Edited:

    Okay, it also doesnt work in Safari because Safari is completely ignoring the width: auto on the images. That's strange. It's stretching them despite the width being set to auto.


    To clarify, the images have a height of 100%, to fit the row they are in, which has a set pixel-value height. On Chrome, the images' width: auto simply scales them to maintain aspect ratio. It doesn't on Safari.

  34. Post #3714
    kill yourself
    Protocol7's Avatar
    June 2006
    28,835 Posts
    Are the images in any divs? Does your CSS have any width properties in the containing divs, if so? Safari gets a little weird with style inheritance.

  35. Post #3715
    Potatofactory's Avatar
    June 2014
    363 Posts
    I'm messing with cloud storage at the moment.
    I've essentially made database without a schema that's faster than SQL. (I'll show images web I get home)

    Storing data is all done via JSON in the HTTP request body.

    All the userdata is compressed by the highest level of gzip compression and is stored in a non-servable directory. when the account is opened, it's loaded into cache for 30 minutes when being modified to allow editing to be as fast as possible.

    So far we support JSON and YAML outputs

    https://control.pococraft.org/cloud/...ed&format=json

    https://control.pococraft.org/cloud/...ed&format=yaml

    Though I've been thinking of using astron as it's more human friendly when displaying userdata.

    Agenda:
    - Make a unque account key per users that hashes a formula correlated to the account data.

    - Add XML output.

    - Optimize the cache system by allowing direct access via https
    Reply With Quote Edit / Delete Reply Android Chrome United States Show Events Funny Funny x 2 (list)

  36. Post #3716
    BIG TITLE
    Pat.Lithium's Avatar
    November 2009
    10,317 Posts
    finally got laravel 5.3 to work in cloud9's dev environment. now i can work on my website at work.
    Reply With Quote Edit / Delete Reply Windows 7 Chrome Australia Show Events Winner Winner x 1Agree Agree x 1 (list)

  37. Post #3717
    Starbound Server
    lope's Avatar
    July 2012
    2,107 Posts
    Are the images in any divs? Does your CSS have any width properties in the containing divs, if so? Safari gets a little weird with style inheritance.
    The images are in a row div, which is in a grid div, neither of which have a declared width. The only element with a declared width are the images themselves, which have a width: auto.

  38. Post #3718
    ikermitkiller's Avatar
    April 2011
    890 Posts
    I'm making some forums for some reason. I really have no idea why and I will most likely never have a use for this. But hey it's fun.
    Plenty of it isn't working for one reason or another or I've just not implemented it yet.
    https://forums.connorkirkby.pw/


    Reply With Quote Edit / Delete Reply Windows 10 Chrome United Kingdom Show Events Winner Winner x 1 (list)

  39. Post #3719
    BIG TITLE
    Pat.Lithium's Avatar
    November 2009
    10,317 Posts
    facepunch 3

  40. Post #3720
    Gold Member
    PortalGod's Avatar
    August 2009
    2,562 Posts
    I've been at a new paid internship since right before Christmas, and I just finished my first web page with them: here :)
    coworkers are telling me that eventually I'll work my way up to redesigning the full website, I'm pretty excited