All posts by webammer_anand

How to verify element click in div with Angular

By Adrian Matei

Click on link in bookmark description

Being on a constant lookout for bookmarks management optimization on www.bookmarks.dev,
I had this idea lately to add a bookmark to my history not only when I click the title of the bookmark (main URL),
but also when I click hyperlinks in the description of the bookmark – sometimes I tend to bookmark the “parent” url and
add “child” or related bookmarks in the description (an example would be bookmarking the same “resource” which is deployed
on different environments like dev, test and prod):

This plays really well now with the recently introduced hot keys to access the history and pinned bookmarks

Well, let’s see how this looks like in code:

Continue reading How to verify element click in div with Angular

gatsby-image w/ Support for PWA and Dark Mode

By William Imoh

Building responsive web apps involves the cumbersome task of adding media queries in CSS.

Thanks to the rapid advancements in CSS and CSS-in-JS libraries, web responsiveness is only a few lines of code away.

This three-part series explains how to use the React component gatsby-image to create a responsive banner-and-grid gallery with remote, optimized images sourced from Cloudinary. Specifically:

  • Part 1 explains how to build an optimized webpage by leveraging Cloudinary’s gatsby-transformer-cloudinary plugin and gatsby-image, sourcing and transforming responsive remote images in a GatsbyJS project.
  • Part 2 describes how to source images from Cloudinary into gatsby-image by means of the getFluidImageObject and getFixedImageObject APIs?

Source:: scotch.io

Building Secure Electron Apps with Aristeidis Bampakos on Real Talk Javascript #89

By John Papa

Aristeidis Bampakos joins John and Ward to talk about his experience building and maintaining an electron app for mapping software. What does Electron give you? What are the benefits of Electron? What about security or authentication? What are the alternatives to Electron?

const podcast = { 
  episode: 89,
  title: 'Building Secure Electron Apps',
  topics: [ 
    'electron', 'apps', 'javascript',
  ],
  guest: 'Aristeidis Bampakos'
  hosts: [
    'Ward Bell', 'John Papa'
  ]
};

Recording date: 2020-05-07

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Aristeidis Bampakos @abampakos

Brought to you by

  • Visit preemptive.com/realtime for your FREE Realtime Demo of JSDefender. Test out for yourself what your code can look like obfuscated!

Resources:

Timejumps

  • 01:31 Guest introduction
  • 04:59 What did Electron give you?
  • 08:00 Sponsor: jsDefender
  • 08:28 What are the benefits of Electron?
  • 17:49 What is the interface between HTTP requests and electron apps?
  • 21:38 What about security or authentication?
  • 30:46 Sponsor: Ag Grid
  • 31:52 Are there other security concerns when using Electron?
  • 34:52 What are the alternatives to Electron?
  • 39:14 Who owns Electron and what’s the future?
  • 42:22 Final thoughts

Source:: johnpapa

How to Write a Technical Tutorial - Announcing a New Book on Writing for Developers

By Chris on Code

Writing for Software Developers, a new book by Philip Kiely, teaches you everything that you need to know about creating outstanding technical content. It gives step-by-step guidance on the craft and the business of creating technical tutorials and articles. Writing for Software Developers also features interviews with 11 experts from the community, including Chris on Code, who founded Scotch. In this article, Philip gives you an overview of the process of creating a technical article.

Writing technical tutorials is a great way to share your skills, earn some money, and generate interest in your project, company, or just your favorite programming language. You do not need to be a famous programmer or a trained writer t

Source:: scotch.io