Web pages have always been about rectangular content blocks stacked one next to the other. Web designers are often frustrated when their out-of-the-box creative layouts get slashed by web developers, often citing complexity and cross-browser support. With the introduction of CSS shapes, things have changed for the better. It has become easier than ever to […]
With content marketing being all the rage, you are writing blog posts consistently. It’s a great user experience to display your most recent posts, right on the homepage. Your audience will find your latest posts easily. Your home page will have a refreshed look every time new posts are put out. Here are two examples […]
What is drop cap? Have you noticed magazines have the first letter of the paragraph larger than the rest of the text and it usually spans the height of two or more lines of regular text? This first letter is called the Drop Cap. Why use drop caps? Drop Caps have been used in print […]
Having a custom signature at the end of your blog post adds a personal touch to your content. It’s also a great way to tie in the human element to your branding. What can you add in your signature? Your blog signature can be a scanned image of your actual signature. Or it can be […]
As the monitor sizes increase, it’s not practical to have one big chunk of text on your web page that takes up the width of the screen. Users often have trouble reading long lines of text. To keep your readers interested in your content, having column layouts is a great idea. The traditional approach to […]
The startup client I was working for-Upgrademe, was launching a new web app for their educational online resource. I was specifically working on the front-end development of the web app. Setting up the secondary navigation menu for the web app posed some challenges for the development team. Since the majority of their audience was school/college […]
By using negative z-index, pseudo elements and borders of very similar shades of a color, here is a simple and easy way to add a shadow box effect to your web page, with no images.
A simple and interesting lifecycle image map for Cisco business page, using jQuery and CSS.
My client who is an active lifestyle coach wanted a price calculator on her webpage. She planned on selling multiple products with different product pricing. Her clients could add the desired quantity they wanted to purchase. Based on the Shipping method and the State where the products were to be delivered, the estimator had to […]
A client project to create a donut to represent the four pillars of their product description model.
This is a prototype of a project done on a client website. For a client’s About page, my designer wanted to have an uncluttered look when the page loads. The page was designed to have details about the company, mission, board member profiles and some other interesting facts. She designed the page to have the […]
This is a prototype of a project done on a client website. For their home page, the client wanted to have a events panel with a carousel of all the speakers at their upcoming event. The carousel was to include the speaker name, avatar and a short bio. To keep the speaker information easy for […]