Enjoy CSS 🍻
Online CSS3 Code Generator With a Simple Graphical Interface. 🤠
[ Website ] : http://enjoycss.com
〰〰〰〰〰〰
#FrontEnd #Css
@ProgrammingTip
Online CSS3 Code Generator With a Simple Graphical Interface. 🤠
[ Website ] : http://enjoycss.com
〰〰〰〰〰〰
#FrontEnd #Css
@ProgrammingTip
Hollywood Principle ✨
Relevant when you are writing a class/component that must fit into the constraints of an existing framework.
You implement the interfaces, you get registered. 👤
You get called when the time is right. 📞
🔹🔸🔹🔸
By way of an example, a typical ASP.NET Web Form might have in its codebehind page event handlers to respond to Page_Load and Button_Click events. ⚡️
An ASP.NET developer writes code to respond to these external framework events, instead of owning the execution of the web server and making all decisions and method calls accordingly. ✅
[ Article ] : http://bit.do/holprin
https://t.me/pgimg/39
〰〰〰〰〰〰
#Principle
@ProgrammingTip
"Don't call us, we'll call you" ☎️
Relevant when you are writing a class/component that must fit into the constraints of an existing framework.
You implement the interfaces, you get registered. 👤
You get called when the time is right. 📞
🔹🔸🔹🔸
By way of an example, a typical ASP.NET Web Form might have in its codebehind page event handlers to respond to Page_Load and Button_Click events. ⚡️
An ASP.NET developer writes code to respond to these external framework events, instead of owning the execution of the web server and making all decisions and method calls accordingly. ✅
[ Article ] : http://bit.do/holprin
https://t.me/pgimg/39
〰〰〰〰〰〰
#Principle
@ProgrammingTip
Telegram
Programming Tips Resources
Jade-Lang 🐰
Jade is a high performance template engine heavily influenced by Haml and implemented with JavaScript for node and browsers. 💎
Syntax :
Becomes :
Options ✨ :
🔸 Compile Debug - If set to true, the function source will be included in the compiled template for better error messages.
🔹 Add pretty-indentation whitespace to output
https://t.me/pgimg/40
[ Website ] : http://jade-lang.com
[ Npm Package ] : https://www.npmjs.com/package/jade
〰〰〰〰〰〰
#Node #JavaScript #Jade
@ProgrammingTip
Jade is a high performance template engine heavily influenced by Haml and implemented with JavaScript for node and browsers. 💎
Syntax :
doctype html
html(lang="en")
head
title= pageTitle
script(type='text/javascript').
if (foo) bar(1 + 5)
body
h1 Jade - node template engine
#container.col
if youAreUsingJade
p You are amazing
else
p Get on it!
Becomes :
<!DOCTYPE html>
<html lang="en">
<head>
<title>Jade</title>
<script type="text/javascript">
if (foo) bar(1 + 5)
</script>
</head>
<body>
<h1>Jade - node template engine</h1>
<div id="container" class="col">
<p>You are amazing</p>
</div>
</body>
</html>
Options ✨ :
🔸 Compile Debug - If set to true, the function source will be included in the compiled template for better error messages.
🔹 Add pretty-indentation whitespace to output
https://t.me/pgimg/40
[ Website ] : http://jade-lang.com
[ Npm Package ] : https://www.npmjs.com/package/jade
〰〰〰〰〰〰
#Node #JavaScript #Jade
@ProgrammingTip
Telegram
Programming Tips Resources
Open Graph Protocol 🌐
The Open Graph protocol enables any web page to become a rich object in a social graph. 💎
For instance, this is used on Facebook to allow any web page to have the same functionality as any other object on Facebook.
Also, Telegram uses this protocol to preview web pages like a rich object in messages and you can update your links preview using : @WebPageBot ✅
To turn your web pages into graph objects, you need to add basic metadata to your page ✍🏻 :
🔹🔸🔹🔸
As an example, the following is the Open Graph protocol markup for The Rock on IMDB 🎥 :
https://t.me/pgimg/41
[ Website ] : http://ogp.me/
〰〰〰〰〰〰
#OpenGraph #Protocol
@ProgrammingTip
The Open Graph protocol enables any web page to become a rich object in a social graph. 💎
For instance, this is used on Facebook to allow any web page to have the same functionality as any other object on Facebook.
Also, Telegram uses this protocol to preview web pages like a rich object in messages and you can update your links preview using : @WebPageBot ✅
To turn your web pages into graph objects, you need to add basic metadata to your page ✍🏻 :
og:title
og:type
og:image
og:url
🔹🔸🔹🔸
As an example, the following is the Open Graph protocol markup for The Rock on IMDB 🎥 :
<head>
<title>The Rock (1996)</title>
<meta property="og:title" content="The Rock" />
<meta property="og:type" content="video.movie" />
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/" />
<meta property="og:image" content="http://ia.media-imdb.com/images/rock.jpg" />
</head>
https://t.me/pgimg/41
[ Website ] : http://ogp.me/
〰〰〰〰〰〰
#OpenGraph #Protocol
@ProgrammingTip
Telegram
Programming Tips Resources
Free SSL Certificates On IIS With LetsEncrypt ⛔️
LetsEncrypt is operated by the Internet Security Research Group (ISRG), and is a Linux Foundation Collaborative Project, which is also responsible for the Linux operating system and Nodejs among other projects. 🛃
LetsEncrypt is supported by a range of organisations including Mozilla, Chrome, Akamai and Facebook. 🤙🏻
The certificates that LetsEncrypt issues are recognised by all major browsers, which results in the familiar padlock symbol being displayed on properly secured sites. 🔐
This tutorial shows how to use LetsEncrypt with IIS. 🌐
https://t.me/pgimg/42
[ Tutorial ] : http://bit.do/lenc
〰〰〰〰〰〰
#LetsEncrypt #SSL
@ProgrammingTip
LetsEncrypt is operated by the Internet Security Research Group (ISRG), and is a Linux Foundation Collaborative Project, which is also responsible for the Linux operating system and Nodejs among other projects. 🛃
LetsEncrypt is supported by a range of organisations including Mozilla, Chrome, Akamai and Facebook. 🤙🏻
The certificates that LetsEncrypt issues are recognised by all major browsers, which results in the familiar padlock symbol being displayed on properly secured sites. 🔐
This tutorial shows how to use LetsEncrypt with IIS. 🌐
https://t.me/pgimg/42
[ Tutorial ] : http://bit.do/lenc
〰〰〰〰〰〰
#LetsEncrypt #SSL
@ProgrammingTip
Telegram
Programming Tips Resources
Visual Studio Shortcut Keys 💨
Here is a handy reference that can make your .NET lifestyle a bit easier and more productive. 🔥😎
[ Website ] : http://bit.do/vsht
〰〰〰〰〰〰
#VS #Shortcut
@ProgrammingTip
Here is a handy reference that can make your .NET lifestyle a bit easier and more productive. 🔥😎
[ Website ] : http://bit.do/vsht
〰〰〰〰〰〰
#VS #Shortcut
@ProgrammingTip
UnCSS ✨
UnCSS is a tool that removes unused CSS from your stylesheets. ✅
It works across multiple files and supports Javascript-injected CSS. 🗂
How❓🤔
1️⃣ The HTML files are loaded by jsdom and JavaScript is executed.
2️⃣ All the stylesheets are parsed by PostCSS.
3️⃣ document.querySelector filters out selectors that are not found in the HTML files.
4️⃣ The remaining rules are converted back to CSS.
https://t.me/pgimg/43
[ Website ] : https://uncss-online.com/
[ Github ] : https://github.com/giakki/uncss
〰〰〰〰〰〰
#FrontEnd #Css #Tools
@ProgrammingTip
UnCSS is a tool that removes unused CSS from your stylesheets. ✅
It works across multiple files and supports Javascript-injected CSS. 🗂
How❓🤔
1️⃣ The HTML files are loaded by jsdom and JavaScript is executed.
2️⃣ All the stylesheets are parsed by PostCSS.
3️⃣ document.querySelector filters out selectors that are not found in the HTML files.
4️⃣ The remaining rules are converted back to CSS.
https://t.me/pgimg/43
[ Website ] : https://uncss-online.com/
[ Github ] : https://github.com/giakki/uncss
〰〰〰〰〰〰
#FrontEnd #Css #Tools
@ProgrammingTip
Telegram
Programming Tips Resources
SnippetsLab 🔬
SnippetsLab makes it simple to manage all of your valuable code snippets in one place with nested folders, tags, and Smart Groups support. 🗂
You can sort your snippets by date, title, and more. 📅
Features 💎 :
• Notes and Fragment
• Syntax Highlighting
• Gist Integration
• Sync & Backup
Available for MacOS 💻
https://t.me/pgimg/44
[ Website ] : https://www.renfei.org/snippets-lab
[ AppStore ] : http://bit.do/snplab
〰〰〰〰〰〰
#Tools #MacOS #Snippets
@ProgrammingTip
SnippetsLab makes it simple to manage all of your valuable code snippets in one place with nested folders, tags, and Smart Groups support. 🗂
You can sort your snippets by date, title, and more. 📅
Features 💎 :
• Notes and Fragment
• Syntax Highlighting
• Gist Integration
• Sync & Backup
Available for MacOS 💻
https://t.me/pgimg/44
[ Website ] : https://www.renfei.org/snippets-lab
[ AppStore ] : http://bit.do/snplab
〰〰〰〰〰〰
#Tools #MacOS #Snippets
@ProgrammingTip
Telegram
Programming Tips Resources
Server.MapPath Equivalent in ASP.NET Core 💁🏻♂️
Web Developers who use Microsoft technologies have always relied on the Server.MapPath method to resolve file paths.
In classic ASP and ASP.NET Web Forms and MVC versions up to and including 5. 🕒
This method has not been included in ASP.NET Core, so what do you use instead❓
[ Webiste ] : http://bit.do/svpath
https://t.me/pgimg/45
〰〰〰〰〰〰
#AspMvc #Core #IO
@ProgrammingTip
Web Developers who use Microsoft technologies have always relied on the Server.MapPath method to resolve file paths.
In classic ASP and ASP.NET Web Forms and MVC versions up to and including 5. 🕒
This method has not been included in ASP.NET Core, so what do you use instead❓
[ Webiste ] : http://bit.do/svpath
https://t.me/pgimg/45
〰〰〰〰〰〰
#AspMvc #Core #IO
@ProgrammingTip
Telegram
Programming Tips Resources
Proto.io - Prototypes that feel real 💎
Create fully-interactive high-fidelity prototypes that look and work exactly like your app should. No coding required. 👌
#FrontEnd
@ProgrammingTip
Create fully-interactive high-fidelity prototypes that look and work exactly like your app should. No coding required. 👌
#FrontEnd
@ProgrammingTip
From STUPID to SOLID Code ✅
In the following, We will introduce both STUPID and SOLID principles. ✨
Keep in mind that these are principles, not laws. ❌
However, considering them as laws would be good for those who want to improve themselves. 💎
[ Article ] : http://bit.do/soltup
https://t.me/pgimg/46
〰〰〰〰〰〰
#SOLID #Principle
@ProgrammingTip
In the following, We will introduce both STUPID and SOLID principles. ✨
Keep in mind that these are principles, not laws. ❌
However, considering them as laws would be good for those who want to improve themselves. 💎
[ Article ] : http://bit.do/soltup
https://t.me/pgimg/46
〰〰〰〰〰〰
#SOLID #Principle
@ProgrammingTip
Telegram
Programming Tips Resources
ASafaWeb 🐞
The purpose of ASafaWeb is to make scanning for common configuration vulnerabilities in live ASP.NET websites dead easy. ☠️
To that effect, you don't need anything more than a URL to get started and ASafaWeb will head off and report on anything it can find which is remotely detectable. 🛂
https://t.me/pgimg/47
[ Website ] : https://asafaweb.com/
〰〰〰〰〰〰
#AspMvc #Security
@ProgrammingTip
The purpose of ASafaWeb is to make scanning for common configuration vulnerabilities in live ASP.NET websites dead easy. ☠️
To that effect, you don't need anything more than a URL to get started and ASafaWeb will head off and report on anything it can find which is remotely detectable. 🛂
https://t.me/pgimg/47
[ Website ] : https://asafaweb.com/
〰〰〰〰〰〰
#AspMvc #Security
@ProgrammingTip
Telegram
Programming Tips Resources
Builderx ✨
A design tool which writes React Native code for you. 📐
Features 💎:
• Design & code seamlessly
• Copy from BuilderX and paste in your Editor
• Create re-usable components
• Live reload
https://t.me/pgimg/48
[ Website ] : builderx.io
〰〰〰〰〰〰
#Tools #React #IDE
@ProgrammingTip
A design tool which writes React Native code for you. 📐
Features 💎:
• Design & code seamlessly
• Copy from BuilderX and paste in your Editor
• Create re-usable components
• Live reload
https://t.me/pgimg/48
[ Website ] : builderx.io
〰〰〰〰〰〰
#Tools #React #IDE
@ProgrammingTip
Telegram
Programming Tips Resources
Human Resource Machine 🤖
Human Resource Machine is a visual programming-based puzzle video game developed by Tomorrow Corporation. 👾
Your office is a simple computer. 🖥
You have an inbox and an outbox, and a few slots on the floor to store stuff for later (memory). 🗂
Your little office worker can hold exactly one box in his or her hands at a time (like an accumulator). 👐🏻
Boxes (data) display letters or numbers. 🗃
In each level, your boss gives you a task, like :
Automate it by programming your little office worker with simple drag n' drop commands. 😄
https://t.me/pgimg/49
[ Windows ] : https://t.me/pgimg/50
[ Android ] : https://t.me/pgimg/51
[ IOS ] : http://bit.do/hrmi
〰〰〰〰〰〰
#Fun #Game
@ProgrammingTip
Human Resource Machine is a visual programming-based puzzle video game developed by Tomorrow Corporation. 👾
Your office is a simple computer. 🖥
You have an inbox and an outbox, and a few slots on the floor to store stuff for later (memory). 🗂
Your little office worker can hold exactly one box in his or her hands at a time (like an accumulator). 👐🏻
Boxes (data) display letters or numbers. 🗃
In each level, your boss gives you a task, like :
"Take everything from the INBOX, and put it in the OUTBOX!"
Automate it by programming your little office worker with simple drag n' drop commands. 😄
https://t.me/pgimg/49
[ Windows ] : https://t.me/pgimg/50
[ Android ] : https://t.me/pgimg/51
[ IOS ] : http://bit.do/hrmi
〰〰〰〰〰〰
#Fun #Game
@ProgrammingTip
Telegram
Programming Tips Resources
Angular 5 Now Available 🅰️
This is a major release containing new features and bugfixes.
This release continues our focus on making Angular smaller, faster, and easier to use.
🔹🔸🔹🔸
Biggest Changes 💎 :
• Build Optimizer
• Angular Universal State Transfer API and DOM Support
• Compiler Improvements
• Internationalized Number, Date, and Currency Pipes
• Zone speed improvements
• exportAs
• HttpClient
• CLI v1.5
• Angular Forms adds updateOn Blur / Submit
• RxJS 5.5
• New Router Lifecycle Events
🔹🔸🔹🔸
https://t.me/pgimg/52
[ Update Guide ] : http://bit.do/guid5
[ Article ] : http://bit.do/ang5
〰〰〰〰〰〰
#Angular
@ProgrammingTip
This is a major release containing new features and bugfixes.
This release continues our focus on making Angular smaller, faster, and easier to use.
🔹🔸🔹🔸
Biggest Changes 💎 :
• Build Optimizer
• Angular Universal State Transfer API and DOM Support
• Compiler Improvements
• Internationalized Number, Date, and Currency Pipes
• Zone speed improvements
• exportAs
• HttpClient
• CLI v1.5
• Angular Forms adds updateOn Blur / Submit
• RxJS 5.5
• New Router Lifecycle Events
🔹🔸🔹🔸
https://t.me/pgimg/52
[ Update Guide ] : http://bit.do/guid5
[ Article ] : http://bit.do/ang5
〰〰〰〰〰〰
#Angular
@ProgrammingTip
Telegram
Programming Tips Resources
All Keys Generator 🔑
The all-in-one ultimate online toolbox that generates all kind of keys ❗️
Keys that it produces ✨ :
• GUID
• Uppercase
• Braces {}
• Brackets []
• Hypens -
• MachineKey
• ASP.NET 1.1
• ASP.NET 2.0
• ASP.NET 4.0
• ASP.NET 4.5
• WPA Key
• 64-bit
• 160-bit
• 504-bit
• WEP Key
• 64-bit
• 128-bit
• 256-bit
• Encryption Key
• 64-bit
• 128-bit
• 256-bit
• 512-bit
• 1024-bit
• 2048-bit
• 4096-bit
• Password
• Lower letters
• Upper letters
• Numbers
• Special Characters
• Length
Every coder needs All Keys Generator in its favorites ! 💙
[ Website ] : allkeysgenerator.com
https://t.me/pgimg/53
〰〰〰〰〰〰
#Encryption #Generator
@ProgrammingTip
The all-in-one ultimate online toolbox that generates all kind of keys ❗️
Keys that it produces ✨ :
• GUID
• Uppercase
• Braces {}
• Brackets []
• Hypens -
• MachineKey
• ASP.NET 1.1
• ASP.NET 2.0
• ASP.NET 4.0
• ASP.NET 4.5
• WPA Key
• 64-bit
• 160-bit
• 504-bit
• WEP Key
• 64-bit
• 128-bit
• 256-bit
• Encryption Key
• 64-bit
• 128-bit
• 256-bit
• 512-bit
• 1024-bit
• 2048-bit
• 4096-bit
• Password
• Lower letters
• Upper letters
• Numbers
• Special Characters
• Length
Every coder needs All Keys Generator in its favorites ! 💙
[ Website ] : allkeysgenerator.com
https://t.me/pgimg/53
〰〰〰〰〰〰
#Encryption #Generator
@ProgrammingTip
Telegram
Programming Tips Resources
AutoMapper 6.2.0 Released ✨
A couple of big features in this release include inline maps, where AutoMapper no longer requires you to call CreateMap for new maps.
To configure an inline map, use the mapping options 🤙🏻 :
You can use local functions to make the configuration a little easier to read 🤓 :
https://t.me/pgimg/54
[ Release Notes ] : http://bit.do/atmp
〰〰〰〰〰〰
#AutoMapper #CSharp
@ProgrammingTip
A couple of big features in this release include inline maps, where AutoMapper no longer requires you to call CreateMap for new maps.
To configure an inline map, use the mapping options 🤙🏻 :
var source = new Source();
var dest = Mapper.Map<Source, Dest>(source, opt => opt.ConfigureMap().ForMember(dest => dest.Value, m => m.MapFrom(src => src.Value + 10)));
You can use local functions to make the configuration a little easier to read 🤓 :
var source = new Source();
void ConfigureMap(IMappingOperationOptions<Source, Dest> opt) {
opt.ConfigureMap()
.ForMember(dest => dest.Value, m => m.MapFrom(src => src.Value + 10))
};
var dest = Mapper.Map<Source, Dest>(source, ConfigureMap);
https://t.me/pgimg/54
[ Release Notes ] : http://bit.do/atmp
〰〰〰〰〰〰
#AutoMapper #CSharp
@ProgrammingTip
Telegram
Programming Tips Resources