Pull to refresh
402.82

Website development *

Making the Web Better

Show first
Rating limit
Level of difficulty

How to cook RTSP on your website in 2020, or why the boars will not have a chance to run away

Reading time8 min
Views45K


RTSP is a simple signaling protocol which they cannot replace with anything for many years already, and it has to be admitted that they don't try really hard.


For example, we have an IP camera that supports RTSP. Anyone who has ever tested the traffic with a Sharkwire cable will tell you that first there comes DESCRIBE, then PLAY, and then the traffic begins to pour directly via RTP or wrapped in the TCP channel for instance.

Read more →
Total votes 4: ↑4 and ↓0+4
Comments1

Dynamic CDN for Low Latency WebRTC Streaming with Stream Access Control

Reading time4 min
Views1.3K


In the first part, we have deployed a simple dynamic CDN for broadcasting WebRTC streams to two continents and have proved on the example of a countdown timer that the latency in this type of CDN is actually low.


In the second part, we have incorporated dedicated servers into the CDN for performing the task of transcoding in order to provide good broadcast quality to our viewers based on the devices they use and the channel quality. In this manner, all published streams in our CDN are available to all the viewers.


Now, assume that a company is starting to introduce its monetization strategy where a number of streams should be available for free and the rest on a subscription basis. Or, for example, webinars for in-house staff training are broadcasted simultaneously, but each subsidiary has a separate stream, and disclosing the sales techniques used in Southeast Asia to the managers from CIS countries is undesirable.

Read more →
Total votes 1: ↑1 and ↓0+1
Comments0

Dynamic CDN for Low Latency WebRTC Streaming with Transcoding

Reading time5 min
Views1.6K


In the first part we have deployed a simple dynamic CDN for broadcasting WebRTC streams to two continents and have proved on the example of a countdown timer that the latency in this kind of CDN is actually low.


However, besides low latency, it is important to provide good broadcast quality to users. After all, this is what they are paying for. In real life the channels between Edge servers and users can differ in bandwidth capacity and quality. For example, we are publishing a 720p stream at 2 Mbps, the user is playing it on an Android phone using 3G connection in an unstable signal reception area and the 360p maximum resolution that provides smooth picture at 400 Mbps is 360p.

Read more →
Total votes 2: ↑1 and ↓10
Comments0

Dynamic CDN for Low Latency WebRTC Streaming

Reading time5 min
Views2.3K


Having analyzed earlier the capacity of standard server configurations in Digital Ocean in terms of WebRTC streaming, we have noticed that one server can cover up to 2000 viewers. In real life, cases when one server is insufficient are not uncommon.


Assume gambling amateurs in Germany are watching real-time horse races in Australia. Given that horse races are not only a sports game but also imply big gains on condition that field bets are made at the right time, the video has to be delivered with lowest possible latency.


Another example: A global corporation, one of FCMG market leaders with subsidiaries in Europe, Russia and Southeast Asia, is organizing sales manager training webinars with live streaming from the headquarters in the Mediterranean. The viewers must be able to see and hear the presenter in real time.

Read more →
Total votes 2: ↑1 and ↓10
Comments0

Cloud-based WebRTC streaming on DigitalOcean

Reading time5 min
Views4.4K


Popular cloud hosting DigitalOcean has recently launched its new marketplace selling preconfigured images that can help to quickly deploy an application server. It’s much like AWS, but DO is for those already using this provider’s services. Let’s see how to deploy a simple server for WebRTC streaming with a DO account for a $10/month fee based on Flashphoner WebCallServer and how such a server can be of use.

Read more →
Total votes 6: ↑5 and ↓1+4
Comments0

A Guide to Understand the Concept of Modern Web App Development

Reading time5 min
Views6.2K


Millions of businesses exchange information on the internet and to interact with their target audience. This helps them make fast and secure transactions over the web. However, business goals can be achieved when the businesses are able to store all this data for the means of presenting quality output to the end users.

Simply put, in the development industry a web application (or “web app”) is more like a program that uses a web browser to handle the storage and retrieval of the information to present information to the users. This allows a user to interact with the company using the online forms, e-shopping carts, CMS, etc. Some more examples of web applications are online banking, online polls, online forums, online reservations, shopping cart, and interactive games.

Learning about web development is kind of like having too many things on a plate. This guide serves as a way to get your acquainted with the world of web app development.
Read more →
Rating0
Comments1

Complexity Waterfall and Architecture on Demand

Reading time10 min
Views1.6K

Logo


When talking about "bad code" people almost certainly mean "complex code" among other popular problems. The thing about complexity is that it comes out of nowhere. One day you start your fairly simple project, the other day you find it in ruins. And no one knows how and when did it happen.


But, this ultimately happens for a reason! Code complexity enters your codebase in two possible ways: with big chunks and incremental additions. And people are bad at reviewing and finding both of them.

Read more →
Total votes 5: ↑5 and ↓0+5
Comments0

Scanning the code of Orchard CMS for Bugs

Reading time12 min
Views989

Picture 6

This article reviews the results of a second check of the Orchard project with the PVS-Studio static analyzer. Orchard is an open-source content manager system delivered as part of the ASP.NET Open Source Gallery under the non-profit Outercurve Foundation. Today's check is especially interesting because both the project and the analyzer have come a long way since the first check, and this time we'll be looking at new diagnostic messages and some nice bugs.
Read more →
Total votes 34: ↑33 and ↓1+32
Comments0

Don't forget about Open Graph

Reading time2 min
Views6K
Open Graph protocol is a web standard originally developed by Facebook that turns any webpage into a graph object with title, description, image and so on. Even though there is no direct correlation between OG meta tags and improved SEO rankings, it still drives more traffic to your webpage by making it more “attractive” in social networks (Facebook, Twitter, Linkedin, etc).

An example of a link shared in Twitter that has «og:image» and «og:title».

image

Adding OG (and not only) meta tags into your React app


Without further due let’s jump into newly created React app with create-react-app and OG meta tags to /public/index.html. It should look like something like this:

<!DOCTYPE html>
<html>
   <head>
      <meta charSet="utf-8"/>
      <meta http-equiv="x-ua-compatible" content="ie=edge"/>
      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
      <link rel="alternate" type="application/rss+xml" href="/rss.xml"/>
      <title>Awesome App</title>
      <meta property="og:title" content="Awesome app - the best app ever" />
      <meta property="og:type" content="website" />
      <meta property="og:image" content="https://picsum.photos/id/52/1200/600" />
      <meta property="og:description" content="Describe stuff here." />
      <meta property="og:url" content="yourawesomeapp.com" />
   </head>
   <body>
      <noscript>This app works best with JavaScript enabled.</noscript>
      <div id="root"></div>
   </body>
</html>

Read more →
Total votes 23: ↑21 and ↓2+19
Comments3

Vue.js Is Good, But Is It Better Than Angular or React?

Reading time3 min
Views6.1K
Vue.js is a JavaScript library for building web interfaces. Combining with some other tools It also becomes a “framework”. Now, from our last blog, you already know that Vue.js is one of the top JavaScript frameworks and it is replacing Angular and React in many cases. This brings in the topic of this blog ‘Vue.js is good, but is it better than Angular or React?


In case you’ve never heard or used Vue.js before, you are probably thinking: Come on! yet another JavaScript framework! We get it. However, Vue.js is not new in the custom software development domain. It was first released in 2013 and now it has 130549 stars on Github and downloaded a number of times this year.
Total votes 22: ↑19 and ↓3+16
Comments6

Python vs JavaScript: Which One Can Benefit You The Most?

Reading time10 min
Views23K


The web development arena is moving at a fast pace and has reached an advanced stage today. Python and Javascript making some significant contributions for almost three decades. Now, being a developer or a business if you are planning to pick one of these, then it’s going to be tough just because both are too good to avoid. Hence, this brings up the topic ‘Python vs JavaScript: Which One Can Benefit You The Most?’

These two languages are supported by various trending web frameworks and libraries which are the real game-changers. The introduction of these frameworks and libraries to the web ecosystem has brought new paradigms, traditional notions, and standards of software development.
Read more →
Total votes 12: ↑10 and ↓2+8
Comments3

Top Skills You Will Need to be a Front-End Developer

Reading time4 min
Views5.9K

With reference to Web Development, Front end development is mainly client-side development, which helps users to see and interact with the interface directly. This interface needs to be relevant to the context and in a layout that is easily perceivable by even the most naïve of the users. It should run uniformly on all platforms and devices. For anyone who is considering a career in Front-End Development, there is a specific set of skills to be mastered. Along with that, additional knowledge of the associated technologies that are used can be of great advantage.


The topmost skills for front end developers mainly depend on the scope of work that different organizations define for the role. However, these scope definitions vary a lot and hence need to be averaged out for defining a baseline. Let us start with the basic skill sets for now. These skills can be categorized into Technical and Non-Technical skills.


1. Technical Skills:


HTML/CSS/JavaScript: HTML or Hypertext Markup Language provides the main structure of a web page. It is more of a presentation language rather than a programming language. CSS or Cascading Style Sheets attributes to the styling and defines the look and formatting of the HTML page. CSS can be applied to any kind of XML document including SVG and XUL. It helps to create visually engaging web pages and user interfaces for mobile applications. JavaScript is a high- level, interpreted programming language which makes a webpage interactive. These are the 3 most essential requirements for anyone who is looking into a career as a Front-End Developer. More advanced the knowledge, the better. These provide the basic look and feel of the interface

Read more →
Total votes 5: ↑4 and ↓1+3
Comments1

Top 20 Marketplace Development Companies From All Over the World

Reading time6 min
Views4K
Considering ever-rising e-commerce sales, which hit $29 trillion last year, companies can no longer neglect online presence. Many of them have already changed the way they work and transformed from simple online stores to marketplaces bringing more sales and opportunities.

Those who’ve chosen the path of transformation or want to build a marketplace are probably seeking for experienced service providers to get some help.

Since there are hundreds of development companies all over the world, I decided to research the market and narrow down the circle of providers you might want to consider for partnership.

To compile this list the following factors were considered:

  • Overall number of customer reviews on such reputable platforms as Clutch, Upwork, GoodFirms, App Futura, Extract.co, IT Firms.
  • Overall score of those reviews.
  • Presence of Fortune 500 clients in the public domain.
  • Presence of industry awards in the public domain (e.g. Global Sourcing Award, Top B2B Global Leaders, Best of the Global Outsourcing 100).
  • Team size (bigger companies come first).
  • Year of fundation (mature companies have more trust).
  • Number of offices (more is better).
  • Number of brand mentions over the web (only companies with 1,500+ mentions are listed).

Read more
Total votes 4: ↑3 and ↓1+2
Comments8

Learn Bootstrap Fast With These 10 Helpful Tips

Reading time5 min
Views2.6K
If you want to start your career in web development then learning Bootstrap is the way to go. Bootstrap is basically a framework used for front-end development of web apps. Its front-end component library is widely used to create interactive and responsive web apps and websites that we are used to today.

If you don’t already know, you must be wondering what responsive websites are? In simple terms, the responsiveness of a website means that when the size of the screen on which the website is being seen changes, the layout of the website responds to that and change. This makes the websites look good no matter what screen size it is being viewed on.

How does Bootstrap work?


There are two ways you can use Bootstrap. You can either import the Bootstrap into your code or you can download a sample Bootstrap project and build your website on that.

Bootstrap uses a 12-column model for website display, which is called a Bootstrap grid. On this grid, you can define different breakpoints to layout different components like headings, paragraphs, and buttons to make your website look visually appealing. When the screen size scales down, the components on the grid change layout to fit the smaller screen. This means that viewing the same website looks great on a normal size screen of your laptop and a smaller screen of your smartphone.

Bootstrap has become one of the most popular front-end development frameworks today. If you are a beginner who wants to start learning Bootstrap then you are on the right blog. Because here are the top 10 tips to learn and master Bootstrap!
Read more →
Total votes 18: ↑16 and ↓2+14
Comments0

Vepp — ISPsystem’s new server and website control panel

Reading time9 min
Views1.1K


Vepp is our new panel for managing servers and websites. At first, we just wanted to transform the interface of ISPmanager 5 but at the designing phase, we figured that (changing) the interface is not enough. We have to change the approach to modern user’s needs and tasks. As a matter of fact, it meant that we had to create a whole new product.


In the article, we’ll explain why we couldn’t make do with only cosmetic changes to ISPmanager 5 and show the result of the global overhaul.

Read more →
Total votes 6: ↑6 and ↓0+6
Comments0

What should a fitness app have?

Reading time2 min
Views639
Creating a fitness app would be an excellent choice for people who are exceptionally expert in the field. In this article, we are going to describe some of the essential features you should have a look upon while creating a fitness app. And there are many fitness apps available across the Google Play Store & App Store. Each application has its features based on the pricing. However, what if there aren't such features in an application, which you are in search of? Though, I will be discussing some of the crucial features to have in a fitness application and some others which will make your application stand unique when it comes to overviewing number of features.

image

Essential features of a fitness app



Personalized Diet plans


The fitness coaching application is more like a personal trainer. Customized diet plans are the most essential feature you should include in your application.
The personalized diet plans can be managed based on the body requirements. It will also provide an option to select the ingredients based on the recipe they want to eat.

Read more →
Total votes 9: ↑6 and ↓3+3
Comments0

Typechecking Django and DRF

Reading time5 min
Views8.7K

As you have already know I love optional static typing. The thing is that sometimes it is not optional, but impossible. Because we have plenty of big untyped projects in Python's ecosystem.


Django and Django-Rest-Framework were two of them. Were. Because now they can be typed! Let me introduce TypedDjango organisation and stubs for django and drf.


This is going to be a concise tutorial and getting started guide.

Read more →
Total votes 2: ↑2 and ↓0+2
Comments0

Authors' contribution