• Breaking News

    Thursday, July 4, 2019

    Home Unlabelled Visual Studio Code June 2019 web developers

    Visual Studio Code June 2019 web developers

    July 04, 2019

    Visual Studio Code June 2019 web developers

    Visual Studio Code June 2019

    Posted: 04 Jul 2019 05:35 AM PDT

    I built a simple, stupid web-app and landed on the front page of a 2 million+ subreddit.

    Posted: 04 Jul 2019 02:33 PM PDT

    Puppeteer Recorder v0.7.0 now records screenshots

    Posted: 04 Jul 2019 05:23 AM PDT

    Hi,

    this might be useful to this community. We just pushed a new release of Puppeteer Recorder, a Chrome extension that records your browser interactions and poops out a Puppeteer script. This new release allows you to record screenshots (either of the current page or clipped).

    • you select screenshot mode
    • select a portion of the screen and click your mouse
    • result is similar to:

    ​

    await page.screenshot({ path: 'screenshot_1.png', clip: { x: 17, y: 134, width: 859, height: 40 } })

    code:

    https://github.com/checkly/puppeteer-recorder

    installation & usage

    https://checklyhq.com/puppeteer-recorder/

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

    Beginner question. Do you hide / mask anything in your website urls?

    Posted: 04 Jul 2019 11:23 AM PDT

    I am learning web development for half of the year now, just finished my first serious website for a friend and got a question.

    Once I click (for instance) Contact button in my navbar, url goes: www.example.com/#Contact-form, if I go to second page of the same website which is gallery, it goes: www.example.com/gallery.php

    "#" and .php extension in URL look kinda odd.

    I get that there is nothing unusual, but is it a good practice to mask it somehow? Or should I mask it?

    I googled it, people talk about .htaccess file and they also say it's bad for SEO to hide stuff. I still decided to ask you guys.

    Sorry for this silly question, but thank you in advance!

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

    What library would you use for filterable product grid

    Posted: 04 Jul 2019 01:32 PM PDT

    I need to code a product grid with several custom filters. Any nice js libraries that handle the grid and pagination?

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

    CSS tutorials?

    Posted: 04 Jul 2019 10:52 AM PDT

    Hey guys,

    ​

    So I'm currently a software developer, but I primarily do backend work. I've started picking up React and Vue to learn more front end frameworks so I can transition to more of a full stack role. I'm starting to understand CSS itself, I'm grasping things like float box etc. The pages I try to make don't turn out that good, and I feel like I'm just missing something.

    ​

    I'm trying to design our wedding website. It will include not only pictures, but the functionality for RSVPing and generating labels for mailers. Are there any good started materials for best practice on designing modern web pages? Right now I'm building it in React, and I'm using react-bootstrap. Any resources you'd recommend?

    ​

    Thanks for your time!

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

    Do you accept Wix projects?

    Posted: 04 Jul 2019 02:24 PM PDT

    I have learned as much about WordPress as I can, despite hating the platform, because for practical reasons you need WP knowledge to be successful in freelance.

    However, where do you personally draw the line?

    I just looked at the Wix editor to see if it would be easy enough to learn so I can start bidding on Wix projects but damn... the interface just gave me a headache to be honest. It looked like all the bad things from WP with even less ability to edit code directly.

    Is there a such a thing as taking on too much? My personal love is Vue/Node and just keeping on top of that ecosystem is a lot of work. On top of WP/basic PHP. Does the benefit of being able to do Wix projects outweigh the negative of the emotional/mental drain of dealing with the Wix UI?

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

    TestMace – crossplatform HTTP client for testing and describing APIs

    Posted: 04 Jul 2019 07:53 AM PDT

    How to offset each new line to the right when creating a landing page? (Picture attached)

    Posted: 04 Jul 2019 03:51 PM PDT

    I'm just starting out with web development, so please bare with him as I'm having trouble figuring out some basic things. I'm trying to create a nice design for a landing page that each line is offset by a few pixels to the right (mockup picture). Colors/design isn't staying that way but it was the best way to make it pop in the photo.

    ​

    My current method of doing this is using an unordered list with style none where I'm using margin-left: 15%; for the first line, then margin-left: 20%; for the second line, and so on. The problem with this is that it only works on very specific screen sizes, like a laptop, but not a tablet/phone. I haven't been able to find anything on Google since I'm not even sure what this design is called. Thanks for the help!

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

    How is this effect made?

    Posted: 04 Jul 2019 03:05 PM PDT

    How should I store my data?

    Posted: 04 Jul 2019 02:17 PM PDT

    I'm planning on making a site in React that will include these features:

    • Log in / Sign up
    • Users can like photos, add them to saved lists, and follow other users
    • Upload photos

    ​

    I was thinking of using Firebase to do this because it has login features and the ability to store the data I need. But I recently watched a tutorial on Contentful, and it seems to more intuitive to use than Firebase. I tried searching up more about databases and headless CMS, but I was becoming more lost.

    ​

    Does anyone have any advice on what direction I should go in? (I'm making this site for fun, so I don't have a big budget).

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

    Why you should forget your mother's maiden name

    Posted: 03 Jul 2019 09:34 PM PDT

    Do people really care if a developer's portfolio runs on WordPress?

    Posted: 04 Jul 2019 01:23 PM PDT

    So currently I have a web-portfolio (ronansmith.dev) that I am hoping to use to host case studies of my finished projects (not just hobby web-dev but game, app, and photography projects too) on. I have been building this website from pure HTML, JS, and CSS for a couple of years as a way to get to grips with the aforementioned technologies. The downside of this is that when I wish to add new projects or blog posts I have to fully develop every page.

    Now that I have a job in web we basically use WordPress for 75% of builds as we are only building small brochure and Woocommerce websites, we use a theme called Divi (a page builder with almost unlimited room for customisation) to speed up development. I was thinking, I could buy myself a license and use WordPress with Divi to basically recreate my portfolio and that would make it much easier to do many things, I really should have been using a CMS all along. I'd have a much easier time updating and keeping it consistent.

    But I am afraid that fellow developers may look down on me for the technologies of my portfolio rather than the work hosted within. I am also aware of PageSpeed concerns but I know how to mitigate this risk.

    Any advice is much appreciated, thanks!

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

    TypeScript & JavaScript Getters and Setters: Are they useless?

    Posted: 04 Jul 2019 01:02 PM PDT

    KOA, Swagger Uploading Images

    Posted: 04 Jul 2019 12:27 PM PDT

    Hi everybody!

    I'm have a problem with my API. I can't upload images to AWS S3. Everytime I chose a picture, the async-busboy gives me the error: not supporting image/png. I don't know how to fix this problem. Here is the GithubRepo of a mockup, how I wanted it GitHub. If someone can have a look after it and check what im doin wrong, I will greatly appreciate that.

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

    Why do all my hosts automatically redirect to localhost? [MAMP PRO]

    Posted: 04 Jul 2019 11:41 AM PDT

    I'm pulling my hair out here.

    I installed MAMP PRO and it went smoothly. Playing around for a while, I created some hosts installed wordpress on a few of them, toyed around and then decided it was time to start working. So I wanted to clean everything I'd created out, and so I did. I also may have attempted to delete localhost at this time--apparently you can't or aren't supposed to do that, but I almost definitely tried.

    Then, when setting things up again, it's now broken. All hosts redirect to localhost for some reason, unless there's a path. For example, "newhost:8888/wp-admin" will load correctly. "newhost:8888" however redirects to localhost. All new hosts share this behavior.

    I'm stuck. I bought MAMP Pro because of how smoothly the trial went. I was honestly surprised, because this end of development is out of my comfort zone and MAMP Pro was easy to use and worked right out of the box. But now, I've broken something and am in over my head in figuring out what it is. I've uninstalled and reinstalled a couple of times to no avail. The uninstaller does not do a complete uninstall. Some preferences (most noticeably empty groups I'd created) remain through the reinstallation, so obviously there's some stuff the uninstaller is leaving behind. I don't know if that's why I can't get it to work as smoothly as it did the first time, but I'm stuck and don't know what to do.

    Can anyone here help me get back to work?

    EDIT: Okay, might have accidentally figured it out. For some reason MAMP was not using htdocs as the document root for localhost, and instead just using applications>MAMP. When I changed the localhost document root to the htdocs folder, the other hosts (which have document roots elsewhere, outside the MAMP folder) spontaneously started working like they did originally. I remember the first time I installed MAMP it defaulted to the htdocs folder for the root, so I'm not sure why it started using MAMP as the root folder on subsequent installs. Perhaps this is a change I made while fiddling around before and the MAMP uninstalled didn't clean out that preference. I don't know, but it looks like it's solved for now.

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

    How/where are you guys hosting your nodejs/mongo apps?

    Posted: 04 Jul 2019 03:54 AM PDT

    At this moment I have my hosting that supports apache, php and mysql. I have some things locally that I want to have on the web, but my current hosting doesn't support nodejs and/or mongo.

    ​

    So, how are you dealing with this or hosting where?

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

    basset - An open-source visual regression testing platform

    Posted: 04 Jul 2019 11:12 AM PDT

    Should I compress CSS and JS into one file, or seperate with HTTP/2?

    Posted: 04 Jul 2019 01:27 AM PDT

    I typically compile my SCSS files into one CSS file, and JS into one too. Is this a good idea with HTTP/2? I have larger files, but only one load. With HTTP/2, I was thinking maybe it's better to have a few small files?

    Thanks in advance!

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

    I'm building my first website and I'm wondering a few things about the tools I'm using

    Posted: 04 Jul 2019 11:09 AM PDT

    Hi!

    I completed the Flask Mega Tutorial by Miguel Grinberg and am now building my own project.

    ​

    I built most of its structure already just using Python, with Flask and Jinja, and a tiny bit of JS to create a dynamic form.

    ​

    What I'm wondering is this: will a (mostly)Python project be a good idea or should I use React or frameworks like it for the front-end and use Python for the api?

    ​

    I know almost nothing JS related but I'm willing to learn. I know how to program quite a bit so learning new things isn't that hard anymore.

    ​

    Thanks in advance!

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

    Surprise: Undead Session Cookies

    Posted: 04 Jul 2019 10:57 AM PDT

    Simple EMDR therapy tool (in progress)

    Posted: 03 Jul 2019 08:56 PM PDT

    How can I use a js file containing syntax of "module.exports" in the browser?

    Posted: 04 Jul 2019 10:19 AM PDT

    I believe I am supposed to use "babel" to convert the javascript to a form the browser can understand (ES5?). However my attempts going that road have not been fruitful. It seems there's a lot of prerequisite knowledge I'm missing. I don't know what I am doing and just want to keep this dead simple: this is just some simple PHP scripts outputting HTML and doing a few things on the backend.

    I am using the Bulma.io css framework by simply including it in the top of my page: 

    <link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.5/css/bulma.min.css" rel="stylesheet">

    I've been trying to include these extensions to that css framework in my page. There are many modules (some of which have a javascript component) and I am trying to include them all at the same time.

    I've successfully included the extensions' css with 

    <link href="https://cdn.jsdelivr.net/npm/bulma-extensions@3.0.0/dist/css/bulma-extensions.min.css" rel="stylesheet">

    However when I try to include the js with

    <script src="https://cdn.jsdelivr.net/npm/bulma-extensions@3.0.0/dist/js/bulma-extensions.min.js"></script>

    and then use it with

    <script> var accordions = bulmaAccordion.attach(); </script>

    I get errors in the dev console that the module I'm trying to use is undefined: "ReferenceError: bulmaAccordion is not defined"

    Is there an easy fix for this or do I just have to stop, sit down, and learn this Node stuff?

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

    No comments:

    Post a Comment