• Breaking News

    Thursday, April 2, 2020

    Home Unlabelled how to manage HTML DOM with vanilla JavaScript only - for modern browsers and IE 11+ web developers

    how to manage HTML DOM with vanilla JavaScript only - for modern browsers and IE 11+ web developers

    April 02, 2020

    how to manage HTML DOM with vanilla JavaScript only - for modern browsers and IE 11+ web developers

    how to manage HTML DOM with vanilla JavaScript only - for modern browsers and IE 11+

    Posted: 02 Apr 2020 07:08 AM PDT

    Pluralsight courses are free for the month of April

    Posted: 02 Apr 2020 08:47 AM PDT

    Did you know about personal reusable snippets in DevTools?

    Posted: 01 Apr 2020 08:22 PM PDT

    Web Development Masterclass on Udemy is free until tomorrow.

    Posted: 02 Apr 2020 04:36 PM PDT

    Best way to network without going to meetups?

    Posted: 02 Apr 2020 08:16 AM PDT

    I know people say to network in order to possibly learn about job opportunities to get your foot in the door, and most people will always suggest meetups. But what if meetups are too far away, and now with the coronavirus it's sort of dangerous to do. What is another method to networking where you can build relationships with other developers that might possibly get you opportunities in the future?

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

    Learning advanced css animations

    Posted: 02 Apr 2020 01:59 PM PDT

    I want to learn more advanced animations using css what resources both video and documentation whould you recommend and what are great practices?

    Thanks in advance.

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

    Best simple way to visualize real-time microcontroller measurements on a website?

    Posted: 02 Apr 2020 11:11 AM PDT

    Hi,

    having read the sidebar, I hope that this post is following the rules (I'm not looking to start a career here, so I don't think this should go into the stickied post). If there's a different subreddit where I should rather be posting this question, please tell me and I'll head over there.

    I'm working on a project where I'm using microcontrollers to take some measurements (like temperature readings) every couple of minutes. A few times an hour, I would like to transmit the latest measurements via WiFi and have them displayed in a graph on a website. I'm capable of doing the first part of this: I can take the measurements and transmit them via TCP or HTTP requests for example. The second part, however, is almost completely new to me. As a result, I'm having trouble expressing what I'm trying to do. I'm not sure what exactly I'm looking for and how to get there. Thus, I'm looking for hints regarding the following questions:

    • Where do I send my data? I have though about making my own little server with a microcontroller or a Raspberry Pi, but I can't do that for this project.

    • How do I go about making a website that will display a graph and update it with the latest readings?

    In the past I have used the Adafruit IO MQTT API. I can send measurements there, store them, and have them displayed in graphs. I think this is the most similar project I have done. I suppose that I could use this service again for storing my data. This time, however, I can't use that service to display my data. I need to do some calculations with the measurements and create custom graphs like I would do in Python with Pyplot or Altair.

    Via a bit of googling, I found this article, describing how to host dynamic webpages on GitHub pages. I think that might be similar to what I'm looking for, but the article mentions a follow-up article that I can't find, so I'm kinda stuck there.

    I would like to get this up and running for free. The website is only going to be viewed by a handful of people a couple of times and I'm only generating very limited amounts of data. I'm willing to spend some money, however, if that would give me a meaningful advantage over free solutions (if such exist?). Also, it would be amazing if I could do my data processing and plotting in Python (or maybe R), but I'm willing to get into something like javascript if that's needed.

    I hope somebody can push me in the right direction with this. Thanks in advance for any help!

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

    A typographic palette for vibrant code & UI

    Posted: 02 Apr 2020 05:32 AM PDT

    Not sure if this is the right place. Google Fonts is slowing down my site drastically on mobile, and page speed testers are testing random versions of my site despite caching plugins.

    Posted: 02 Apr 2020 05:09 AM PDT

    I don't know what's going on with my caching. I use WordPress for my site. On my end to test, I open my site in an incognito browser and test on my mobile in Safari private/chrome incognito.

    GTMetrix and PageSpeed insights are testing an older cached version of my site - which is weird because Incognito tabs and mobile are loading the right version.

    I use WP Fastest Cache on WordPress, if that is of any use. As a final question, I'm getting an error on PageSpeed insights for some GoogleAPIs CSS: it's called 'fallback&ver' and mentions the Quicksand font (which I use on my site). This is really annoying because I've tried to follow best practices. I don't have any other plugins besides Astra and Elementor.

    I just don't really understand the inconsistencies if I'm caching my site and purging regularly. My main question is effectively why different site speed testers are choosing random/old versions of my site (or if they choose the right one, my site is broken in the previews).

    I'm very new to all this, as you can tell.

    Thanks and hope to hear from you.

    Edit: thank you for all the prompt responses!

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

    Experienced Devs. How can I differentiate myself from other entry level applicants.

    Posted: 02 Apr 2020 01:15 PM PDT

    Hi all,

    I'm currently self studying Web development, as most people here I am studying HTML and CSS (which I'm already pretty comfortable with) Javascript and would like to learn React and maybe some node before applying for jobs.

    Where I live is Finland it differs quite a bit from most other countries especially because education is free and they definitely seem to value degrees. Many jobs even ask for a degree and a few levels of experience at an entry level. On top of this I'm not fluent in Finnish and this is something that would take at least a couple of years of full time study.

    So my question really is how do I separate myself from others and gain leverage, what do most junior devs really lack that could work in my favour with an employer. There is definitely a market for developers here but as people have pointed out there is a lack of experienced developers not junior.

    https://www.youtube.com/watch?v=oC483DTjRXU&t=1s

    I remember the idea of this video appearing to me as a good thing.

    Any ideas?

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

    Looking for someone ambitious

    Posted: 02 Apr 2020 04:50 PM PDT

    Hey everyone. I'm not a fancy big company sorry to burst peoples bubbles. However, I honestly think I've come up with an idea akin to google/amazon potential. Sounds absurd, "why are you on Reddit advertising then?" Fair. This isn't my field. I build landscape construction, I'm out of my element. I'm willing to go all in on this, but I need someone with some kind of technical background that can help me draw out a plan of action. I am willing to make this a 50/50 partnership. With the right person, we have something incredible we could offer the world. Please feel free to message me

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

    Is a owning a camera beneficial to a web developer ?

    Posted: 02 Apr 2020 04:46 PM PDT

    Or are we better off just using sites like unsplash?

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

    Is Safari 13.1's "CSS animations via web animations" messing things up for you too?

    Posted: 02 Apr 2020 04:44 PM PDT

    I guess this is more for Apple users, but some of my css transition animations stopped working the way I intended with the new update. I know "css animations via web animations" is an experimental feature still (you'll find it under the develop menu), but it's on as a default in the new Safari and that's a major problem.

    It's there a way to hard-code it so my animation remains css transitions?

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

    Where to host Headless Wordpress for JAM Stack project?

    Posted: 02 Apr 2020 08:30 AM PDT

    I have been building JAM Stack projects using Headless Wordpress, Gatsby, and Netlify. So far, the experience has been great and I wouldn't want to go back to building things any other way. However, I've recently hit a few snags regarding the hosting of the Wordpress install itself. I had the install on a sub-domain while the main domain was pointing at Netlify's DNS. Then, in Netlify, I had the sub-domain pointing back to my hosting provider using an A Record. I've run into a few problems doing it this way and was just curious how others may be handling this.

    Are you hosting the Headless Wordpress on a completely different domain? Is there a way to host Wordpress on Netlify?

    Any help/guidance would be appreciated.

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

    Emoji in the title tag, good or bad idea?

    Posted: 02 Apr 2020 04:01 PM PDT

    I thought about adding 2 emoji at the beginning of the title tag of my website. Do you think it's a good or a bad idea? Is there some situation where it can cause problems because it's not readable text?

    submitted by /u/meloman-vivahate
    [link] [comments]

    How dangerous is illegal movie streaming sites?

    Posted: 02 Apr 2020 04:01 PM PDT

    I know people that have used this for years (cough). They never had an issue. But supposedly you could get badly hacked. Why have they not had their identity stolen? Are they mining bit coin as we speak and not noticed?

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

    Headless Chrome and headless Firefox screenshots not working?

    Posted: 02 Apr 2020 03:56 PM PDT

    When I use the examples given that seem to work for everyone else to take a simple screenshot, I get "unexpected token in expression or statement" errors. I'm about to start pulling my hair out. Any ideas?

    For example, Mozilla's documentation says to use:

    /path/to/firefox -P my-profile --screenshot test.jpg https://developer.mozilla.org --window-size=800,1000

    This translates to:

    "C:\Program Files\Mozilla Firefox\firefox.exe" -P my-profile --screenshot test.jpg https://developer.mozilla.org --window-size=800,1000

    Which throws errors like the following:

    Unexpected token '-P' in expression or statement.

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

    NPM with Static Site Generators

    Posted: 02 Apr 2020 03:28 PM PDT

    I am learning about how to use NPM, ParcelJS and HUGO at the moment.

    But one thing that doesn't quiet make sense right now is how one would use HUGO together with NPM and ParcelJS, since HUGO has to build to a static files before you could then for example use ParcelJS on the generated static site to compile Sass and and Include different JS Files into one big output file.

    How is this generally done with Static Site Generators?

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

    Tricky parts of CSS

    Posted: 02 Apr 2020 03:28 PM PDT

    I find CSS really difficult, I'm not sure why but im thinking my foundations must be off so I'm making a little list of topics needed to understand CSS, Care to help?

    I'm thinking the

    -box model

    -flexbox/grid

    -......

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

    Are JWTs stored in localStorage really bad if you consider what it takes to exploit it in the first place?

    Posted: 02 Apr 2020 03:20 PM PDT

    I have been researching authentication for my web app and found tons of articles on JWTs vs sessions, and storing tokens in cookies vs localstorage. It seems the main argument against storing JWTs in localStorage is that it can be read using javascript and therefore vulnerable to XSS attacks.

    However if someone has found an XSS exploit on your site, couldn't they just make the requests using fetch/xhr themselves since they can run their own javascript on your site? Why would they need to access the stored JWT?

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

    Could you do a video conference web app?

    Posted: 02 Apr 2020 03:10 PM PDT

    I know that there's video and audio capture APIs now. And yet I am still downloading annoying apps to meet with people like GoToMeeting, Zoom etc. Is it technically feasible to do this stuff in the browser now?

    submitted by /u/LAC-Tech
    [link] [comments]

    Why are Gulp 'watch' tasks taking so long?

    Posted: 02 Apr 2020 03:01 PM PDT

    I'm building a dev environment using Gulp and any time I make a change it's taking about 5 seconds to do what should be fairly simple stuff like Sass rendering and JS concatenation. Here is an example with my Sass function:

    // CSS processing function css() { return gulp.src(src + 'sass/style.scss') .pipe(sourcemaps ? sourcemaps.init() : noop()) .pipe(sass({ outputStyle: 'nested', imagePath: '/images/', precision: 3, errLogToConsole: true }).on('error', sass.logError)) .pipe(postcss([ assets({ loadPaths: ['images/'] }), autoprefixer(), mqpacker, cssnano ])) .pipe(sourcemaps ? sourcemaps.write() : noop()) .pipe(gulp.dest(build + 'css/')) //stream change to all browsers .pipe(browserSync.stream()); } exports.css = css;

    And this is what I'm seeing in the terminal:

    | $ gulp [22:47:49] Using gulpfile ~/Documents/Cloudgurus/sitebuild/gulpfile.js [22:47:49] Starting 'default'... [22:47:49] Starting 'html'... [22:47:49] Starting 'css'... [22:47:49] Starting 'js'... [22:47:49] Finished 'html' after 138 ms [22:48:02] Finished 'js' after 12 s [22:48:02] Finished 'css' after 12 s [22:48:02] Starting 'watch'... [22:48:02] Finished 'watch' after 32 ms [22:48:02] Finished 'default' after 12 s [Browsersync] Access URLs: -------------------------------------- Local: http://localhost:3000 External: http://192.168.1.136:3000 -------------------------------------- UI: http://localhost:3001 UI External: http://localhost:3001 -------------------------------------- [Browsersync] Serving files from: build/ [22:48:13] Starting 'css'... [Browsersync] 1 file changed (style.css) [22:48:18] Finished 'css' after 5.27 s

    I realise I'm doing a lot such as sourcemapping and minifying but I used to do this sort of thing all the time and it never took so long.

    In case you need it, here's the watch code:

    // watch for file changes function watch(done) { browserSync.init({ server: { baseDir: build, index: "/index.html" } }); // image changes gulp.watch(src + 'images/**/*', images); // html changes gulp.watch(src + '**/*.html', html); // css changes gulp.watch(src + 'sass/**/*', css); // js changes gulp.watch(src + 'js/**/*', js); done(); } exports.watch = watch; // run all tasks exports.build = gulp.parallel(exports.html, exports.css, exports.js); // default task exports.default = gulp.series(exports.build, exports.watch);

    I'm using gulp 4 and the latest version of node.

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

    Own email system vs Email Marketing Services

    Posted: 02 Apr 2020 07:22 AM PDT

    Hello,

    ​

    I've created a simple email system for my app where the users can add email accounts in a queue. That emails accounts will receive an email with different signatures and contact details based on which user added it to the queue.

    Now, my boss wants to make some email campaigns and I think it will be a good ideea to use some email services like mailchimp, sendinblue or sentgrid, but I don't really understand the benefits of an email service.

    We want to send approximate 5-6000 emails per campaign.

    Did you used this kind of services? And there's any bad thing sending the emails using the clasic way? ( SMTP directly from our server ).

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

    No comments:

    Post a Comment