A new guard page for stack cannot be created- ASP.NET MVC4 Error

An hour back I was working with ASP.NET and encountered with this pretty error. I kept wandering for about ten minutes what really has happened. My iisexpress.exe was automatically shut down and it didn’t work when I kept hitting CTRL+F5.


How I solved it:

Later i the process I came to know that I had the name for an Action was “View” that you can see in the picture below. 


I renamed it to View1 and it worked again. Hope this helps somebody. Thanks!

Creating Reusable Calendar Icon which can Scale

Have you ever tried creating a reusable calendar icon which can scale? Well , this article explains how you can create one in HTML5 and CSS3.

This article explains how to create a reusable calendar icon for your blog or website, and yes, it is scalable, so you can resize it to any ratio and it will not be blurred just by changing a font-size.

jquery resizable calendar

You’re free to change the color/size of the text or an icon or anything as you prefer. I’m going to show you how.

The following is the template that I will be modifying to get the desired output.

It contains a main wrapper Div and three elements inside for Day, Month and Date respectively.

I had the option to put all the three in a span but just to reduce the complexity of the CSS I put them in separate tags.

jquery resizable calendar div template

And here’s the style for this icon wrapper, you can change the size of the icon in just one go by changing the wrapper’s font-size attribute.

jquery resizable calendar change size css

Here’s the complete HTML and CSS:


body
{
font-family: “Segoe UI”, Frutiger, “Frutiger Linotype”, “Dejavu Sans”,
“Helvetica Neue”, Arial, sans-serif;
font-size: 100%;

margin: 10px
color: #333;
background-color: #cecece;
}
div.calendarDate{
font-size:1em; /*change calendarIcon size */
display: block;
position: relative;
width: 7em;
height: 7em;
background-color: #fff;
border-radius: 0.7em;
-moz-border-radius: 0.7em;
box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd,
0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
overflow: hidden;
}
div.calendarDate *
{
display: block;
width: 100%;
font-size: 1em;
font-weight: bold;
font-style: normal;
text-align: center;
}
div.calendarDate strong
{
position: absolute;
top: 0;
padding: 0.4em 0;

color: #fff;
background-color: #19aaaa;
border-bottom: 1px dashed #ddd;
box-shadow: 0 2px 0 #19aaaa;
}
div.calendarDate em
{
position: absolute;
bottom: 0em;
color: #fff;
padding-top:.2em;
height: 1.6em;
background-color: #19aaaa;
}
div.calendarDate span
{
font-size: 2.8em;
letter-spacing: -0.05em;
padding-top: 0.65em;
color: #2f2f2f;
}


Just in case you may want to fiddle around, see: http://jsfiddle.net/sunnykumar08/ZqcrA/

Thanks for reading this article on devsdaily.com, I hope you find this article useful. Feedback and comments are highly appreciated!





How to copy text from command prompt

Hi folks! Here I’m sharing a useful tip that will help you speed up your work. Many of us want to copy the text from within Console or CMD but they do not know how to do it (even I was not aware of this around a while ago). This is really very simple yet helpful. Just right click on the CMD  prompt and select “Mark” from the list of commands. As soon you do this, the cursor will reach in the first character point on the screen. Just click and drag your mouse to select the area of text that you want to copy and right after the selection made press “Right Click”. Yes, you heard it right, pressing right click invokes to copy the text in selected area to clipboard. You may want to refer to the image below to get a better picture.


Hope this helps somebody 🙂