background preloader

Web Development

Facebook Twitter

MVC. Getting Started with ASP.NET 4.5 Web Forms and Visual Studio 2013 | The ASP.NET Site. This step-by-step tutorial series will teach you the basics of building an ASP.NET Web Forms application using ASP.NET 4.5 and Microsoft Visual Studio Express 2013 for Web. ASP.NET Web Forms QuizTest your knowledge and reinforce key concepts by taking the ASP.NET Web Forms Quiz. This quiz was specifically designed from content contained in this tutorial series. Each question in the quiz provides an explanation along with links to additional guidance. Introduction This series of tutorials guides you through the steps required to create an ASP.NET Web Forms application using Visual Studio Express 2013 for Web and ASP.NET 4.5.

The application you'll create is named Wingtip Toys. Comments are welcome, and we'll make every effort to update this tutorial series based on your suggestions. Download completed project You can download a C# project that contains the completed tutorial. Getting Started with ASP.NET 4.5 Web Forms and Visual Studio 2013 - Wingtip Toys (C#) ASP.NET Web Forms Quiz Audience Note. Software Engineers should all learn JavaScript. As Software engineers, we often use JavaScript. But let's face it, JavaScript is like that thing you have had to use to show someone how to consume your API, use your RESTful Service, or to put a front end on your beautiful algorithm.

Being primarily a client side tool, with a browser and UI focus, we can't be fully faulted for not really knowing it that well, after all we are busy writing algorithms, services and such. Also, JavaScript hasn’t exactly seemed very stable with a new framework popping up every week; who can keep up? A while back I decided to challenge that thinking and made serious effort to not just use JavaScript in passing, but to learn it properly, while using JavaScript all the time.

If you’re reading this, it’s probably because you’re trying to make a change and learn JavaScript yourself. The case for learning JavaScript JavaScript is increasingly becoming an indispensable tool, not just for UI work or for us to pretty up the views in our MVC application. The Most Complete AJAX Framework and JavaScript Libraries List(124+) Ajax framework can help us to quickly develop web pages that can call web services and server pages through javascript without having to submit the current page.Recent Web-applications tend to use them to provide more interactivity and guarantee better functionality.There are hundreds of Ajax/JavaScript frameworks available — I spent some days to gather the most useful of them,if you know others not include in the list,don’t hesitate to leave your comment.:) 1. dojo “dojo” is a Japanese term which literally means “place of the Way”.Here,dojo is an Open Source DHTML toolkit written in JavaScript.

It builds on several contributed code bases.Dojo aims to solve some long-standing historical problems with DHTML which prevented mass adoption of dynamic web application development.You can use the lower-level APIs and compatibility layers from Dojo to write portable JavaScript and simplify complex scripts. Qooxdoo is under an LGPL/EPL dual license. SACK is released under a Modified X11 licence. CSS Specificity: Things You Should Know. Advertisement Apart from Floats1, the CSS Specificity is one of the most difficult concepts to grasp in Cascading Stylesheets. The different weight of selectors is usually the reason why your CSS-rules don’t apply to some elements, although you think they should have. In order to minimize the time for bug hunting you need to understand, how browsers interpret your code.

And to understand that, you need to have a firm understanding on how specificity works. In most cases such problems are caused by the simple fact that somewhere among your CSS-rules you’ve defined a more specific selector. CSS Specificity isn’t simple. Let’s take a look at some important issues related to CSS Specificity as well as examples, rules, principles, common solutions and resources. You can find the most important things you should know about CSS specificity in a brief overview at the beginning of the article. CSS Specificity: An Overview What is Specificity? Specificity hierarchy How to measure specificity? Learn HTML5 and CSS3. CSS: An Overview. Performance & Organization - Learn to Code Advanced HTML & CSS. Having the ability to write HTML and CSS with a solid understanding is a great expertise to have. As a website’s code base and traffic grows, a new skill set comes into play, one that is extremely important to both development time and user experience.

Knowing the fundamentals of website performance and organization can go a long way. The organization and architecture of a code base can greatly affect not only the speed of development, but also the speed at which pages render. Both of which can be sizeable concerns not only for developers but also users. Additionally, taking a few small steps to improve the performance of a website can pay off in dividends. Strategy & Structure#strategy-structure The first part to improving a website’s performance and organization revolves around identifying a good strategy and structure for developing the code base. Style Architecture The architecture outlined above includes three directories, all with individual groups of styles. Object Oriented CSS. Making the Transition from Development to Design—My Experience and Advice. A couple months ago, a person emailed me asking for tips for transitioning to design from a development background. As someone who had loosely gone through the same path (from programming to design to programming then back to design), I wanted to share any advice I could possibly give.

After writing the letter, I thought it may be useful to a few other people out there. So if you are a developer looking to get into design, this is written specifically for you. To preface, this article is not why developers can be good designers. Remember, these are tips based on my personal philosophy and things that have shaped my approach. Tip #1: Don’t stop building things It will not be long before anyone designing software will require an understanding of how to make software.

It is important to keep your development skills honed. Tip #2: Learn design in order of dependency Trying to tackle the entire universe of design at once will set you up for failure. Tip #3: Design everything you do. Of Action - You're already a pretty good designer. I'm a seasoned hacker that is able to tackle immensely complex problems with aplomb. I'm able to untangle spaghetti code and weave it into beautiful patterns.

I envision systems and code them with the same grace a jazz pianist improvises music.But I can't design for my life. Please help. I've heard this story a couple of times in the ten years I've been working with programmers. Programming is a damn hard craft to learn. The programmers' approach to building a cathedral would involve using his tools and raw materials in order to build more advanced objects. Our craftsman follows the architect's plans religiously, and painstakingly chisels every stone so that every brick fits in perfectly. Once finished, he steps back and mesmerized by the beauty of it all, he thinks 'Hey, I built this cathedral all by myself, perhaps if I tried designing my own cathedral I'd get all the praise, instead of this lazy hack who just handed me the layout and waited for it to be built'. 1. 2. 3.

Update: Startups, This Is How Design Works – by Wells Riley. Creating a CSS layout from scratch - Subcide. 10 Rock Solid Website Layout Examples. Keeping It Simple Page layout is equal parts art and science. Creating something that’s visually attractive and unique takes an artist’s eye. However, there are several very easy to follow guidelines that you can use to create solid layouts that work for any number of cases. These principles include choosing and sticking to an alignment, structuring your whitespace properly and highlighting important elements through size, positioning, etc.

Designers often stress out far too much about the layout process. We have a tendency to approach a project while thinking that it needs to be completely unique in every respect to be worth our time and the client’s money. In this article we’re going to take a look at ten very common layouts that you can find on countless sites across the web. If you’re a web designer, bookmark this page and come back the next time you get stuck laying out a page. Three Boxes This is probably the most simple layout on the list. In the Wild 3D Screenshots Advanced Grid. Learn CSS Layout. Lessons - Hack Design. 10 Rock Solid Website Layout Examples.