Online Resource

IIF urged that the hearing should specially involve medical health professionals, academics from IITs and digital rights and public policy experts to provide inputs.

IEEE Computer Society

IEEE Computer Society

IEEE Computer Society

Worldwide Videotex

IEEE / Institute of Electrical and Electronics Engineers Incorporated

IEEE / Institute of Electrical and Electronics Engineers Incorporated

IEEE / Institute of Electrical and Electronics Engineers Incorporated

IEEE / Institute of Electrical and Electronics Engineers Incorporated

IEEE / Institute of Electrical and Electronics Engineers Incorporated

IEEE Computer Society

International Conference on Emerging Internet, Data and Web Technologies (7th : 2019 : United Arab Emirates)

Evans, Claire Lisa, author

Online Resource

The three pillars of Ciscoâ€^TMs “Internet for the Future†strategy are its investments in silicon, optics, and software.
More RSS Feed for Cisco: newsroom.cisco. ...

Director Michael Bay shares how the #InternetForTheFuture is impacting the future of film making
More RSS Feed for Cisco: newsroom.cisco.com/rss-feeds ...

The future internet will open new opportunities for remotely training and reskilling workers in a smoother and more effective way.
More RSS Feed for Cisco: newsroom.cisco.com/rss-feeds ...

Online Resource

There is a need for formulating globally co-ordinated, inclusive, coherent Internet policies.

According to IAMAI's 'Digital in India' report, India had 504 million active Internet users, who logged onto the web at least once in the last one month, at the end of November 2019

JavaScript Remote Conf 2020

May 13th to 15th - register now!

Joe Karlsson is a developer advocate at MongoDB. He and the panel walk through the different approaches, uses, and libraries for building IoT with JavaScript

Panel

• Aimee Knight
• Charles Max Wood
• AJ O’Neal
• Dan Shappir
• Steve Edwards

Guest

• Joe Karlsson

Sponsors

• G2i | Enjoy the luxuries of freelancing

"The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today!

Links

• Cylon.js - JavaScript framework for robotics, physical computing, and the Internet of Things using Node.js
• Johnny-Five: The JavaScript Robotics & IoT Platform
• Arduino - Home
• Tessel 2
• Tessel Kit for Johnny-Five
• The Programming Language Lua
• Luvit.io
• Gumstix, Inc.

Picks

AJ O’Neal:

• MicroPython - Python for microcontrollers
• Raspberry Pi Reverse Emulator (Part 1)
• Raspberry Pi Reverse Emulator (Part 2)
• Arduino With Python: How to Get Started – Real Python
• Duktape
• How to Diagnose and Fix Everything Electronic
• Getting Started in Electronics
• Make: Electronics (Book)
• Make: Electronics (Component Pack)

Aimee Knight:

• Cutting Your own Hair
• Joe's Appartment

Charles Max Wood:

• The Iron Druid Chronicles Series by Kevin Hearne
• JavaScript Jabber Meetup

Steve Edwards:

• Pearls Before Swine

Dan Shappir:

• JavaScript Remote Conf 2020
• JS VidCon
• Future Sync Conference

Joe Karlsson:

• Follow Joe on Twitter > @JoeKarlsson1
• MongoDB.live

Follow JavaScript Jabber on Twitter > @JSJabber

Vitale, Joe, 1953-

Chase, Michael

Online Resource

Internet Explorer 9–11 suffer from various bugs that prevent proper scaling of inline SVG’s. This is particularly problematic for SVG icons with variable widths. This is the canvas-based hack I’ve been using to work around the issue.

A popular way to use SVG icons is to generate a spritemap of SVG symbol‘s that you then reference from elsewhere in a document. Most articles on the topic assume your icon dimensions are uniformly square. Twitter’s SVG icons (crafted by @sofo) are variable width, to produce consistent horizontal whitespace around the vectors.

Most browsers will preserve the intrinsic aspect ratio of an SVG. Ideally, I want to set a common height for all the icons (e.g., 1em), and let the browser scale the width of each icon proportionally. This also makes it easy to resize icons in particular contexts – just change the height.

Unfortunately, IE 9–11 do not preserve the intrinsic aspect ratio of an inline SVG. The svg element will default to a width of 300px (the default for replaced content elements). This means it’s not easy to work with variable-width SVG icons. No amount of CSS hacking fixed the problem, so I looked elsewhere – and ended up using canvas.

canvas and aspect ratios

A canvas element – with height and width attributes set – will preserve its aspect ratio when one dimension is scaled. The example below sets a 3:1 aspect ratio.

<canvas height="1" width="3"></canvas>

You can then scale the canvas by changing either dimension in CSS.

canvas {
  display: block;
  height: 2rem;
}

Demo: proportional scaling of canvas.

Fixing SVG scaling in IE

This makes canvas useful for creating aspect ratios. Since IE doesn’t preserve the intrinsic aspect ratio of SVG icons, you can use canvas as a shim. A canvas of the correct aspect ratio provides a scalable frame. The svg can then be positioned to fill the space created by this frame.

The HTML is straightforward:

<div class="Icon" role="img" aria-label="Twitter">
  <canvas class="Icon-canvas" height="1" width="3"></canvas>
  <svg class="Icon-svg">
    <use fill="currentcolor" xlink:href="#icon-twitter"></use>
  </svg>
</div>

So is the CSS:

.Icon {
  display: inline-block;
  height: 1em; /* default icon height */
  position: relative;
  user-select: none;
}

.Icon-canvas {
  display: block;
  height: 100%;
  visibility: hidden;
}

.Icon-svg {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

Setting the canvas height to 100% means it will scale based on the height of the component’s root element – just as SVG’s do in non-IE browsers. Changing the height of the Icon element scales the inner SVG icon while preserving its 3:1 aspect ratio.

Demo: proportional scaling of svg in IE.

Creating an Icon component

The hack is best added to (and eventually removed from) an existing icon component’s implementation.

If you’re generating and inlining an SVG spritemap, you will need to extract the height and width (usually from viewBox) of each of your icons during the build step. If you’re already using the gulp-svgstore plugin, it supports extracting metadata.

Those dimensions need to be set on the canvas element to produce the correct aspect ratio for a given icon.

Example React component (built with webpack):

import iconData from './lib/icons-data.json';
import React from 'react';
import './index.css';

class Icon extends React.Component {
  render() {
    const props = this.props;
    const height = iconData[props.name.height];
    const width = iconData[props.name.width];

    // React doesn't support namespaced attributes, so we have to set the
    // 'use' tag with innerHTML
    const useTag = `<use fill="currentcolor"
                      xlink:href="#icon-${props.name}">
                    </use>`;

    return (
      <span className="Icon">
        <canvas className="Icon-canvas"
          height={height}
          width={width}
        />
        <svg className="Icon-svg"
          dangerouslySetInnerHTML={{__html: useTag}}
          key={props.name}
        />
      </span>
    );
  }
}

export default Icon;

When I introduced this hack to a code base at Twitter, it had no impact on the the rest of the team or the rest of the code base – one of the many benefits of a component-based UI.

Interview with Klaus Wölfling, PhD, author of Efficacy of Short-term Treatment of Internet and Computer Game Addiction: A Randomized Clinical Trial

Dewey Library - KF390.5.C6 G75 2018

Zhang, Weiyu, author

The situation in the valley, which has been witnessing lockdown since the third week of March due to COVID-19 pandemic, was generally calm barring a few local protests in some villages of Pulwama in south Kashmir.

[S.l.] : PETER LANG AG, 2020.

Dewey Library - L 2.2:EM 7/51/2013

Interviewing Anil Kapoor, Syed Firdaus Ashraf discovered, can be a real pleasure!

Top Hizb terrorist Riyaz Naikoo killed by security forces in J&K; private phones and mobile internet suspended in Valley

Ariana Grande and Justin Bieber's quarantine anthem 'Stuck with U' is winning over the internet; watch

Barker Library - TL725.3.M2.P755 2018

The data released by Nielsen and the Broadcast Audience Research Council (BARC) shows that internet usage has grown sharply in cities over the last one month, touching 54 per cent