• Breaking News

    Friday, December 1, 2017

    Home Unlabelled Share Your Projects - December 01, 2017 web developers

    Share Your Projects - December 01, 2017 web developers

    December 01, 2017

    Share Your Projects - December 01, 2017 web developers

    Share Your Projects - December 01, 2017

    Posted: 01 Dec 2017 05:09 AM PST

    Create something? Let's see it!

    Feedback Requestors

    Please use the following format

    URL:

    Purpose:

    Technologies Used:

    Feedback Requested: (e.g. general, usability, code review, or specific element)

    Comments:

    Post your site along with your stack and technologies used and receive feedback from the community. Please refrain from just posting a link and instead give us a bit of a background about your creation.

    Feel free to request general feedback or specify feedback in a certain area like user experience, usability, design, or code review.

    Feedback Providers

    • Please post constructive feedback. Simply saying, "That's good" or "That's bad" is useless feedback. Explain why.
    • Consider providing concrete feedback about the problem rather than the solution. Saying, "get rid of red buttons" doesn't explain the problem. Saying "your site's success message being red makes me think it's an error" provides the problem. From there, suggest solutions.
    • Be specific. Vague feedback rarely helps.
    • Again, focus on why.
    • Always be respectful

    Template Markup

    **URL**:

    **Purpose**:

    **Technologies Used**:

    **Feedback Requested**:

    **Comments**:

    submitted by /u/AutoModerator
    [link] [comments]

    best of /r/webdev nominations for 2017

    Posted: 01 Dec 2017 11:29 AM PST

    Hello web developers,

    In this thread you will find a comment for each of the categories listed below. Please reply to these comments with your nominations, and be sure to return to this thread later so you can vote on your favorite /r/webdev posts from 2017 in each category!

    Your nomination should be a LINK to the comment/post you're nominating and it must have been posted in 2017.

    One month of reddit gold will go to both the nominee and the nominator of the winner of each category.

    Categories

    • Best overall submission
    • Most helpful comment
    • Best contributor 2017 (just post reddit username)
    submitted by /u/PurdueKenny
    [link] [comments]

    Bet you don't know what **<wbr>** tag in HTML. I think it's super useful

    Posted: 01 Dec 2017 06:35 AM PST

    Nanobox is now free for developers

    Posted: 01 Dec 2017 08:56 AM PST

    Developer Burnout: How to Prevent Boredom, Blow Ups, and Other Bullsh*t

    Posted: 01 Dec 2017 01:12 PM PST

    Junior Student - Roast my Portfolio?

    Posted: 01 Dec 2017 10:37 AM PST

    https://rykeller.com/

    Hey guys, I'm a Junior in Informatics and am seeking summer internships. I'm not strictly a web developer - my career track is in DevOps / Infrastructure Automation, but I also work as a full stack developer and web development is a great "secret weapon" in my field.

    After confusing many people w/ my work situation (I'm working 3 jobs on top of my degree program), I decided to re-design my portfolio. I haven't updated the articles this year (waiting for approval to publish some articles on internal projects) but I'm looking for general feedback about the UI / UX.

    Thanks guys - you're great.

    EDIT: Before people mention image sizes, I'm working on resolving that, just having issues with the plugins for image optimization.

    submitted by /u/Bear-Tamer
    [link] [comments]

    Is it possible to develop a ASP.NET MVC application in Visual Studio 2017 for Mac?

    Posted: 01 Dec 2017 02:18 PM PST

    Some backstory for those who are interested:

    For my internship, I am currently working on a web application. This webapp is being developed in ASP.NET MVC in Visual Studio 2017 for Windows 10.

    I am about to buy a new MacBook Pro (2017), mainly because my current laptop (which I use to develop on and study with) is about to literally break down (LPT: Never buy Acer laptops).

    Now the thing is that I need to work on the very same project on the MacBook if I happen to actually buy it and replace my Windows device with it. If I do so, I will simply clone the git-repository. But I don't know if it is possible for me to continue to develop an ASP.NET MVC project because all I can see on Microsoft's articles about Visual Studio 2017 for Mac is ASP.NET Core MVC, and not just ASP.NET MVC.

    Hence, my question: Is it possible to develop a ASP.NET MVC application in Visual Studio 2017 for Mac?

    I do not intend to install Windows 10 just yet (got my own reasons for that... Might decide to do this later on).

    Can someone please help me out by preferably answering my question? Every bit is welcome!

    Will be posting this on r/mac aswell and any other programming-related sub.

    submitted by /u/IP14Y3RI
    [link] [comments]

    Help for a fool? Php file size limit.

    Posted: 01 Dec 2017 12:47 PM PST

    Having a form developed to allow users of gorm to upload large files. Is there a limit to what a PHP will allow in file size of upload file?

    submitted by /u/peckerbrain2
    [link] [comments]

    Does anyone else find it hard to talk to non-techy friends/S.O about your work day without sounding like an egotistical teacher?

    Posted: 01 Dec 2017 01:10 PM PST

    I don't try to be an egotistical teacher, but i want to describe what i did at work cause i think it's amazing and i learned something new, or want to complain how stubborn working with a specific program is. But i have to explain what i'm usually doing, then why, and then how, and then the outcome. And along the way, i've lost them or they just don't care, or even worst...they don't want to talk to me again cause i seem like a "know-it-all." You guys feel the same way?

    submitted by /u/chickapowpow
    [link] [comments]

    What would the repeal of Title II mean for the web developer field?

    Posted: 01 Dec 2017 09:19 AM PST

    I am a fairly new developer. I'm assuming that net neutrality is a vital part of our field as content creators, designers, and engineers. However, I haven't been around long enough to have a clear understanding on the effects that web developers are facing. How do you think repealing Title II would impact you as a developer, as well as the future of the industry?

    submitted by /u/tjhmusic11
    [link] [comments]

    I build a "progressive web app" to keep track of counters/stats/health/etc. for table top games.

    Posted: 01 Dec 2017 12:48 PM PST

    Here's the link:

    https://helper.gbase.io/home

    https://dev.helper.gbase.io/home

    And here's the source:

    https://github.com/mckalexee/tabletophelper

    Why?

    My friends like to have game nights where we play tabletop games, and I was getting tired of using scratch paper to keep track of everything. I also find it easier to learn a new technology if I have a project in mind

    Technology

    The app is purely front-end, no back-end technology at the moment. It also is an offline ready progressive web app.

    I used @angular/cli to generate the project, and I'm using firebase just for the hosting. I started with S3, but it's easier to configure firebase for a single page application.

    It uses Google's sw-precache module to generate the service worker for the offline functionality. I also included a manifest.json, so that chrome on mobile will prompt the user to install it as an app. Once it's installed as an app, you can control the orientation and it opens under it's own window instead of in chrome.

    Any counters/values are persistent. This is done just by using the local browser storage. Nothing fancy.

    Challenges

    On the form to add a new counter, or to edit a counter, I had some issues with the android keyboard. If your inputs are not in a form, then it won't move to the next item when you click next. When I added them to a form and handled the form submission option, it triggered the form submit event even though I had a checkbox and some range inputs left. I eventually had to make a hidden input that triggers it's blur effect on focus, so the keyboard would go away. There might be a better way to do this.

    I also had a hard time finding a good color picker, so I just made my own. You can slide the RGBA values, but it's difficult to get to a color you want. I might switch this to a hue/saturation/value slider.

    Sizing the counters for different screens was tricky. I ended up using flexbox to accomplish this, with a @Media query to see if the screen was exceptionally small.

    Going Forward

    On the dev site I've deployed an update that allows you to re order columns.

    I plan to implement "Profiles", or saved sets of counters, soon. I would like to have functionality to import/export/share those profiles as well.

    submitted by /u/unbreak-it
    [link] [comments]

    Mobile UI framework Onsen UI 2.8 got 50% size reduction!

    Posted: 01 Dec 2017 12:10 PM PST

    Vuetify 1.0.0-alpha.1

    Posted: 01 Dec 2017 03:27 PM PST

    Do older devices affect how your web page is displayed

    Posted: 01 Dec 2017 03:02 PM PST

    Website works on all devices except for older Apple products

    • Carousel images are linked to appropriate blog post but do not work
    • Site uses a lot of AJAX to switch between different URL's (I guess it's supposed to be like a SPA?) but will not complete, appears to get stuck on the "..." when switching pages for certain URL's

    http://idapostle.com
    I've made changes to a client's site and have received payment. Now about almost two weeks later the client is complaining that the changes do not seem to work on their older devices. Specifically, they have tested this on two separate iPad 3's, and an iPhone 4.

    I can guarantee this site works on iPhone 6s on iOS 9 in Safari, but the only other Apple products I have access to is an iPhone 5 iOS 6 and an iPad Air iOS 8.3 (Free version of browserstack). Not only does it not function correctly but it actually looks kind of ugly.

    So to the point, should I be worried about supporting these old devices that I can only assume are using old versions of Safari, or are we at a point where we should only worry about the latest versions of Safari? What should I tell the client?

    I appreciate the input that anyone can add as I am pretty new to the web dev scene and I am still not 100% on where to draw the line on these kinds of things.

    submitted by /u/fucklockjaw
    [link] [comments]

    Where do you host your database?

    Posted: 01 Dec 2017 02:42 PM PST

    I was wondering where everyone stood on database hosting? If you host it simply on your server along with the source code, if you use a database-as-a-service, etc. I'm trying to figure out what the best approach to this is. I imagine separating it from the actual server/client side would be a good idea, but I don't know how to best do this (For example, could I have a server spun up that only has the database on it and nothing else?).

    submitted by /u/rfizzy
    [link] [comments]

    Reddit changed the homepage to support net neutrality

    Posted: 01 Dec 2017 10:53 AM PST

    https://www.reddit.com/r/all/

    The reddit logo in the top left loads in slowly, and shows a "monthly bandwidth limit exceeded" banner over the logo.

    Also the whole r/all page is ads to promote net neutrality!

    submitted by /u/milkstarz
    [link] [comments]

    Jenkins And Facebook API: Using Different App IDs For Different Branches

    Posted: 01 Dec 2017 01:35 PM PST

    I'm using Jenkins in a simple configuration: Master branch goes to production server and development branch goes to development server.

    The problem I'm having is that our app is using a Facebook API with one app ID for production and one app ID for development (Facebook demands this configuration).

    In our app there is obviously an app init component where this app ID is specified.

    How do I change that app ID based on the branch? I can see 3 possible roads to go down: using environment variables in bitbucket/github, using code to conditionally insert the app ID based on the window URL, or using a script from within jenkins to change that specific line of code on build init.

    Looking for some thoughts from those with similar experience where your dev branch has different variables/dependencies/needs than your master branch.

    submitted by /u/joWebDev
    [link] [comments]

    How can I add whitespace to the end of my horizontal gallery?

    Posted: 01 Dec 2017 01:29 PM PST

    I have a horizontal gallery with cards and it starts like this but at the end it doesn't get any whitespace. I have tried adding margin to the last child and making the container larger but I'm not really sure what else to do besides adding a div with just white space at the end.

    HTML

    <div id="film-cards" class="ui-cards"> <a class="ui link card film-card" href="#">...</a> <a class="ui link card film-card" href="#">...</a> <a class="ui link card film-card" href="#">...</a> <a class="ui link card film-card" href="#">...</a> <a class="ui link card film-card" href="#">...</a> ::after </div>

    CSS

    #film-cards { display: flex; overflow-x: auto; flex-wrap: nowrap; width: 101%; border: 1px solid black; } .film-card { flex: 0 0 auto; }
    submitted by /u/t0k3n98
    [link] [comments]

    Trying to identify a Safari compatibility issue

    Posted: 01 Dec 2017 01:23 PM PST

    What's this compatibility issue called so that I can learn how to fix it? The flipbox partner links on https://luludew.com/community/ work in Firefox and Chrome, however they're not clickable in Safari. I've never experienced this before. Is there a name or fix for this kind of issue?

    submitted by /u/Justinhustles
    [link] [comments]

    Asset gore to the max

    Posted: 30 Nov 2017 04:30 PM PST

    Best way to make infographic icons links?

    Posted: 01 Dec 2017 08:32 AM PST

    Hi all!

    So I have an infographic (single image) on this page

    I was just asked by an attorney to make the separate icons links to their respective practice areas. How do I go about breaking this down to link them while also making it mobile friendly?

    I did something similar here

    But it was a little easier since there weren't as many icons. Any advice would be greatly appreciated.

    Thank you!

    submitted by /u/kojimin
    [link] [comments]

    Looking to do build 19 websites in 19 days (while on winter break)

    Posted: 01 Dec 2017 08:00 AM PST

    Hi!

    I'm a first year college student right now, and I will be taking a web development course next term. I am looking to challenge myself over my winter break. I want to build one website every day.

    I know a bit about HTML and CSS, but not enough to build functional websites like Squarespace offers. The end goal in the long term (June) is to be able to build websites like Squarespace.

    I'm looking for input on certain learning structures to aid me in building my knowledge in HTML and CSS. Things that I would like to know are:

    1. Developing standards
    2. Other programming languages that can help make cool websites
    3. IDE's (I use Dreamweaver)

    Thanks! Any input is appreciated.

    submitted by /u/tuerckd
    [link] [comments]

    Environment-based substitution in Angular 4

    Posted: 01 Dec 2017 10:44 AM PST

    Understanding how to link domain to ip address.

    Posted: 01 Dec 2017 10:40 AM PST

    I have read the fundamentals many time before but obviously something doesn't click. So i will outline my current understanding.

    • I as a REGISTRANT will buy a domain from REGISTRAR (GoDaddy) who has the power to register for me with the REGISTRY (VeriSign if Top Level Domain is ".com").
    • After I leashed the domain name successfully I now need to tie it to an IP Address to be part of Domain Name System.
    • This is the part I don't get.

    https://www.godaddy.com/help/change-nameservers-for-my-domains-664.

    To connect your domain name to your website you'll need to change your nameservers. How you change your nameservers depends on where your domain is registered and where your website is registered. Use the table below to find the scenario that's applicable to your situation and follow those instructions.

    So when users enter website in their browser, they will need to retrieve a DNS mapping to route to the correct host. But whose responsibility is it to put a record in DNS? Right now I assume it is the host (Digital Ocean) since I need to configure nameservers there.

    • If Digital Ocean is the one responsible for propagating the DNS mapping, how do we make sure the mapping is correct? We are free to put in any form of A Record "www.dnsimple.com" to "1.2.3.4" when instead the correct mapping should be "www.mydomain.com" to "100.100.100.100"

    • What is GoDaddy part in all of this? If Digital Ocean is the one propagating the DNS Mapping, why GoDaddy nameserver needs to point to Digial Ocean name server? When users enter a website they are going to find the public DNS, they wont know to go to GoDaddy to then go to Digital Ocean to use their mapping right? If this is the case it will be huge bottleneck and it will be redundant for Digital Ocean to propagate DNS mapping at all.

    I hope I convey my confusion as clearly as possible. Obviously I am missing some (simple?) concept here. Please help me out thank you!

    submitted by /u/0xQhmUvWTESlyC2r
    [link] [comments]

    Understand JavaScript Prototypes

    Posted: 01 Dec 2017 10:34 AM PST

    What database is the best option for me to store this kind of data?

    Posted: 01 Dec 2017 10:09 AM PST

    My web app stores compatibility score data between two users in a simple postgres table as follows -

    id user_id_1 user_id_2 score
    1 17 38 72
    2 38 17 72
    3 87 32 116
    4 32 87 116
    .. .. .. ..

    Indexes

    • Compound Index on [user_id_1, user_id_2]
    • Compound Index on [user_id_1, score]

    Main use cases are

    • Finding all records for a user_id_1
    • Finding the top score for a given user_id_1

    The problem is this table expected to be 2-3 billion rows in size.

    I know postgres can handle tables of that size but assume for the moment I'm keen on moving it to another type of database that's more optimized to store this data.

    What are my other options? It's still structured data so will a No-SQL DB such as HBase be applicable? I'm just not that familiar with anything outside of RDBMS so genuinely curious what else is out there

    Thanks!

    submitted by /u/lefthandpisces
    [link] [comments]
    Read more
    at

    No comments:

    Post a Comment