Back in old days, we used to use the default web browser alert box to send notification to the users. The most annoying thing with the default alert dialogue is its consistency and different browsers handle it differently. You can’t control the title, position and theming it. As a result, we have Javascript notification plugins…
Experimental CSS3 effects always give us a glimpse of the future of web development. With the introduction of CSS 3D transform and keyframe animation capabilities, it opens up great potential of animation with pure CSS. These examples I found most of them are powered by javascript to create interactivity with the viewers. They are simply…
Continued from our previous post about 16 graphics coded purely with CSS, this time we’re going to show you 23 logos drawn purely with CSS only. With the support of drop shadow, rounded border, gradient and CSS3 transform, we are able to draw some of the popular logos due to its simplicity. If you have…
Check out the graphic below, you might ask, “What’s so special about it?”, it’s special, because it isn’t created with graphic editor but it’s coded using HTML and CSS, web technologies. With HTML5, CSS3 and Javascript, these 3 musketeers managed to kick flash away, now they are trying to beat graphic editing tools as well….
We have collected the 4 best drop down menu with many features such as autocomplete, search, tags, multi select, ajax and even populate with JSON data. Drop down menu is a very common form element but the greatest issue is, the way browser render it is totally out of our control. So, to make it…
Twitter bootstrap is one of the most effective frameworks available online at the moment to speed up frontend web development process. We have covered it in our previous post before, we reckon it’s the ultimate frontend framework which covers almost all UI. It has base CSS, grid layout, responsive layout, general base styling for all…
WebGL (Web Graphic Library) is a Javascript API for rendering interactive 3D graphic within any compatible browser without the use of plug-ins. It’s developed by using Javascript and utilise the power of GPU to render stunning graphic smoothly and quickly. WebGL has been available for quite a while and recently there are more and more…
A great portfolio page will certainly leave a good impression to your potential clients. It’s always a move to eliminate unnecessary distraction so your clients would focus on your work instead, and sometimes, it’s a plus to add subtle animation effect that will give a wow effect to your visitors as well. Between minimal design…
Parallax scrolling is a famous web layout at the moment, looking at the CSS gallery and award websites, you can easily spot one or two in a single page. The implementation of parallax scrolling isn’t easy, it requires precise calculation of the position of each objects to be appeared on the screen, layers and deal…
As a frontend developer, Lorem Ipsum dummy text is something I have to use almost on daily basis. The whole point of putting dummy text is to see how a web layout will look like once you’ve all the content filled in. It’s extremely useful to test how your layout handle different amount of content….
