I made my first NPM package. A simple react component that displays your latest Github repos.
Strategy

I made my first NPM package. A simple react component that d…


I made my first NPM package. A simple react component that displays your latest Github repos.

Thought it might help other juniors building their portfolios. The CSS is fully customizable to the style of your existing portfolio. As well as options for displaying stars etc.

Github

NPM

https://preview.redd.it/pl4t0nqmj6z41.png?width=1515&format=png&auto=webp&s=44f1ad355f931f1ec1c9671d99c6b78e899ea6cd

submitted by /u/Newstart1991
[comments]



Source link

eye of saturn
Strategy

Space Photos of the Week: Cassini’s Curtain Call


In 1997, NASA launched a spacecraft to Saturn. This intrepid explorer called Cassini, spent the better part of 13 years orbiting Saturn and studying it and the planet’s many moons. Not only did Cassini discover new small moons around Saturn, but it found geysers of water shooting out from a small moon called Enceladus. Cassini also found odd-shaped storms in Saturn’s atmosphere, and material like carbon, methane, ethane, and nitrogen in the atmosphere of Saturn’s largest moon, Titan.

As time passed, the team realized the spacecraft was running low on fuel and decided its last year in orbit around Saturn would be a doozy. They knew the craft would crash into the planet at the end anyway, so the team took risks, sending Cassini swooping through the rings of Saturn, flying out by the moons and speeding back in. These grand finale orbits made for some spectacular photos. In honor of this remarkable mission, we are all going to break quarantine and go to Saturn.

Saturn’s giant eye is actually a massive storm. It’s a vast 1,240 miles across with wind speeds of 330 miles per hour. Cassini captured the storm in April 2014 from a distance of 1.4 million miles away.Photograph: NASA/JPL-Caltech/Space Science Institute
Looking down from a great height of one million miles, this view of Saturn’s north pole reveals its hexagon-shaped storm and different windy bands. Saturn’s rings sneak into the photo, too.Photograph: NASA/JPL-Caltech/Space Science Institute
Gas giants are called giants for a reason. This photo shows just a sliver of Saturn and its size compared to the tiny moon Dione. This image shows not only how thin Saturn’s rings are when seen edge-on, but if you peek toward the bottom you will see a shadow cast by the rings onto the atmosphere.Photograph: NASA/JPL-Caltech/Space Science Institute
In this deep dive, Cassini provided a breathtaking view from below Saturn’s rings. The sunlight cast onto the rings creates a shadow on the surface giving the impression a human really framed this photo, but that’s not all. If you look really closely at the bottom of the planet you will see another shadow, a circular little dot, that’s the moon called Mimas.Photograph: NASA/JPL-Caltech/Space Science Institute
There’s not just one planet in this photo, but two. If you peer through Saturn’s thin, icy rings you will see a bright dot, that’s Venus shining from the inner solar system.Photograph: NASA/JPL-Caltech/Space Science Institute
Saturn’s rings are made of mostly small bits of ice and because of their composition they reflect a lot of light. This means in order to capture them, Cassini’s camera has to be able to expose for the brightness, leaving out a lot of starlight in the background. However, two moons managed to just squeeze into this photo–the larger moon to the upper left is Dione and if you squint just right, above the rings you’ll find Epimetheus as a small speck.Photograph: NASA/JPL-Caltech/Space Science Institute
On September 15, 2017, Cassini’s mission ended. It had received commands from NASA to plunge into Saturn’s atmosphere where it would break apart. However, right before it said goodbye, it took one last photo, this one. This is the closest any spacecraft has ever been to the planet: We see the rings below and the atmosphere head on. This is Cassini’s final photo and final resting place.Photograph: NASA/JPL-Caltech/Space Science Institute

Head over here to look at more space photos.


More Great WIRED Stories



Source link

Post image
Strategy

Newbie with some questions – 2 months webpage : webdev


Hi there!

I am learning to make webpages for like 2 months, and i got the point when i have to style my web page,and god its dammn hard xD

I am making a drum customization app/webpage to aplly my knowledge on JS,,Angular, HTML and CSS. I got to the point when the more i change, the uglier the site gets.

So i have some questions that i would like to place here:

1- lets say i have one div with a button in it. How can i make that,for exemple, the padding that i am placing is for that div and not for the web page?

2- I have a angular grid with some angular tab, and when i place the with of the tab like 1000px, the tab dont change, like its strick to something.

3- I have a toolbar with some text in it, how can i make that the text on mobile mode view stays the same aspect ratio. BEcause when i change to mobile view the text continues with the same size, and get out of the toolbar.

4- what tips can u guys give me, so that my web page doesnt look like from 1990 xD

EDIT: All the logic works, the visual aspect of it its just pretty bad

Post image



Source link

SVG manipulation issues
Strategy

SVG manipulation issues


SVG manipulation issues

Hey all,

So i'm pretty new to manipulating SVGs so the answer here is probably obvious.. anyways, I'm trying to dynamically build an image out of some SVGs with paths inside them.
My problem is that i set each SVG width/height/viewbox to what it should be but the path doesn't adjust. What am I doing wrong? 🙂

https://preview.redd.it/rl7y2kdgr2z41.png?width=1313&format=png&auto=webp&s=c784f91f133784a4f8e0bf763b65602f8774093d

submitted by /u/wordswordsyeah
[comments]



Source link