• Breaking News

    Friday, January 31, 2020

    Home Unlabelled [Showoff Saturday] I made a platforming game using Vanilla JavaScript. web developers

    [Showoff Saturday] I made a platforming game using Vanilla JavaScript. web developers

    January 31, 2020

    [Showoff Saturday] I made a platforming game using Vanilla JavaScript. web developers

    [Showoff Saturday] I made a platforming game using Vanilla JavaScript.

    Posted: 31 Jan 2020 10:28 AM PST

    Frustrating job search? 11 tips for outstanding portfolio projects

    Posted: 31 Jan 2020 08:10 AM PST

    Hey folks, since there are often questions for reviews of personal projects I created a checklist you can use to improve them. I've been in web development for some years now and have seen a lot of projects of job applicants. There were some common mistakes which are often easy to fix.

    1. The app should work (sounds strange but I saw broken apps often enough)
    2. Deploy a running version
    3. Add links to deployed app and source code in resume
    4. Users should understand the purpose of the app
    5. Don't hide the app behind a login
    6. Well-structured and informative readme
    7. Clean code formatting
    8. Custom CSS
    9. Somewhat complex logic
    10. Mobile responsiveness
    11. Pin your GitHub repos
    12. Don't pass tutorial projects off as your own work (thanks /u/NorthAstronaut)

    You can find detailed explanations and some tips & tricks on this page: https://jkettmann.com/tips-for-outstanding-portfolio-projects/

    Hope this is helpful to some people. If you have more tips feel free to share them in a comment :-)

    Btw: This checklist is targeted especially towards developers who want to apply for entry-level positions. There is often lots of competition for these jobs. One of the best time investments apart from the above list is to write some tests, especially for business logic. For React I love jest and react-testing-library.

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

    A bookmark manager on steroid: my first app using NextJS, Prisma2, Apollo Tools, TailwindCSS ��awesome dev exp — open source

    Posted: 31 Jan 2020 04:32 AM PST

    Which headless e-commerce platform to choose?

    Posted: 31 Jan 2020 11:38 AM PST

    Hey guys, I'm the middle of building a headless e-commerce website. I chose the headless approach because the website will integrate with third party APIs for AI based, user specific product recommendations, similar products etc.

    I have used woo commerce API with NextJS in the front end. For eg: when I visit a category page getInitialProps function sends a request to fetch products to a NodeJS server which in turn sends out an authenticated request to the WP REST API to retrieve products. I feel this is too much over head and the page takes time to load since all this happens in getInitialProps.

    I can not afford to do the data fetching in client side since SEO is very important for this project. So the pages have to be server side rendered.

    Other requirements: Site has to be blazing fast Integration with front systems API (to keep the product catalog updated in real time)

    I'm considering Gatsby/NextJS for front end and Big commerce, Moltin, CommerceTools and some others for the commerce layer.

    If some who has worked on such a website can share their experiences with the tech stacks they used, it would really help me make an informed decision. I would be grateful to hear your opinions! There's just so many options out there that I don't know what to choose. Thanks in advance!

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

    For those who've dropped IE support for public sites. How do you tell IE they aren't welcome?

    Posted: 31 Jan 2020 10:31 AM PST

    Honestly not sure what to do. I know how to target IE users, but I'm not sure how to handle it. Should it be something like when JS is disabled?

    We're sorry. We only support browsers that aren't a pain the ass and also Safari.

    or something else? Just curious how people are approaching this.

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

    Just starting out in web dev and looking for a computer.

    Posted: 31 Jan 2020 01:03 PM PST

    Like the title says, I'm looking for a computer suitable for web dev for the next couple of years. I need to know if these specs are okay, and whether or not I could reasonably expect to use this computer for the next two or three years without it being slow:

    Apple Macbook Pro (Retina Display, 15.4-inch, Mid 2015), Intel Core i7-4770HQ, 2.2GHz quad core 16GB RAM, 256GB Flash - A1398 Refurbished

    Or would a 2019 MacBook Air 16gb RAM be better and have more longevity

    I appreciate the assistance!

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

    Need recommendations for fast & secure options for managing multiple sites

    Posted: 31 Jan 2020 04:22 PM PST

    I have to choose a platform to build a group of similar sites (i.e. product1.com, product2.com) which will have similar pages and layout, but different colors, logo, content/copy, etc. I looked into using decoupled/headless WordPress with their "multi site" option in the backend w/ a static-site-generator vue app on the frontend. But seems like WP Multisite lacks a lot of functionality (like having a global media storage / global pages) and would eventually get out of control.

    I would like to have some sort of platform where, for example, if I have 20 similar sites that all use the same Privacy Policy / Terms of Conditions page, I can update all of them every year simultaneously.

    Have you guys used anything for a similar use case?

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

    Beginner question: why do we use templating engines like Jade and Handlebars? What scenarios do we use/need them for?

    Posted: 31 Jan 2020 11:13 AM PST

    I've seen in some tutorials situations where HTML templating is used, but I'm having a little trouble understanding why it's needed/used to begin with. I'm guessing maybe something to do with components in front end frameworks for embedding ready-to-go HTML? I've tried reading the docs on the Handlebars website but it's a bit obscure. Any help is appreciated, thank you.

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

    Does anyone know what Reelgood was built with?

    Posted: 31 Jan 2020 11:06 AM PST

    I really like how this website runs and works, and want to use it as a way to learn some UI skills. It seems like a great way to present any sort of filtered data. I havent learned any UI frameworks but Im guessing this site uses one. I would like to learn whatever framework this site uses if anyone here has any ideas.

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

    Optimising SVGs for the Web

    Posted: 31 Jan 2020 06:55 AM PST

    Cloning a website (school project)

    Posted: 31 Jan 2020 02:14 PM PST

    I'm trying to download and re-brand a website for a school project - is using HTTRack the right way to do this?

    I've tried to use HTTRack and it seems to put the sites different pages into separate index.html files.

    Does this mean if you want to edit the sites design - you would have to make all the same edits in every html file it gives you?

    The web site in question has hundreds of pages so I don't think I could copy paste the design changes into each of them. Is there a simpler way to do it?

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

    Neon Light Button Hover Effect | HTML&CSS

    Posted: 31 Jan 2020 02:01 PM PST

    https://youtu.be/mFSrRH1pihk

    | The Code is in the Video Description for free |

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

    Angular 7+ Visual Regression Testing

    Posted: 31 Jan 2020 01:44 PM PST

    Hello all.

    I've done a bit of Googling and there seem to be a few options to go with. I'm looking for any feedback anyone may have that has implemented visual regression testing within an Angular 7+ project.

    Thanks!

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

    Template for a website with many hyperlinks

    Posted: 31 Jan 2020 12:22 PM PST

    Do you know of any websites that are using the Web Authentication API in production?

    Posted: 31 Jan 2020 08:14 AM PST

    I'm doing some research for a project which concerns WebAuthn. I tried looking for actual websites or applications that are using this, and I couldn't find anything but demo sites, which are not really what I'm looking for.

    Specifically, I'm interested in using WebAuthn as the second factor in a multifactor authentication scenario. In my understanding, utilizing WebAuthn would mean that I could create an universal implementation that would support several authentication devices, like some compatible Yubikeys, Windows Hello, Apple Touch ID, etc. Correct me if I'm wrong.

    If we're considering only modern browsers, is this even a stable, production-ready thing?

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

    What do I include in my CV?

    Posted: 31 Jan 2020 07:29 AM PST

    I am a creative web developer and have a portfolio website which includes all my projects and side projects. In some job applications, I still see the requirement for a CV with a cover letter and so I'm unsure of what to add there or how it should look considering I have a website as portfolio already.

    I'm unsure if its mere formality or more, but I'd like to design that properly as well since they did mention. Any sample templates/examples would be appreciated too.

    TLDR I have a portfolio website, what do I include in my CV as a creative developer

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

    SCSS snippet for typography, dynamic enough for new additions

    Posted: 31 Jan 2020 11:13 AM PST

    Creating appropriate payment plans

    Posted: 31 Jan 2020 07:19 AM PST

    Question first, bio at bottom

    I would like help building out monthly maintenance packages for my small web dev business. Would like to have up to 3 tiers of packages. I'm trying to move away from the one and done project based income and more towards a smaller monthly payment over a longer period of time (maybe a 1 year commitment minimum). I don't really know how much to charge and what to include in each tier of maintenance. Roughly I was thinking of this :

    Basic :

    • Around $50 / month.

    • Basic updates to site (a lot of CMS work) and plugins

    • Health checks and reports

    • Will alter current things on page with no charge, i.e. change a photo or text. Will not move anything around, only change what's currently there.

    • Additional changes is my hourly.

    I don't have much for the next two. Would love to hear thoughts and advice on how to move towards more monthly payments instead of depending on incoming projects for income. The balance is to get enough on a monthly basis that I'm giving the clients what they deserve without giving more time than I'm getting paid I suppose.

    Bio :

    I have recently started my own business in my small town, aiming to help a lot of them build and maintain their websites into this century (a lot are out of date or don't exist). I have mainly done my hourly rate for the design and for any work done after. I purchase and host websites from digital ocean and charge about 3x the cost if they want me to host it through me.

    Would love to create a payment model that allows for small businesses here to take advantage of better design and maintenance without making them page the huge up front of major redesign / full website build.

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

    Multiple Directories or Just One?

    Posted: 31 Jan 2020 11:03 AM PST

    Hi, is it good practice to categorise pages in directories, or should I just leave them all in the first directory where the index is?

    I'm not sure, but I can see that other websites have their pages right after the host domain, like this:

    www.website.com/page.php
    submitted by /u/Tactical_Powered
    [link] [comments]

    Project to take a center aligned app and lay it out like JIRA and other apps, using Bootstrap

    Posted: 31 Jan 2020 07:17 AM PST

    Project to take a center aligned app and lay it out like JIRA and other apps, using Bootstrap

    Hi Gang,

    I am currently undertaking a big sprint whose goal to take a Bootstrap-based single page app (SPA) written mostly in .NET The key is that it's all based on Bootstrap so I can use templates and styles within the Bootstrap framework.

    The goal is to redo the layout, which is currently a pretty standard centered layout. The nav is currently in typical navbar with dropdowns, and needs to be broken out, and displayed instead in the left-hand portion of the screen. The business wants the full width of the screen to be occupied by the content, with the left-hand portion of the screen containing the navigation.

    Is there a best-practice sort of document that walks through this process or describes the best way to handle it? I'm just looking for a little bit of direction as I approach this. I'm a front-end guy and haven't needed to totally re-organize an app quite this way so I am looking for a few pointers if anyone has a moment. Thank you in advance for any assistance or advice. Thank you for reading this.

    https://preview.redd.it/9yny96kkr4e41.jpg?width=1440&format=pjpg&auto=webp&s=6eaa8d886a2f017d0532064177e693d1668ff6b9

    https://preview.redd.it/zw82p8ffr4e41.png?width=759&format=png&auto=webp&s=3e7c38096b168e788c056b36b73748f50f874423

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

    Building out my Portfolio Website and oh boy is it harder and more FUN than I thought!

    Posted: 30 Jan 2020 06:43 PM PST

    Really enjoying myself so far. I keep running into little problems that I have to research but I feel like I am learning and absorbing so much compared to reading or following a guide.

    I did have some quick questions if anyone has experience making a portfolio website.

    1. Should I specify "Software Engineer" anywhere or "Back-end Software Engineer"? I am in my last year of college and don't want to limit my job prospect but I am leaning more towards back-end web development work.
    2. Is it okay to have a mostly static portfolio site as long as buttons are clickable (with an effect) and I have some neat hover effects with the buttons? I don't have a ton of JS experience yet so just working with HTML CSS and DOM manipulation.
    3. How should my "Resume" button work? Do I have it download my resume or something? Do people really put their full resume on their website for all to see?
    4. Do I NEED a contact form at the bottom like most people have? I highly doubt if a recruiter wanted to talk to me they would fill out a form and wait for me to call them.

    Thank you for any insight!

    submitted by /u/Sudden-Look
    [link] [comments]

    Max es6 or grinder es6

    Posted: 31 Jan 2020 10:39 AM PST

    Hi I am doing currently es5 course of max and I almost finished it, so far so good but the accent is abit annoying and I am thinking should I take es6 of stephen grinder or max anybody got some opinions on both of them ? Also I am wondering if I should practice after es5 or es6 make some projects etc and also if will be worth taking modern js course by Brad traversy ? Sorry for my English is not my main language ^

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

    Looking for Flat File Templating Language without the CMS and Admin Stuff

    Posted: 31 Jan 2020 06:00 AM PST

    I'm a product designer looking to build out some fairly simple sites quickly, that have a few dynamic components. Basically static sites with certain elements being reusable and a few other things like an array of blog posts, crumbs, pagination, the usual.

    There are plenty of CMSes that offer this but I don't want or need the bloat of an admin panel, image gallery storage or a wysiwyg text editor for individual posts/page. Prefer if the whole thing was flat file so I didn't need to have a database.

    I've used WordPress and many other CMSes in the past and they're not efficient for what I'd like to do. I want to be able to create custom and clean html and css and drop in a few template tags here and there as needed to tie everything together. I'd be fine with an option that had all the CMS features if I wasn't required to use them.

    I'm comfortable with html and css but I just don't have a desire to learn more about development than that. I can and have edited and created themes in WordPress and Drupal back in the day. I want something that is not really any more complicated if not easier, if anyone has suggestions.

    I really liked ExpressionEngines templating system back in the day. Might look into that again but maybe someone has some other options for something smaller.

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

    No comments:

    Post a Comment