teleren/devto huggingface dataset:
Server-Side Rendering (SSR) and isomorphic-fetch for SEO
Tags: seo, ssr, webdev, react
Published: 2020-07-02 11:10:10


{% youtube 66owdRkc8pI %}

Server-Side Rendering (SSR) and isomorphic-fetch for SEO - Everything you need to know about.

Tried to explain with live example.

Feel Free to share.

#ssr #serversiderendering #seo #searchengineoptimization #isomorphicfetch #react #next.js #dynamicRendering #webcrawler #csr #firebase #webdevelopment
Getting Started with WordPress Static Site Generators
Tags: webdev, html, wordpress, serverless
Published: 2020-07-02 18:31:34

---
title: Getting Started with WordPress Static Site Generators
published: true
date: 2020-07-02 11:03:04 UTC
tags: webdev, html, wordpress, serverless
canonical_url: https://snipcart.com/blog/wordpress-static-site-generator
---

![Getting Started with WordPress Static Site Generators](https://snipcart.com/media/204912/wordpress-jamstack.png)

You’ve heard the saying: “opposites attract.”

It certainly is true of the two concepts explored in this post. 

On one side, WordPress. On the other, [static sites](https://snipcart.com/blog/choose-best-static-site-generator).

The first represents the old guard of monolithic CMS; the second, the new frontend wave.

Despite their apparent differences, we hear more and more about WordPress static websites, WordPress static site generators, and so on.

It might sound counterintuitive, but when you think about it, why wouldn’t you want the best of both worlds?

That’s exactly the question I’ll explore today. More precisely, I’ll have a look at:

- Why you should use WordPress to generate static sites
- The benefits & limits of this approach
- The many existing WP static site generators

The rising interest for Jamstack in the WordPress community is quite exciting to observe. 

Let’s jump into it right away!

## Why use WordPress to generate static sites?

![wordpress-jamstack](https://snipcart.com/media/204912/wordpress-jamstack.png)

Pairing WP and static sites doesn’t strip away power from the site editors. WordPress users can still use the popular CMS to create and edit content. 

So where does the process differ? After an editor hits “Publish”, the site content is exported to HTML, pre-compiled static files ready to be served, instead of the usual PHP-generated views.

There are many available tools & plugins to accomplish this. I’ll list them later on.

However, if terms like [Jamstack](https://snipcart.com/blog/jamstack), static websites, or headless CMS are unfamiliar to you, there are a few things we need to clarify before going further.

This section will lay out the differences with a standard WordPress setup and a Jamtack-inspired one. I’ll then highlight the benefits & limitations of the latter.

  

→ Read the full post [here](https://snipcart.com/blog/wordpress-static-site-generator)
Host HTML webpage online
Tags: html, hosting, webhosting
Published: 2020-07-02 10:59:14

If you ever need to host or upload a very basic site containing html, css, js, txt, etc online; you should use https://htmlsave.com

We have a beginner friendly website, where we help you host and maintain a basic static site for your mockups.

##How to create a basic site?##

Watch this video to get started: {% youtube md9Xg_MSe2w %}

##Host your Codepen on HtmlSave##

After pasting the HTML code on the home page, you can create CSS, JS separately. Then you can paste the codes and submit to save it with Htmlsave.

It is really simple to start.
https://htmlsave.com
When should I use percent/vh/vw and fixed pixel sizes?
Tags: css, html, discuss, question
Published: 2020-07-02 10:58:15

A bit of a background on why I am asking this. So I was doing a frontend coding challenge at [Frontend Mentor](https://www.frontendmentor.io/profile/jeantiston) that is a Testimonial Page Slider. So mainly it has a portrait image and a testimonial quote.

![Desktop screenshot of testimonial slider](https://dl.dropboxusercontent.com/s/gmbz9nidm5gt20t/desktop2.png)


Besides using breakpoints, I tried to make my design more responsive by using percent/vh/vw in some of the sizes. One example of that is for the size of the main image:

```
.photo {
    width: 70vw;
    height: auto;
    border-radius: 10px;
    box-shadow: 20px 20px 50px rgba(0,0,0,0.3);
}
```
and the slider arrow navigation which is supposed to be positioned at the bottom part of the image:

```
.nav {
    display: float;
    position: absolute;
    left: 40%;
    top: 85%;
    padding: 13px 10px;
    background-color: white;
    border-radius: 50px;
    box-shadow: 20px 20px 50px rgba(0,0,0,0.3);
    cursor: pointer;

}
```

But as one of the feedback I have gotten pointed out, the text and image proportion is not very good when it gets at 460px to 600px. The slider arrow navigation also gets displaced at some point. 

![Screencap of breaking layout](https://dl.dropboxusercontent.com/s/cds4ifgz62j81kl/screencap.gif)

She suggested that I just use a fixed size for the image and I think that's true in this case.

So back to the question: **when do I know that it's better to use percent/vw/vh in my design and when to use fixed pixel sizes?

Can I also use percent/vh/vw for font sizes? And if yes, does it make sense to do so? And when, if ever, should I do that?**

If you want to scrutinize the page further [here is the live site](https://coding-bootcamp-testimonials-slider-master-brown.vercel.app/). If you want to see the code you can probably just inspect the page but in case you want [the repo here it is](https://github.com/jeantiston/coding-bootcamp-testimonials-slider-master).

*I'm quite new with this frontend thing and so I'd really appreciate if you'd point me to a few resources I can refer to when I have these kind of questions.*
Do you use the :not() pseudo-class?
Tags: css, discuss, frontend
Published: 2020-07-02 10:57:17

Over the past few weeks as I write more and more CSS that I want to be as reusable as possible, I keep coming across scenarios where the first or last element needs to be excluded. Typically for list items, there are a few ways to achieve this thanks to pseudo-classes. Here are two examples:

## Override

    ul li {
        border-bottom: 1px solid silver;
    }
    ul li:last-child {
        border-bottom: 0;
    }

Using pseudo-classes, override the default for a specific element.

## :not()

    ul li:not(:last-child) {
        border-bottom: 1px solid silver;
    }

Alternatively, use the `:not()` pseudo-class selector to identify all but the ones you want to target.

## What's your preferred way of solving this problem?

For the second option, it's not immediately obvious what the fallback is. This is an extremely simplistic example, but when there are more properties the first one seems to make more sense to me.

Interested to know how others are dealing with the first/last element that needs something just a little different from the others.
PayID Hackathon live coding - Monetizing Github Commits
Tags: payid, github, serverless, webmonetization
Published: 2020-07-02 10:52:33

Earlier this week I had the pleasure of having a colleague of mine, [Si Metson](https://twitter.com/drsm79/), on my livestream on Twitch. 

[A 1080p version of this video can be found here on Cinnamon](https://www.cinnamon.video/watch?v=354028607502288450)

**We are doing part II tomorrow** (Friday 4th July), [come join us!](https://developer.ibm.com/events/using-ibm-cloud-functions-for-github-webhooks-part-ii/)

We had been brainstorming ideas for what to do for the [PayID hackathon](https://payid.devpost.com/) that we wanted to take part in.

We came up with an idea of allowing Github Commits to be monetized by creating a webhook that could parse the commit messages and look for [PayIDs](https://payid.org/) and then make an automatic payment to that PayID based on some pluggable policy.

Ideas:
- Pay simply per commit a fixed amount
- Run code coverage tests and pay if code coverage is increased
- Run some static code analysis or quality analysis, pay if that exceeds a certain threshold
- Pay per line deleted (Mia, you reading this? ;) ) 

Anyway, in the live session above, we got some basics of a serverless [IBM Cloud Function](https://cloud.ibm.com/functions/) being used as a Github hook, now we just need to plug in the PayID bit. We will be using the [Xpring SDK](https://xpring.io/) to pay out in XRP as that is the fastest and easiest cryptocurrency to integrate, but it will be pluggable to handle any other addresses in the PayID (e.g. Bitcoin, Ethereum).

Once we have completed part II tomorrow, I'll do a more detailed write-up of exactly what we did in the session.
Feedback for the new Low-code platform is needed
Tags: discuss, webdev, startup
Published: 2020-07-02 10:52:16

Hi all!

Recently we've went public with a low-code platform [Directual](https://directual.com). This is a cloud tool where you can setup:
- Database;
- Role-based access model and Authentication;
- REST-interface for your app (secure APIs);
- Backend logic, including scheduled and real-time scenarios.

Low-code market is skyrocketing today, but there is one significant issue—one can hardly go beyond MVP with low-code. So, we tried to create a tool which was suitable for building and running sophisticated apps, not only MVPs.

We are looking for the product-market-fit at the moment. So, I would love to ask you to have a look and give me some feedback on the value proposition, product, on-boarding etc.

Thank you!
webMethods.io Integration Free Forever Edition
Tags: integration, webmethods, free, cloud
Published: 2021-04-13 13:11:33

---
title: webMethods.io Integration Free Forever Edition
published: true
date: 2020-07-02 10:22:01 UTC
tags: #integration, #webmethods, #free, #cloud
canonical_url: https://tech.forums.softwareag.com/t/webmethods-io-integration-free-forever-edition/228319
---

 **What could be better than free? Free, forever, that’s what!**

You can now use the powerful [webMethods.io](http://webMethods.io) Integration Platform-as-a-Service (iPaaS) solution, at no cost, ad infinitum. Software AG recently released a brand new version of [webMethods.io](http://webMethods.io) Integration called the Free Forever Edition, which provides many of the same great capabilities as the enterprise version for businesses running smaller projects.

Software AG’s easy to use cloud-based integration platform is ideal for both technical and non-technical users and integrates with over 300 popular cloud-based SaaS apps like Salesforce, ServiceNow and Workday. You can also create your own custom integrations using our free connector kit as a starting point.

Have you already taken [webMethods.io](http://webMethods.io) Integration for a test drive? Maybe you wished the free trial lasted longer? Now you don’t have to cut your account off after 30 days. Take the time you need to finish your projects and sign up to convert your free 30-day trial into our Free Forever Edition. Take the first step towards a better digital future.

[Convert a 30-day trial into Free Forever!](https://www.b2b.com/cs/c/?cta_guid=0f6abcee-32b1-4628-bc5c-db779e88369d&placement_guid=1ea22c68-455a-4c81-990d-a8db0ed76a4c&portal_id=1863639&canon=http%3A%2F%2Fwww.b2b.com%2Fwhat-could-be-better-than-free&redirect_url=APefjpEFK3KrugV8JqkOXY9IG2JLRDhGgSxqMGHcb6Gc9UaXWG2ev-ilEP8LTBxsimj3oS_wA08DNMbPG8nCIhHO4SVM5POGyhdz0v2MSfrNKL5S0_2MY7w3oE-kV9yaDflD58kbr6lW&click=b46441b0-90ce-4635-8099-17269b3168cc&hsutk=b99d06647c08ef0eedd1ea6abe7f63e7&signature=AAH58kHxAmlGobzEQoa0sGdIxe96u_bWiQ&pageId=30397919362& __hstc=21771940.b99d06647c08ef0eedd1ea6abe7f63e7.1588339137181.1592922999769.1593022292745.10&__ hssc=21771940.1.1593022292745&__hsfp=2448812667&contentType=blog-post)

[Read full topic](https://tech.forums.softwareag.com/t/webmethods-io-integration-free-forever-edition/228319)
What's the state of Real-Time Web Frameworks?
Published: 2020-07-02 10:50:57

---
title: What's the state of Real-Time Web Frameworks?
published: true
description: 
tags: 
//cover_image: https://direct_url_to_image.jpg
---

Can anyone recommend some Full-Stack Real-Time Web Frameworks?

I'm searching for something that "just magically reflects" some state from the server on the client. That state is mostly the database, but can sometimes also be some custom logic or some other source.

Yes, there are Websockets or GraphQL Subscriptions but one still has to implement handling events manually. Apollo for example even recommends just polling every few seconds, which I find big waste of resources as 99% I'm getting the same data over and over, instead of just pushing if something has changed. Is this really the state of doing things in 2020?

Starting to look around (my domain is the Javascript Ecosystem ATM but open for new), I stumbled upon MeteorJS and and it seems it's the only one fitting this requirement.

Any other recommendations?
Our Keynote Lineup
Tags: europython
Published: 2020-07-02 10:46:34

Alongside Guido van Rossum, Naomi Ceder and Alejandro Saucedo, we are delighted to announce our fourth and final keynote for EuroPython 2020 Online.

# Siddha Ganju
### 30 Golden Rules of Deep Learning Performance
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/z9ts4uy9en0q1td0g25c.jpg)

> “Watching paint dry is faster than training my deep learning model.”

---

> “If only I had ten more GPUs, I could train my model in time.”

---

> “I want to run my model on a cheap smartphone, but it’s probably too heavy and slow.”

---

If this sounds like you, then you might like this talk.

Exploring the landscape of training and inference, we cover a myriad of tricks that step-by-step improve the efficiency of most deep learning pipelines, reduce wasted hardware cycles, and make them cost-effective. We identify and fix inefficiencies across different parts of the pipeline, including data preparation, reading and augmentation, training, and inference.

With a data-driven approach and easy-to-replicate TensorFlow examples, finely tune the knobs of your deep learning pipeline to get the best out of your hardware. And with the money you save, demand a raise! 

#### About Siddha Ganju

Siddha Ganju, an AI researcher who Forbes featured in their 30 under 30 list, is a Self-Driving Architect at Nvidia. As an AI Advisor to NASA FDL, she helped build an automated meteor detection pipeline for the CAMS project at NASA, which ended up discovering a comet. Previously at Deep Vision, she developed deep learning models for resource-constrained edge devices. Her work ranges from Visual Question Answering to Generative Adversarial Networks to gathering insights from CERN's petabyte-scale data and has been published at top-tier conferences including CVPR and NeurIPS. She has served as a featured jury member in several international tech competitions including CES. As an advocate for diversity and inclusion in technology, she speaks at schools and colleges to motivate and grow a new generation of technologies from all backgrounds.

* LinkedIn: https://www.linkedin.com/in/sidgan/
* Twitter: https://twitter.com/SiddhaGanju
* Website: http://sidgan.me/siddhaganju

---

# 📢 Guido van Rossum - Q&A
Don't forget in Guido van Rossum - Q&A session, you’ll get a chance to get your questions answered by Guido van Rossum, our retired BDFL.

In order to submit a question, please use the following Google form: https://forms.gle/cAaBgUeVEBgjaDrH7

---

👉 EuroPython 2020 Online Keynote details: https://ep2020.europython.eu/events/keynotes/
Leased - rent your unused space
Tags: showdev, react, javascript, ios
Published: 2020-07-02 10:46:09

Introducing 🚀 Leased app! 

Now available on iOS and android!

Do you have retail space that you need or want to start subleasing? List it with Leased today to start monetizing that unused space you have!

Built with expo, react native, firebase utilizing many different functionalities of all libraries. 

Check it out at leasedapp.io OR download it now!
Android: https://play.google.com/store/apps/details?id=com.leased.bellis&hl=en_US

iOS: https://apps.apple.com/us/app/leased-unused-retail-space/id1520642244

Also, if you like the app please give it a good review! 

If you would like to talk more about the app leave a thread below or email us at info@jhobbie.com

Thanks all!
Devart SecureBridge Got Support for Latest Rad Studio 10.4 Sydney
Tags: delphi, ssh, ssl, security
Published: 2020-07-02 10:38:25

---
title: Devart SecureBridge Got Support for Latest Rad Studio 10.4 Sydney
published: true
description: Devart has recently introduced a long-awaited update of SecureBridge v9.3, its robust Delphi security components. The updated solution now supports the latest version of Rad Studio 10.4 Sydney.
tags: Delphi, SSH, SSL, Security

---
*Devart has recently introduced a long-awaited update of SecureBridge v9.3, its robust Delphi security components. The updated solution now supports the latest version of Rad Studio 10.4 Sydney.*

Devart, a recognized vendor of world-class data connectivity solutions for various data connection technologies and frameworks, released [SecureBridge v9.3](https://www.devart.com/sbridge/) with support for RAD Studio 10.4 Sydney. Other notable updates include the support for Lazarus 2.0.8 and the macOS 64-bit target platform in Lazarus.

The list of new and improved features inсludes:
- Support for the newest RAD Studio 10.4 Sydney;
- Support for the latest Lazarus version 2.0.8;
- Support for the Socks4 and Socks5 network protocols for routing traffic to a server through a firewall;
- A new class, TScPKCS12Processor, to support importing certificates and private keys from keystore files in the PKCS #12 format;
- Support for SSH dynamic port forwarding in TScSSHChannel;
Support for the Signed Certificate Timestamp (SCT) certificate extension.

**SecureBridge** offers components that can be used as clients and servers for SSH, SFTP, SSL, FTPS, HTTP/HTTPS, WebSocket, and SignalR protocols to protect data flow over an untrusted network. It is also compatible with data access components to prevent data interception and theft. To learn more about the current release, please visit https://blog.devart.com/securebridge-with-support-for-rad-studio-10-4.html

**About Devart**

Devart is one of the leading developers of database tools and administration software, ALM solutions, data providers for various database servers, data integration and backup solutions. The company also implements Web and Mobile development projects.

For additional information about Devart, visit https://www.devart.com/
Share your portfolio - I'll review it in a video
Tags: codenewbie, beginners, webdev
Published: 2020-07-02 10:13:26

When I started developing websites about ten years ago, one of the hardest things was to get someone else's opinion for my pages.

That's why I'm now trying to help others out by reviewing their portfolios. **Just post the link to your page and I'll review it during a live stream in YT**.

Some of the things I'll take a look at:
* site speed
* SEO
* design and UX
* content

//EDIT
## The reviews are visible in this Youtube playlist:
https://www.youtube.com/watch?v=mX_LrXEUecc&list=PL4gMAGIXQXfvRWZt2n1u_jLwSGd-Ogvi4

---

Oh and...! If you are interested in coding, growth mindset and are willing to share your experiences, ideas, then please do PM me on Twitter :)!

**DeveloperHabits**
📷 Youtube: [developerHabits](https://www.youtube.com/channel/UCJLZwePkNHps5Bv7VwISyTA)
👉 Twitter: [https://twitter.com/developerHabits](https://twitter.com/developerHabits)
👉 IG: [https://www.instagram.com/developerhabits](https://www.instagram.com/developerhabits)
Thiết kế nội thất phòng ngủ
Tags: thietkenoithat
Published: 2020-07-02 10:10:41

Thiết kế thi công nội thất phòng ngủ cũng được gia chủ chú trong không kém so với trang trí nội thất phòng khách. Phòng ngủ là nơi nghỉ ngơi, là không gian riêng tư của mỗi người nên cần được quan tâm, đầu tư hợp lý

Xem tại : https://noithatfuhome.com/thiet-ke-thi-cong-noi-that-phong-ngu/
Coming soon - Insights by xs:code
Published: 2020-07-02 10:02:53

We are very excited to announce a new upcoming product. 

Insights by xs:code gives developers intuitive analytics of open source repositories. It analyzes data from multiple sources to help you decide if a repository is a good fit for your project.
<br>
<a href="http://www.youtube.com/watch?feature=player_embedded&v=bA8_JyBERzc
" target="_blank"><img src="http://img.youtube.com/vi/bA8_JyBERzc/0.jpg" alt="Insights by xs:code video" width="340" height="280" border="10" /></a>
<br>
Stay tuned for it on Product Hunt: 
https://www.producthunt.com/upcoming/xs-code-insights
Looking for amazing front end articles
Tags: tutorial, article, frontend, webdesign
Published: 2020-07-02 09:54:23

---
title: Looking for amazing front end articles
published: true
description: Who's your favourite front end folk to follow on dev.to?
tags: tutorial, article, frontend, webdesign
//cover_image: https://direct_url_to_image.jpg
---

I'm starting my journey out on Dev.to and want to use it for a few tid bits that I find as I build sites. 

I'd also like to use it to source amazing articles about front-end web development to share with my audience on [Responsive Design Weekly Newsletter](https://responsivedesign.is/newsletter).

Who do you follow on here that you'd recommend?
Quant Project: My experience on becoming a Quant
Tags: career, quant, python, maths
Published: 2020-07-02 09:45:42

🆕 I want to share some insight from my experience in looking for a job and starting my career as a #quant after graduation, with no previous experience in the financial sector.

I hope this helps recent graduates and more generally anybody who is interested on joining the financial sector as a quantitative analyst.

Link: https://quantgirl.blog/quant-project/

This article covers:
✅ Types of Quants
✅ Skills: 🧮Maths and Statistics, 💻Programming, 🧰Other Tools, ⚾️ Soft Skills
✅ Interview Process: 📓Resume, 🎯 General Tips, ☎️Telephone Round, 👥 Face to Face Rounds
✅ Resources: 📚 Books, 🌐 Free Online Resources, 🖥Coding Practice, 👥 Recruiters
✅ FAQs
Tsurugi Linux - Device Unlocker Code Review
Tags: security, dfir, bash, linux
Published: 2020-07-02 09:43:26

In this video, we look at a very useful feature of Tsurugi Linux; the Drive Unlocker. We review how kernel-level write protection is enabled, and the quick and easy bash script that makes it happen.

In this video, we show how to use basic tools in Linux, discuss bash scripting (programming) topics, and cover related digital forensics topics.

Hopefully, this video shows investigators that even basic scripts are useful in investigations!

{% youtube k126FRWdRJI %}
How hospitals are using AI and applications to battle COVID-19?
Published: 2020-07-02 09:25:08

It is an unprecedented battle that we are fighting against the pandemic COVID-19. The world has never faced anything like this before. Therefore, our healthcare industry is trying to utilize the best technologies available to fight against coronavirus.

[Artificial Intelligence and mobile apps](https://www.techaheadcorp.com/blog/ai-mobile-apps-to-battle-covid19/) are being used for manual screening and contact tracing. These apps are especially helpful if you have similar symptoms. When a person reports about the symptoms that are like COVID-19 patients, the app identifies the location of the users’ and cross-check whether they have encountered a corona positive patient or not. These apps also have certain limitations, but they are still being very helpful for users. 

AI-driven technologies are also being used for providing decision support for medical imaging or CT scans, and automating medical operations. These technologies are aiding our healthcare professionals by improving their efficiency and reducing the operative & admin costs. AI technology & mHealth are also contributing to the prevention of COVID-19.