Solutions for Real World Frontend Problems.
In HTML especially after HTML5, there were several New Tags introduced which provided better meaning (Semantics) to your Content. Tags like Article, Aside, Header, Footer, Section would tell what kind of content is expected there. So writing Semantic HTML is all about using the write and meaningful tags for your content. We also have in […]
Single Page Application Frameworks like Angular React Vue allows us to build fast and secure web apps, In this article we are discussing common features of all Single Page Application Frameworks (SPA)
So you are a Web Developer having an exciting idea flourishing in your mind. And you rush to your machine and start writing that awesome code that was never written before. And now you are ready to show it to your friends with all excitement. Your friends think the idea is fine but it doesn’t looks good and then you get a […]
There is an increase in rage on internet around the articles on “Flash not working on IOS” Steve Jobs in 2010 has clearly indicated that ios devices are not going to support Flash and is going with open standards like HTML5 and css3 and javascript for multimedia content on Web. At the same times you can read a number […]
I recently read a post from Lea Verou on css3 Gradients http://24ways.org/2011/css3-patterns-explained and discovered that she has also created this wonderful tool http://www.dabblet.com/ which is a gift for lot of frontend developers like us. On this Indian Republic day i created my first dabblet with css3 and here is link to that http://dabblet.com/gist/1682222 Wishing you all a Happy Republic […]
In long pages having large content divided into sections, it’s a good usability practice to provide links to different sections on the top of the page. See this beautiful Site. Here in this one page site News | About Me | Portfolio etc are links that jump you to a section on the page. Also […]
Tabs are used to show data of same context. Below we will discuss how to create Tab’s using simple HTML CSS and Javascript and then we will discuss a behavior users demanded from these Tabs and how we applied “Fragement Identifier Pattern” a frontend design pattern to modify the functionality. You can skip the code if you are just interested in understanding the design […]
Our web design consultants provided us the static pages for one of our projects. It consisted of HTML CSS and Image files. We had to use these pages to create dynamic Intranet site. We started writing logics around the layout and converting the static site into a dynamic one. We had then a scheduled meeting […]
1. TinyMCE We wanted our users to contribute web content and found tinyMCE as tool of our need. .TinyMCE is a javascript tool which provides an easy to integrate WYSIWYG editor. It can be integrate into content management systems for providing users ability to contribute web content. A simple example of tinyMCE integration is 1. […]
1. Firebug Detailed info of what is Firebug can already be found at http://getfirebug.com/whatisfirebug but some of the features i enjoy the most are: Javascript debugging: Javascript debugging has never been so easy as its with firebug you can add breakpoints. Do line-by-line debugging of code. Javascript Logging: Firebug provides a console object. So whenever […]