teleren/devto huggingface dataset:
Getting started with GreenSock
Tags: svg, webdev, beginners, learning
Published: 2019-04-30 22:12:06

---
title: Getting started with GreenSock
published: true
description: a quick video on how to get started animating with GreenSock
tags: #svg, #webdev, #beginners, #learning
---
Part 2 of my series on SVG. [You can find part 1 here] (https://dev.to/coffeecraftcode/finding-inspiration-and-creating-svg-3m7b)

This is a short introduction to getting started with the JavaScript library GreenSock.

Let me know if it helps and what else you would like to know. :) 


Here are some links to the CodePens I used in the video. Check them out and change up the code to change the animations. 

[Getting started animating with GSAP](https://codepen.io/cgorton/pen/dLEgbg)
[SVG worm not animated](https://codepen.io/cgorton/pen/EJzdXp)
[SVG worm animated](https://codepen.io/cgorton/pen/NmVzjR)

Note: I am currently working on a course for Design+Code where we create 2 UI and learn how to animate SVG with GreenSock. I am going over several of GreenSock's plugins and giving real-world examples of how you can use GreenSock. Stay tuned to learn a whole lot more.

My course on Design+Code:
[SVG Animations with GreenSock](https://designcode.io/svg-intro)
Made with Love
Published: 2019-04-30 22:09:21

---
title: Made with Love
published: true
description: 
tags: 
---

<p>As I sit here at my extended dining table, lamp aflame to my left, coffee and Tolkien and the remnants of an almond croissant to my right, I am feeling a swelling of my soul to embark on a journey through the tangled briars of attentions so that I may, if even just a bit, mold pathways of joy with which I can occupy future hours. Those pathways need definition, but more than that, they need love.</p>

<p>A game was afoot as many a late programmer such as myself began to concrete in his or her memory the minutes of JavaScript. A study done by the website “HackerRank” in 2019 (this year) suggests the makeup of first projects of developers given their age range. The overwhelming majority for those 37 and under is a calculator or a website, however for those 38 to 72 the study suggests that a game is what people take their time to undergo.</p>

<p>Myself, a ripe programmer at the age of 27, took on my first project about which I was immensely proud — a Pokémon-style game — and made amends to its design over the next few years. If nothing else, stability and consistency of routine helped my mind to relax enough to glide into the development of it. In fact, there was even a time when I began to sketch designs for levels that possessed architectural specificity.</p>

<p>Now, game schools do not exists for mere social delights, just at schools of architecture don’t exist without good reason. The methodology behind crafts of enormous complexity should not be taken lightly, though one’s desire to jump into a creative endeavor with only the skin of their yellow country teeth is an admirable trait and one that will payoff dividends in the product’s final actuality. So then, the question becomes how one strikes a balance between individual creative grit and professional regiment in design and development.</p>

<p>Though I don’t claim the last word on that question, I do profess to the knowledge that one’s individual creative grit may be best summarized in the swift implementation of some certain skill. For instance, I am a hobby sketch artist at best and the only pieces I find worthwhile, though they be very few indeed, are those that were implemented quickly, with lightness of spirit, and free of attachment to their actuality. Now, if I had possessed any sort of professional sketch training upon drawing those pieces, they would no doubt be much better and possibly even marketable. But the question of better should not be relevant when we critique art and games. The only quality, if it be even called a quality, is that the piece was made with love.</p>

<h3>References</h3>

<ol>
<li>HackerRank’s 2019 Developer Skills Report. HackerRank.com. https://info.hackerrank.com/rs/487-WAY-049/images/HackerRank_2019-2018_Developer-Skills-Report.pdf. Retrieved Friday, April 26, 2019.</li>
</ol>
Reflections on Goal Setting
Tags: productivity
Published: 2019-04-30 22:09:11

---
title: Reflections on Goal Setting
published: true
description: 
tags: productivity
---

A bullet journal is a great idea. My first-impression took the book by Ryder Carroll, “The Bullet Journal,” and read through about a third of it to the order of taking a single template I found most useful and applying it. That template is mainly something somewhat similar to how a good agile stand-up disclosure should be structured.

In the agile stand-up update, the discloser should mention to the team what they did yesterday, what they’re doing today, and any hinderances to his or her goals. It may seem overtly short-term in nature, but with proper planning from project managers and the team before a sprint, its implementation should flow into a dynamic yet integral conversation.

The bullet journal template I’ve found most helpful outside the structure of a working team that implements agile stand-ups is the three-column list of: what I’m doing, what I should be doing, and what I want to be doing. Believe it or not, that simple template has both elicited a rich diversity of content from myself and helped me to recurse back upon my behavior later in the day or the next day to analyze how my real-time intentions affect what I end up doing with myself, either consciously or subconsciously.

What’s most fascinating about my observation of my real-time mental inventory is that behaviors that would have otherwise seemed random to me before, sort of like unravellings of a well-bound sense of routine, make more sense if linked to my inventoried motivations, sometimes as far as a week prior.

The core advantage of coming to such a realization is that I can become more motivated about making goals for myself. Sometimes in our modern society, we become disillusioned with setting goals for ourself because they don’t seem to actualize. For example, we might set out to lose weight and begin running extensively and eating more healthily, only to our dismay some months down the line to see that it has not proved effective.

What we might fail to realize, though, is that goal setting starts small, and it starts mainly in the subconscious. When I began to write down my thoughts about what I want to be doing, for example, I noticed that those thoughts tended to dictate my behavior in very subtle ways. At first glance that fact might intimidate, but with proper perspective I see now that I can directly control my self though setting my mind, thoughts, and finally written goals on those outcomes that I both want and need.
HTML's hidden realtime CSS editor
Tags: html, css, justforfun, nojs
Published: 2019-04-30 21:56:11

Credit goes to 

{% twitter 1121054728148926467 %}

If you prefer seeing it and the code in action, check out the codepen

{% codepen https://codepen.io/mzanggl/pen/KYLrwR default-tab=html,result %}


For everyone who can not watch the video or play with the codepen right now.

Start by creating the following markup

```html
<style>
  html {
    background: blue;
  }
</style>
```

Since `<style>` is just another HTML tag, it follows the same rules as other HTML tags. If you check the CSS rules in the devtools you will see that `display: none` gets applied to the style tag. Sooo, let's override it.

```html
<style style="display: block;">
  html {
    background: blue;
  }
</style>
```

Sweet, we can now see the contents of the style tag on the page!

Finally let's try adding the `contenteditable` attribute to it.

```html
<style style="display: block;" contenteditable>
  html {
    background: blue;
  }
</style>
```

This will let us type in the style field.
And here comes the twist: The styles get re-evaluated while you type!

In the result, try changing `background: blue;` to `background: green;` and see what happens.

---

After I saw this, I immediately thought "So what about the script tag?".

Everything works the same except that the script unfortunately does not get re-evaluated when you change the content.

## Conclusion

There is probably no use case for this, but it is still fun to explore these kinds of things.
What is professional software development?
Published: 2019-04-30 20:41:23

---
title: What is professional software development?
published: true
description: I feel that my development team uses substandard tools and ways of working. I would bail out, but I worry it's not any better elsewhere. What is the minimum standard one can expect from software development?
tags: 
---

Have you heard of [The Joel Test?](https://www.joelonsoftware.com/2000/08/09/the-joel-test-12-steps-to-better-code/) It's simple list of 12 **yes** or **no** questions. No, *wait!Don't follow that link!* It's almost 20 years old and bears almost no relevance to modern software development. Who does *daily builds* in the world of *CI/CD*? Instead of *spec* and *schedule* you have *backlogs* and *sprints*. I have sometimes thought about writing new version of *Joel Test* for *agile* world.

I've been thinking about this because a bit over month ago I started working with a small team and their tools and practices remind me of people developing web sites in early 2000s starting with the fact that they use Java and PHP. I'm left to wonder are they unprofessional or am I setting my standards too high?

One of the problems is that web created a lot of developers that have never used an IDE or a debugger. How many people using Vim have configured it to get code navigation to work instead of just using grep from command line? Do people even know how to use debugger? Did you know that there actually is [debugger for PHP](https://xdebug.org/)? And [you can use it from Vim](https://mutelight.org/minimal-guide-to-debugging-php-with-xdebug-and-vim)? 

I think you either develop software in *a project* that works on *a specification* towards *a release* or you implement *items* from *product backlog* using *sprints* or *Kanban*. Anything else is just too unplanned to be professional. I think too many developers think project plan or product backlog is just bookkeeping for managers and not a way to organise day-to-day work. This has two consequences. Firstly, it disconnects the plan or the backlog from the actual work turning them 
into a piece of fiction that gives only illusion of control. Secondly, developers have to use some other way to organise their work. Most likely they don't organise it at all and the result is "it's ready when it's ready".

{% twitter 1117858830136664067 %}

What if you don't have *CI/CD process* or *observability tooling*? What if your *test automation* hasn't been run in ages and therefore they all fail? I've been venting about things that bother me. What do you consider as a minimal level of software engineering?
Mystery, Unsolved
Tags: opensource, ruby, discuss
Published: 2019-04-30 20:06:49

---
title: Mystery, Unsolved
published: true
description: 
tags: opensource, ruby, discuss
---
Over at my [Rubygems.org page](https://rubygems.org/profiles/BurdetteLamar), I can see changes in the counts when my gems are downloaded.

For one gem, <code>markdown_helper</code>, there are bursts of 26 downloads at irregular intervals.  There may be a week between, or just a day.

The most recent update to the gem was December 3, 2018, so I don't have a theory about why there would be these bursts of 26 downloads, grabbing the same version each time.

Any ideas?  (Or confession, if you're the mystery downloader?)
What are your favorite programming metaphors for non-technical folks?
Tags: discuss
Published: 2019-04-30 19:40:46

---
title: What are your favorite programming metaphors for non-technical folks?
published: true
description: What metaphors do you use to help explain a concept to less-technical people?
cover_image: https://cl.ly/aa998b301735/Image%202019-04-30%20at%203.39.40%20PM.png
tags: discuss
---

A while back, I read [this comment on HN](https://news.ycombinator.com/item?id=14900337) that has stuck with me since.  Here it is, courtesy of user [`brightball`](https://news.ycombinator.com/user?id=brightball) on HN:

> I live in a house with a washer and dryer.
>
> After we had our first child there was a stretch where my wife and I were both sick for about 2 weeks and the laundry ended up building up significantly. We had probably 10 loads worth to catch up on and it was going to take all of at least one day, maybe two.
> 
> Threw it all in the car, went to the laundromat and had it done in 2 hours.
> 
> Laundromat's are now how I explain "the cloud" to non-technical people.

I've used this metaphor a few times since.

@jess put together a great round-up that links out to a few posts on the subject.  I also like @kbk0125's [CodeAnalogies.com](https://www.codeanalogies.com/) website (many of which have been cross-posted to DEV).

{% link https://dev.to/jess/my-favorite-coding-analogies-51of %}

But I'm really interested in your **very concise** metaphors/analogies, more similar to the one I shared in this post.

Any favorites?
What blogs do you read?
Tags: discuss, reading, blog
Published: 2019-04-30 19:32:44

Sometimes when I have a break at work, there are some content I like to read, such as:

* dev.to
* Hacker Noon
* Martian Chronicles
* and so on...

To aggregate all these blogs I like, I'm building an open-source curated list of blogs, websites, and all kinds of reads about software development.

{% github vnbrs/digest %}

What blogs do you read? Comment below, or even, open a PR =)
Who's looking for open source contributors? (April 30th edition)
Tags: discuss, contributorswanted, opensource
Published: 2019-04-30 19:02:04

_Shamelessly copying Ben Halpern's [most recent post](https://dev.to/ben/whos-looking-for-open-source-contributors-march-25th-edition-ocn)._

Find something to work on or promote your project here.

Please shamelessly promote your project. Everyone who posted in previous months is welcome back this month, as always.

Happy Coding!
I Challenge YOU to Write a Better Parser!
Tags: sling, challenge, help
Published: 2019-04-30 18:03:25

---
title: I Challenge YOU to Write a Better Parser!
published: true
description: Write me a better sling url parser, in javascript, for fun!
tags: #sling #challenge #help
---

So here is the deal, I wrote this really Stupid [Sling URL](https://sling.apache.org/documentation/the-sling-engine/url-decomposition.html) Parser:

{% github https://github.com/ahmed-musallam/stupid-sling-url-parser %}

The whole source is in this file: [https://github.com/ahmed-musallam/stupid-sling-url-parser/blob/master/src/SlingUrl.js](https://github.com/ahmed-musallam/stupid-sling-url-parser/blob/master/src/SlingUrl.js)

I'm setting a pretty low bar here, since I wrote this very quickly for the SOLE purpose of saving bytes.

Now, I'd like to see you try to write something better! It would be a good exercise if you're up for it. Plus you'd show [some random person on the internet how wrong they are.](https://meta.wikimedia.org/wiki/Cunningham%27s_Law)


All you need to know to rebuild this is in the [URL Decomposition Doc of Apache Sling](https://sling.apache.org/documentation/the-sling-engine/url-decomposition.html)

The doc has examples and I have written [tests for my parser](https://github.com/ahmed-musallam/stupid-sling-url-parser/blob/master/test/test.js)

Happy coding!
Windows PowerShell Commands for Web Developers
Tags: webdev, windows, programming
Published: 2019-04-30 18:03:20

---
title: Windows PowerShell Commands for Web Developers
published: true
description: Learn how Windows PowerShell makes your web development workflow more efficient.
tags: #webdev #windows #programming
canonical_url: https://auth0.com/blog/powershell-commands-for-web-developers/
---

Web development on Windows can be perceived by some developers as clunky due to the lack of proper native tooling. While Command Prompt, also known as cmd.exe, is less than ideal for an efficient development workflow, modern Windows systems come packed with the mighty Windows PowerShell, a command-line shell that includes an interactive prompt and a scripting environment.

PowerShell gives you access to the file system on the computer, lets you make server requests, and much more! However, guidance on running development tasks is often provided for MacOS and Linux only. To support Windows users, this guide demonstrates how to perform common web development tasks using PowerShell.

[Continue Reading 🛠](https://auth0.com/blog/powershell-commands-for-web-developers/#Viewing-Content-of-Directories/?utm_source=dev&utm_medium=sc&utm_campaign=powershellcomm_webdev)
Live streaming right now on Twitch! (update: All done!)
Tags: gatsby, node, react, showdev
Published: 2019-04-30 17:44:01

---
title: Live streaming right now on Twitch! (update: All done!)
published: true
description: Come hang out with me as I work on a major overhaul of thegymnasium.com with Gatsby
tags: gatsby, node, react, showdev
cover_image: https://thepracticaldev.s3.amazonaws.com/i/o6igtxzmouw7r4yrg73u.png
---

# Hey there!
I'm Mike Bifulco, Technical Director for [thegymnasium.com](thegymnasium.com).  Once a week I jump on Twitch to livestream some of the projects I'm working on.

# Coming at you live!
This week I'm working on a complete overhaul of our marketing pages using Gatsby and Storybook.  It's a lot of node, and a lot of react - and I'm learning as I go.  None of this scripted.


Catch the stream [on our homepage](https://thegymnasium.com), or on [Twitch @irreverentmike](https://twitch.tv/irreverentmike).  See you there!
Like A YouTube Video Using JS
Tags: webdev, javascript, html, css
Published: 2019-10-16 03:31:47

---
title: Like A YouTube Video Using JS
published: true
date: 2019-04-30 17:13:31 UTC
tags: webdev,JavaScript,html,css
cover_image: https://i1.wp.com/geekyminds.co.in/wp-content/uploads/2019/04/like-youtube-video-using-vanilla-js.png
canonical_url: https://geekyminds.co.in/like-a-youtube-video-using-javascript/
---

As you guys already know, JavaScript is a scripting language that runs in the web browser. Developers use JavaScript to manipulate the DOM, make their websites interactive and many more! This gave me a random idea – why not write a one-line JavaScript code to like a YouTube video without pressing the ‘Like’ button? Read …

[Continue reading "Like A YouTube Video Using JS | Random Fun"](https://geekyminds.co.in/like-a-youtube-video-using-javascript/)

The post [Like A YouTube Video Using JS | Random Fun](https://geekyminds.co.in/like-a-youtube-video-using-javascript/) appeared first on [GeekyMinds](https://geekyminds.co.in).
Understanding Expo for React Native
Tags: reactnative, react, android, ios
Published: 2019-04-24 03:24:30

---
title: Understanding Expo for React Native
published: true
description: Understanding Expo for React Native
tags: #reactnative #react #android #ios
---

Source : <a href="https://www.skptricks.com/2019/04/expo-sdk-and-popular-react-native-playground.html" >Understanding Expo for React Native </a>



Expo is a great starting point. You can easily configure and launch a basic app and learn more about React Native. Building apps without Expo gives you more flexibility in development, reduces dependencies, and allows you to integrate with mobile devices in a better way. In terms of popularity, Expo is definitely a popular solution for beginners, However, if you want to become a serious RN developer, you should build RN apps without Expo (at least for now).

If you’re wondering if it’s still a good idea to start with React Native, in our opinion it is a big YES. React Native is more and more popular among many companies. Software houses are seeing a lot of demand for services which require knowledge of React Native. If you are not an iOS user or you don’t have MAC and you want to see that how your app looks and works in iOS device or even if you are both iOS and Android user and want to check that how your app looks and works in both devices then Expo is for you.

<img src="https://1.bp.blogspot.com/-6thTU6Ikk2o/XL8DWTb-jEI/AAAAAAAACsY/f2MtwPGyA7cS__SFthAtG5_wfXEHAJXfgCLcBGAs/s640/a1.PNG" />

<a href="https://www.skptricks.com/2019/04/expo-sdk-and-popular-react-native-playground.html" >Click here to see demo </a>
Log Management - all in one - no hidden fees!
Published: 2019-04-30 15:27:13

---
title: Log Management - all in one - no hidden fees!
published: true
description: Your AI-powered assistant 
tags: 
---

A log management tool that doesn't require hard work > https://xpolog.com/.
* Quick setup 
* Analysis apps to bring you all the insights you need automatically, 
* Customize your own apps, 
* Discover hidden problems and possible risks with AI/ML analysis engine, 
* Use filters, apptags and much more to make your searches easy and simple. 
* Great visualization gadgets

Troubleshoot fast, make your life super simple!
https://xpolog.com/
Radix: Updates About New Events Via Gossip
Tags: dlt, blockchain, opensource, gossip
Published: 2019-04-30 14:46:55

---
title: Radix: Updates About New Events Via Gossip
published: true
description: 
tags: #dlt #blockchain #opensource #gossip
---

A brief introduction into how nodes in on the Radix ledger share updates with each other about new transactions and other events that have happened, when they happen.

{% youtube 9kPyyOIn6Bo %}

If you have any questions - join The Radix Community!

[Telegram] (https://t.me/radix_dlt) for general chat
[Telegram Announcement Channel] (https://t.me/RadixAnnouncements) for announcements
[​Discord] (https://discord.gg/7Q7HSZZ) for developers chat
[​Reddit] (https://reddit.com/r/radix) for general discussion
[Forum] (https://forum.radixdlt.com/) for technical discussion
​[Twitter] (https://twitter.com/radixdlt) for announcements
[​Email] (https://radixdlt.typeform.com/to/nyKvMV) newsletter for weekly updates
Mail to [hello@radixdlt.com] (hello@radixdlt.com) for general enquiries
Top 5 DEV Comments from the Past Week
Tags: bestofdev
Published: 2019-04-30 14:38:16

---
title: Top 5 DEV Comments from the Past Week
published: true
description: Highlighting some of the best DEV comments from the past week.
tags: bestofdev
cover_image: https://res.cloudinary.com/practicaldev/image/fetch/s--7VrAA2ln--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://thepracticaldev.s3.amazonaws.com/i/qmb5wkoeywj06pd7p8ku.png
---

This is a weekly roundup of awesome DEV comments that you may have missed.  You are welcome and encouraged to boost posts and comments yourself using the **[#bestofdev](/t/bestofdev)** tag.

We start things off with two comments about terrible interview questions.  The first is specific to a particular question discussed in this post: **[Terrible interview question: Swap variables without a temporary](https://dev.to/mortoray/terrible-interview-question-swap-variables-without-a-temporary-22jp)**.  @alexkindle offers on upside from getting this question:
{% devcomment ac04 %}

In a more general, and thoroughly entertaining, **[Terrible Interview Questions](https://dev.to/elmuerte/terrible-interview-questions-3ka)** discussion thread, @sanidz shared this classic exchange:
{% devcomment ae87 %}

Replying to **[Are we pretentious and arrogant?](https://dev.to/lucagrandicelli/are-we-pretentious-and-arrogant-361l)**, @nprimak describes their strategy for staying out of an oftentimes-toxic environment:
{% devcomment aed3 %}

Sharing a particularly awesome accomplishment in **[What was your win this week?](https://dev.to/jess/what-was-your-win-this-week-2h9n)**, @amejiarosario received plenty of love in response to this announcement:
{% devcomment acmh %}

Finally, answering **[What should I know to be a software architect?](https://dev.to/stereobooster/what-should-i-know-to-be-a-software-architect-4ilm)**, @jorgecc offers a thorough run-down on the term of "software architect" and shares some insights about what one might want to know if they're moving into that role:
{% devcomment adkn %}

See you next week for more great comments ✌