September 13, 2018

Web Development

  • Disclaimer HTML5 element
    by /u/crs1138-1 on April 22, 2019 at 10:23 am

    What HTML5 block element would you use for disclaimer? It is to be used on a blog in terms of a visually different block element. Something like this: Any views expressed are those of the author and do not necessarily represent the views of ***. At the moment it's a div, but I am considering use of aside or perhaps even blockquote. What do you use? submitted by /u/crs1138-1 [link] [comments […]

  • I'm bad at code challenges, but give me an app idea/specs and I can make them confidently. This is giving me intense impostor's. Who else feels this way? I am afraid to apply because of this
    by /u/AbanaClara on April 22, 2019 at 10:10 am

    I've been a developer for two years and at this point I can create any full stack products from scratch. But give me a code challenge that you typically see on codewars, hackerrank, or any technical assessment and I feel super useless. Is there something wrong with me? Or is this a normal thing? This will be my first time on actual job hunting (I was an intern who got hired so I have no prior job hunting experience) and I'm doing bad at code challenges so far, this is giving me bad bad inferiority complex and now I am somehow afraid to apply for jobs. 🙁 submitted by /u/AbanaClara [link] [comments […]

  • Design A Lead Gen Landing Page For Mobile That Converts
    by Suzanne Scacca on April 22, 2019 at 10:00 am

    There is a huge difference between a website (which can generate leads) and a lead capture page (which is only supposed to generate leads). Websites tell visitors: This is all of the stuff we can do for you. Have a look around and let us know when you’re ready to spend some money! Lead capture pages, instead, tell visitors: We have this one super valuable thing we want to give you for free. […]

  • Can you vertically overlap divs without using 'top'?
    by /u/Veec on April 22, 2019 at 9:50 am

    So I've been trying to make a timeline and I figured all I needed to do was make a line down the middle of the page and, using the left and right properties, stagger textboxes down either side of the line. However, there's so much text in each textbox that it was hard to see that it was a timeline, so I overlapped the divs using top positioning to make it easier to see multiple boxes at a glance. It looked fine until I scrolled down and discovered that while the top property does appear to move the div up the page, the div technically stays where it is on the DOM, so I'm left with a huge gap at the bottom where the divs would have been had I not moved them up. To see what I mean, you can find the timeline I made here: oldenglish.info/history.html Anyone know if there's a way to overlap divs that doesn't cause this to happen? submitted by /u/Veec [link] [comments […]

  • A podcast episode for web agency owners and web developers (security, pivoting, finding customers, funding)
    by /u/totally-total on April 22, 2019 at 9:39 am

    A great podcast episode about how a web agency began to develop solutions to help keep client websites maintained and secure. Oliver from WebARX shares to Lee from Agency Trailblazers the process he went through, how he moved to relevant clients and also how his company got funded and grew in a new direction. Be you looking to secure your client sites, or looking to pivot with your own products/services this is a fascinating episode packed with great lessons and advice. Listen here. submitted by /u/totally-total [link] [comments […]

  • What are the Top 10 Trends in Web development in 2019?
    by /u/prabhayadav1 on April 22, 2019 at 9:05 am

    submitted by /u/prabhayadav1 [link] [comments […]

  • What are your thoughts on Dependabot?
    by /u/bigdbag999 on April 22, 2019 at 8:55 am

    I am currently on a project that has many dependencies, and the company as a whole is moving towards a CI/CD process. Can anyone provide an opinion on using it in enterprise systems and any experiences using it? I feel scared because I've always done dependency upgrades manually, one at a time, and making sure breaking changes don't occur. Automated tests are one thing, but this project doesn't have nearly full coverage on any level; perhaps I'm answering my own question as I type this. Continue to implement full test coverage and then consider dependabot? submitted by /u/bigdbag999 [link] [comments […]

  • What is the best way to create cron jobs?
    by /u/eggtart_prince on April 22, 2019 at 6:44 am

    I want to create cron jobs on my VPS from my node app so that even when I restart my node app, the cron job is still scheduled to run. submitted by /u/eggtart_prince [link] [comments […]

  • [HELP] Trying to loop through values for browser compatibility.
    by /u/iSignifies on April 22, 2019 at 5:19 am

    See the title. I'm trying to test these conditions and display them on the screen. And yes, before you ask, I'm not allowed to use anything but PURE JAVASCRIPT. I don't want to have to define each one of these out, but I'm not sure why the loop isn't working. https://jsfiddle.net/6fepLow8/ Thanks. submitted by /u/iSignifies [link] [comments […]

  • Why is MongoDB so bad at joining relational data compared to PostgreSQL?
    by /u/dor442 on April 22, 2019 at 5:11 am

    My team used to have a MongoDB database until they migrated to PostgreSQL, claiming that having a lot of joins needed, postgre is most suitable in terms of performance. Why is that? I always thought that since mongo had the option to save an object id on documents and populate them on request, it has some optimizations for that or something. When should you use either then? submitted by /u/dor442 [link] [comments […]

  • Dropdown menu not functioning in Boostrap Navbar
    by /u/throwaway5328189 on April 22, 2019 at 4:51 am

    Linked below is my code in a codepen link. ​ When the mouse hovers over the "Dropdown" text, the "Action", "Another Action", and "Something else here" buttons should dropdown. ​ But that is not happening. Anyone know why? ​ https://codepen.io/anon/pen/PgaMgv submitted by /u/throwaway5328189 [link] [comments […]

  • What constitutes a good front-end
    by /u/RedditAcy on April 22, 2019 at 4:01 am

    Hey guys, I asked for some feedback on my website a few weeks ago. I was somewhat surprised that people were unsatisfied about the small UI stuff on my websites instead of some major features that I didn't implement like custom profile pictures (maybe it is because they didn't play with the site enough). What design and practices can power a front-end and make a user go, “holy shit I am going to use the service just for the clean website". submitted by /u/RedditAcy [link] [comments […]

  • Building a Web Application Using Spring Boot, Angular, and Maven
    by /u/Barbara9119 on April 22, 2019 at 3:29 am

    In this articl,e we will see explore the steps used to build web application using Springboot with Angular and Maven, and then launch it on a Tomcat Server. submitted by /u/Barbara9119 [link] [comments […]

  • Webcam in a Favicon
    by /u/unix15e8 on April 22, 2019 at 2:48 am

    submitted by /u/unix15e8 [link] [comments […]

  • Edge Goes Chromium: What Does it Mean for Front-End Developers?
    by /u/katerina-ser60 on April 22, 2019 at 2:47 am

    submitted by /u/katerina-ser60 [link] [comments […]

  • I need a bit of direction, I've become complacent in my current position and need to look towards the future.
    by /u/moonsout_goonsout on April 22, 2019 at 2:28 am

    Hey all, ​ $TLDR = 'How can I increase my value as a low-mid level web developer?'; echo $TLDR; ​ I am reaching a point with my current job where I want to start looking for better opportunities as I solely view my current position as a stepping stone. I am not interested in being at this company past Christmas this year, lots of complaints but it's no use whining online about them. ​ I am sort of lost in the plethora of options available to me in terms of improving my skills. I have a lot of holes in my knowledge that this job just doesn't require that the jobs I want will require, such as not knowing TDD or AWS and several other things. I just want to know what will get me the most bang for my buck as a PHP/WordPress developer with about a years experience. ​ Thanks for any input. submitted by /u/moonsout_goonsout [link] [comments […]

  • 10 HTML Elements You Didn't Know You Needed
    by /u/fagnerbrack on April 22, 2019 at 2:21 am

    submitted by /u/fagnerbrack [link] [comments […]

  • The ideal way of using CSS Grid with wrappers?
    by /u/darkgreyghost on April 22, 2019 at 12:49 am

    Unfortunately, I've had a very hard time finding examples of people using CSS Grid with a wrapper. This is what I came up with. The wrapper portion of my website has max-width of 1340px. Our website uses 5 columns, so each column is 268px. Note that, some elements do bleed out of the wrapper, to cover the whole width. // WRAPPER CONFIG $wrapper-width: 1340px; // Based on design PSD $column-width: 268px; //1340 / 5 = 268. Our design uses 5 columns. .grid { display: grid; grid-template-columns: minmax(1rem, 1fr) //space left of wrapper minmax(min-content, $column-width) //column with 268px width minmax( min-content, calc(4 \* #{$column-width}) ) // column with 1072px width minmax(1rem, 1fr); //space right of wrapper grid-template-areas: //example layout "A A A A" ". B B ." "C C C C" ". D D ."; } Any comments, and critiques? If you know a better example/resource, I'd love to know. submitted by /u/darkgreyghost [link] [comments […]

  • Documentation in repos
    by /u/Jayboii478 on April 22, 2019 at 12:14 am

    I see a lot of portfolios and I go to their github code, I notice there is minimal to no documentation on about half of them. From my understanding, documenting code is huge, to make it easier for someome who doesn't know the code, it will make it easier for them to read/understand what's going on. That includes minimal or no README either. I'm just curious, want to make sure I know what's what haha. I try to document the crap out of my code, so just curious If that is good or bad! Thanks! submitted by /u/Jayboii478 [link] [comments […]

  • 10 Awesome Places to Download Free Vector Art
    on April 21, 2019 at 11:39 pm

    https://designshack.net/articles/graphics/10-awesome-places-to-download-free-vector-art/ […]

  • Looking for a light/basic CMS (preferably using twig) for basic websites
    by /u/Potatoplayer on April 21, 2019 at 11:00 pm

    So, I'll get straight to the point. I'm a student and know a fair bit about HTML/CSS/JS. I have recently used the CMS system of Lightspeed eCom, which I really liked. The system used Twig as a template engine, and it allowed completely custom webpages using plain HTML/CSS/JS. As in the name, Lightspeed eCom is for websites in the eCommerce world. Now I'm looking for a similar CMS that's more fitting for very basic sites, like onepages and stuff. The most important thing for me is the combination of an "CMS interface" that is very easy to use + complete freedom in creating a template for the content the website owner writes/uploads. Stuff like Wordpress is way to bloated for my liking, and I have yet to find a way to get complete freedom in building templates in Wordpress. A few google searches have shown some possible CMS systems, but I haven't come across something that convinced me right away. Would love to hear some experiences and suggestions. Thanks in advance! submitted by /u/Potatoplayer [link] [comments […]

  • What Creative Visionaries Do That Most People Overlook
    on April 21, 2019 at 10:14 pm

    https://99u.adobe.com/articles/63253/what-creative-visionaries-do-that-most-people-overlook […]

  • What is Google using to make that interactive easter animation thing?
    by /u/Derppop on April 21, 2019 at 9:51 pm

    submitted by /u/Derppop [link] [comments […]

  • How to Get a Progressive Web App into the Google Play Store
    on April 21, 2019 at 9:36 pm

    https://css-tricks.com/how-to-get-a-progressive-web-app-into-the-google-play-store/ […]

  • What is webpack doing to my js files?
    by /u/sporadicPenguin on April 21, 2019 at 9:35 pm

    I just started trying to learn webpack today so this is probably a stupid question, but here it goes anyway. I have a simple test project set up with webpack installed. In my /src/ directory I have several javascript files I want to be combined and minified to my /dist/ directory, but for now I'm just trying to get a single file minified. Here is what my webpack.config.js looks like: const path = require( 'path' ); module.exports = { entry: { 'foo.min.js': [ path.resolve( __dirname, 'src/foo-js' ), ], }, output: { filename: '[name]', path: path.resolve( __dirname, 'dist' ), } }; foo-1.js: const FOO = {}; when I run npm run build I get my minified /dist/foo.min.js file, but it looks like this: !function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){e.exports=n(1)},function(e,t){}]); No idea what's going on here, and the following code fails with "ReferenceError: FOO is undefined": <script src="/dist/foo.min.js"></script> <script>console.log( FOO );</script> What am I doing wrong? submitted by /u/sporadicPenguin [link] [comments […]