LESS but it is more–CSS Preprocessor with ASP.NET

 

Now a days a “ CSS  pre processor “ is a very famous buzz word.  Although I am a web developer but still I am not always interested in writing CSS  don’t know why.

When I heard about css pre processor then I was curious to know what it exact about.

So let me share my thought here about CSS Preprocessor.

So a  CSS pre processor is a way to extend the CSS language and variables, functions and programming  stuff.

As a developer you will be more happy to have pre processor because it allows you to write code and also reduce the amount of css up to some extent.

There are many CSS  pre processor are exists in the market  like LESS, SASS,

Stylus,clay and many more.

Now Let me share here how to use LESS.css in your ASP.NET code.

Step 1:-  Add  Nuget package Less.js

once you added this package in your script folder you will get 2 new java script file with prefix less as shown below in figure

Step 2:- Now right click on content folder and add a new item which is LESS style sheet. This file will have extension .less

 

Step 3:-  Now you can write your LESS related code as shown in below snap

If you see above snap I declared  variable like @back-color , @font-color etc

and used in body.

Step 4: Now  add a web page and write following lines to enable LESS css.

<link href="Content/MyLessCss.less" rel="stylesheet/less" />
   <script src="Scripts/less-1.5.1.min.js"></script>

step 5:- Now in web.config we need to add following mime type

Or you can add this from IIS.

Step 6: Now we are good to go and can run  it

So we get the color according to variable which we declared.

It means we can play with the variables and can write the less code in programming way.

I hope this post will give a step to go further and I am sure you will deep dive in CSS pre processor soon.

Enjoy !!!

RJ !!

How easy to reduce efforts in retesting a asp.net web application?

 

Most of the time when you write code for a web application you need to test it again and again. You have to run a whole flow of positive or negative test cases to check whether your application is working or not.

Now suppose your application have 20 pages and you need to traverse each individual page and may be perform some operation and on each change of your development you need to perform same thing.

sometimes, this thing will irritate you and you will skip testing which may be harmful because most of the time it happens when you skipped something you took a deep breath  and at that moment your application crashed .

So , as a responsible developer we do not have to skip any test scenario but next question is how to reduce this effort which you feel boring sometime.

I can say we can reduce this effort by a installing a simple  Firefox add-in which is absolutely free. The add in “Selenium add in”

you can download it from https://addons.mozilla.org/en-US/firefox/addon/selenium-expert-selenium-ide/

once you have installed this you will find the selenium icon near by search bar as shown below

when you click this icon you will get a selenium interface as shown below

The basic concept of this tool is what ever you will run in browser it has capability of recording those steps so it is just play button and pause button game, no rocket science. You can easily run and use this.

I am sure it will reduce your testing effort and when when selenium ide will play your test cases you can take a deep breath and enjoy your coffee and snacks.

I hope this tip may be helpful to you somewhere.

Happy Holidays.

Regards,

RJ

How to create SELF signed certificate with IIS ?

 

Dear friend,

How to create Self Signed Certificate with IIS ?

Sometimes you require Certificate to test various objectives. to achieve this task lets start with step by step as shown below

Step 1: Open IIS and click on server certificates options as shown below

 

Step 2:- Once you then server certificates option you will get below screen. If you see on right side there are couple of action items in this we have one action item which is “Create –Self Signed Certificate”. Now click on this action item.

Step 3:- Once you clicked on “Create- Self Signed certificate” you will get below option you just need to write a friendly name and you are good to go.

Sep 4:- Once you full fill the detail and click on the finish button. your certificate is ready now you can use it just see in below image.

I hope you are good to go with this.

Thanks & Regards,

Rajat Jaiswal