Animate Calligraphy with SVG in CSS 🦋

From time to time at Stackoverflow, the question pops up whether there is an equivalent to the stroke-dashoffset technique for animating the SVG stroke that works for the fill attribute. 🤔

But upon closer inspection, what the questions are really trying to ask is something like this :

How do you animate calligraphy ⁉️

This article answers this question. ✨


https://t.me/pgimg/143

[ Article ] : https://kutt.it/g0QuEh

〰〰〰〰〰〰
#HTML #CSS #FrontEnd
@ProgrammingTip

Have Continuous Integration with Jenkins in 30 mins ⚡️

If you are building and deploying code within Visual Studio and find its hard to scale up a team of developers, few things can alleviate your pain better than a Continuous Integration (CI) System. 🤷🏻‍♂️

Never heard of continuous integration or you don’t know if it’s right for you❓

This article will help you to get started. 💎


https://t.me/pgimg/144

[ Article ] : kutt.it/jenkins

〰〰〰〰〰〰
#CI #Jenkins #DotNet
@ProgrammingTip

Card Surge 🌈

Designing cards takes tweaking subtle details, and an easier to use playground makes finding the right styles faster. 🏃🏻

Card Surge is a playground for designing cards in a web interface. ✨

Designing cards that look 🔥 takes careful tweaking and attention to detail, and Card Surge makes it easy. 🙅🏻‍♂️

Take existing styles from well designed sites and use them as a starting point, or begin playing with your own. Copy the code out into your own project once your done. 💎


https://t.me/pgimg/145

[ Website ] : card.surge.sh

〰〰〰〰〰〰
#CSS #UI #Cards
@ProgrammingTip

How to Stop Using Callbacks and Start Living ⚛️

Javascript has two major ways of dealing with asynchronous tasks - callbacks and Promises. 🤝

In general Promises are considered easier to use and to maintain than callbacks. ✅

But in reality even Promises alone won’t make you happy. 🤬

Asynchronous code may still be quite difficult to read and to understand. 🤯

Therefore third-party libraries, e.g. co, provided means to write a synchronous-like asynchronous code. 🗃

I personally prefer everything in the world to be as clear and beautiful as redux-saga. ✨

But not everybody is lucky to work with React and Redux to be able to use sagas. ⛔️

This article will show that in modern Javascript it is not difficult to write a well structured and easy to understand asynchronous code without using any third-party libraries.💎


https://t.me/pgimg/146

[ Article ] : kutt.it/call

〰〰〰〰〰〰
#JavaScript #CleanCode
@ProgrammingTip

How to use SVG as a Placeholder, and Other Image Loading Techniques 🌈

I’m passionate about image performance optimization and making images load fast on the web.⚡️

One of the most interesting areas of exploration is placeholders : what to show when the image hasn’t loaded yet. 🤷🏻‍♂️

During the last days I have come across some loading techniques that use SVG, and I would like to describe them in this post. 🔥


In this post we will go through these topics :

• Overview of different types of placeholders 🗂

• SVG-based placeholders (edges, shapes and silhouettes) 👤

• Automating the process. ♻️


https://t.me/pgimg/147

[ Article ] : kutt.it/placeux

From : @Dexign

〰〰〰〰〰〰
#UX #Design
@ProgrammingTip

What's This and Can I Delete It❓ Examining a Default ASP.NET Core MVC Project 💥

I have a very simple two-step process I use whenever I create or join a new project.☝🏻

I examine each folder and file, and ask "what's this, and can I delete it❓"

After all, deleting things (or demolishing them, as may be appropriate) is so, so satisfying. 😃

I would be much happier deleting all code that ever existed. 🗂

To that end, we're going to examine a default ASP.NET Core project, created with ASP.NET Core 2.1 and Visual Studio 2017, to see what we absolutely have to keep and what can be thrown away. 💎

Let's get deleting❗️


https://t.me/pgimg/148

[ Article ] : kutt.it/NCtImP

〰〰〰〰〰〰
#AspMvc #Core
@ProgrammingTip

How does RSA work❓

RSA is an asymmetric system , which means that a key pair will be generated, a public key and a private key, obviously you keep your private key secure and pass around the public one. 🌍

The algorithm was published in the 70’s by Ron Rivest, Adi Shamir, and Leonard Adleman, hence RSA , and it sort of implement’s a trapdoor function such as Diffie’s one. 🛅

RSA is rather slow so it’s hardly used to encrypt data , more frequently it is used to encrypt and pass around symmetric keys which can actually deal with encryption at a faster speed. 🏃🏻

https://t.me/pgimg/149


How does it work❓

This videos simply shows that how does it work 🌀 :

[ Part 1 ] : kutt.it/rsa1
[ Part 2 ] : kutt.it/rsa2

〰〰〰〰〰〰
#Cryptography #RSA
@ProgrammingTip

Common Webpage Design Mistakes ⚠️

Simple layout and design tips to help you create a stunning webpage. 🦋

This article shows 30 common design mistakes and their solution with images included. 🌈


https://t.me/pgimg/150

[ Article ] : kutt.it/mstk

〰〰〰〰〰〰
#UI #Design #CSS
@ProgrammingTip

BetweenJS ⚡️

Lightweight JavaScript (ES6) tweening library. ↔️


Purpose💡:

Make tweening usage convenient and powerful. 🔥

• Modern : Written in ES6 🥇
• Lightweight : 8.3 KB 👌🏻
• Performant : Optimized 💨


https://t.me/pgimg/151

[ Website ] : kutt.it/4ruR0X
[ Github ] : kutt.it/Wl425b

〰〰〰〰〰〰
#JavaScript #Library
@ProgrammingTip

Crunchy Calendar 📆

A beautiful material calendar with endless scroll, range selection and a lot more❗️

It's a powerful and easy to use Calendar Widget with a number out of the box features :

• Infinite vertical scrolling in both directions ↕️

• Setting date boundaries to restrict scrolling inside of a specific time period ⏱

• Single / multiple / range dates selection 🗂

• Pre-selecting dates 📅

• Color customization 🌈



https://t.me/pgimg/152

[ Github ] : kutt.it/crnch

〰〰〰〰〰〰
#Android #Calendar #Kotlin
@ProgrammingTip

Sieve 🗂

Clean & extensible Sorting, Filtering, and pagination for ASP.NET Core. ⚗️

Sieve is a simple, clean, and extensible framework for .NET Core that adds sorting, filtering, and pagination functionality out of the box. 💎

Most common use case would be for serving ASP.NET Core GET queries. ✅

Sample Request ⚡️ :

GET /GetPosts

?sorts= LikeCount,-created
&filters= LikeCount>10, Title@=awesome title,
&page= 1
&pageSize= 10


Try this package, It's super powerful and easy to use. 🔥


https://t.me/pgimg/153

[ Github ] : github.com/Biarity/Sieve
[ Nuget ] : nuget.org/packages/Sieve

〰〰〰〰〰〰
#AspMvc #Core
@ProgrammingTip

Polly.JS 🐦

Record, Replay, and Stub HTTP Interactions 💡

Polly.JS is a standalone, framework-agnostic JavaScript library that enables recording, replaying, and stubbing HTTP interactions. 🗂

Polly taps into native browser APIs to mock requests and responses with little to no configuration while giving you the ability to take full control of each request with a simple, powerful, and intuitive API. ✨


Features :
• Fetch & XHR Support 🚀
• Simple, Powerful, & Intuitive API ⚡️
• First Class Mocha & QUnit Test Helpers 💎
• Intercept, Pass-Through, and Attach Events 👌
• Record to Disk or Local Storage 📼
• Slow Down or Speed Up Time 🔥

https://t.me/pgimg/154

[ Github ] : github.com/Netflix/pollyjs

〰〰〰〰〰〰
#JavaScript #Library
@ProgrammingTip

Angular Console 🅰️

The Power of the Angular CLI. ⚡️
The Convenience of an App. 💎

Spend less time looking up command line arguments, and more time shipping incredible products. ✨

The Angular CLI is immensely powerful and extensible. 🌀

In fact, there are so many capabilities that it can often be hard to remember all of the different configuration options for every available command, or remember that certain features even exist. 🌍

Angular Console is, first and foremost, a more approachable way to work with what the Angular CLI already provides. 🔥

Availabe for: Mac, Windows ✅


https://t.me/pgimg/155

[ Download ] : kutt.it/ngcli

〰〰〰〰〰〰
#JavaScript #Angular #CLI
@ProgrammingTip

Exploring .NET Core with Microservices, ASP.NET Core, and Entity Framework Core is a collection of five hand-picked chapters introducing you to the art of applying modern development practices and patterns to your .NET Core projects. 🌈

In it, you'll get a quick overview of what ASP.NET Core and Entity Framework Core offer, along with an introduction to microservices and web applications using .NET Core tooling. ✨

You'll also get some tips on working with legacy code in this new environment. 🤷🏻‍♂️

In short, this free eBook will get your feet wet and show you real-world examples that illustrate what's possible. 🌀


https://t.me/pgimg/156

〰〰〰〰〰〰
#AspMvc #Core #Microservice #Book
@ProgrammingTip

Exploring .NET Core with Microservices 📕

Author 🖊 : Dustin Metzgar

Publisher : Manning ✨

〰〰〰〰〰〰
#Book #AspMvc #Core #Microservice
@ProgrammingTip

How JavaScript works: an overview of the engine, the runtime, and the call stack 🐞

As JavaScript is getting more and more popular, teams are leveraging its support on many levels in their stack - front-end, back-end, hybrid apps, embedded devices and much more. 💎

This post is meant to be the first in a series aimed at digging deeper into JavaScript and how it actually works: we thought that by knowing the building blocks of JavaScript and how they come to play together you’ll be able to write better code and apps. ✅

As it turns out, there are a lot of developers that are using JavaScript on a daily basis but don’t have the knowledge of what happens under the hood. 🌀


https://t.me/pgimg/157

[ Article ] : kutt.it/js-md1

〰〰〰〰〰〰
#JavaScript
@ProgrammingTip

Awesome .NET Core 🔥

A collection of awesome .NET core libraries, tools, frameworks and software. 💎


https://t.me/pgimg/159

[ Github ] : kutt.it/awscore

〰〰〰〰〰〰
#DotNet #Core #AspMvc
@ProgrammingTip

How JavaScript works: inside the V8 engine + 5 tips on how to write optimized code ⚡️

A JavaScript engine is a program or an interpreter which executes JavaScript code. 🌀

A JavaScript engine can be implemented as a standard interpreter, or just-in-time compiler that compiles JavaScript to bytecode in some form. ✅


Why was the V8 Engine created❓

The V8 Engine which is built by Google is open source and written in C++. ✨

This engine is used inside Google Chrome. Unlike the rest of the engines, however, V8 is also used for the popular Node.js runtime.💎

V8 was first designed to increase the performance of JavaScript execution inside web browsers. 💨

In order to obtain speed, V8 translates JavaScript code into more efficient machine code instead of using an interpreter.💥

It compiles JavaScript code into machine code at execution by implementing a JIT (Just-In-Time) compiler like a lot of modern JavaScript engines do such as SpiderMonkey or Rhino (Mozilla). 🦊

The main difference here is that V8 doesn’t produce bytecode or any intermediate code. ❌


https://t.me/pgimg/160

[ Article ] : kutt.it/js-md2

〰〰〰〰〰〰
#JavaScript #Internals #V8
@ProgrammingTip

BDDfy ✨

BDDfy is the simplest BDD framework to use, customize and extend❗️

A few quick facts about BDDfy :

• It can run with any testing framework. Actually you don't have to use a testing framework at all. You can just apply it on your POCO (test) classes. ✅

• It does not need a separate test runner. You can use your runner of choice. For example, you can write your BDDfy tests using NUnit and run them using NUnit console or GUI runner, Resharper or TD.Net and regardless of the runner, you will get the same result. 🔥

• It can run standalone scenarios. In other words, although BDDfy supports stories, you do not necessarily have to have or make up a story to use it. This is useful for developers who work in non-Agile environments but would like to get some decent testing experience. 💎

• You can use underscored or pascal or camel cased method names for your steps. 🌈

• You do not have to explain your scenarios or stories or steps in string, but you can if you need full control over what gets printed into console and HTML reports. 📊

• BDDfy is very extensible: the core barely has any logic in it and delegates all its responsibilities to the extensions all of which are configurable; e.g. if you don't like the reports it generates, you can write your custom reporter in a few lines of code. ⚡️


https://t.me/pgimg/161

[ Github ] : kutt.it/bddfy

〰〰〰〰〰〰
#BDD #Testing #DotNet #CSharp
@ProgrammingTip

Getters/Setters. Evil. Period. 👺

There is an old debate, started in 2003 by Allen Holub in this Why getter and setter methods are evil famous article, about whether getters/setters is an anti-pattern and should be avoided or if it is something we inevitably need in object-oriented programming. 🕸

The gist of the following text is this ✨ : getters and setters is a terrible practice and those who use it can't be excused. ❌

Again, to avoid any misunderstanding, I'm not saying that get/set should be avoided when possible. No. I'm saying that you should never have them near your code. 🚫


https://t.me/pgimg/163


[ Article ] : kutt.it/gset

〰〰〰〰〰〰
#BestPractices
@ProgrammingTip