Intelliwins Blog

Anything you wanna know about?

Top 5 Web design Trends of 2014

by Admin 25. July 2014 15:50
2014 is  a significant year in the field of web development. We have seen a lot of new thing evolved and also seen a lot of technologies which are once hot favorite of the goes into darkness. We have prepared a Mid year list for some of the latest web designing trends which we can expect to evolve more and more.  Flat UI and Minimalistic Design   With the Microsoft’s introduction of Metro UI and Apple adapting Flat UI with IOS  7 Software Update. We have stepped into an era of Flat, Minimalistic and Fun color designs. Now Google also adapted this design language.  We do believe that flat is going to just keep growing, and will manage to be among the top web design trends this year. Responsiveness   Responsive design is the buzz word of the year and evolved greatly . Now around 40% of the web traffic expected handheld devices and smart phones and tablets are getting stronger as a replacement for PC, we can expect more traffic from handheld devices in future. So everyone wants a website which is mobile device compatible.   Now at intelliwins around 85% design request we got is for responsive design layouts.    One page scrolling   Why do you need different page when you can show contents in a single page?  It means that all the content of the page can be viewed scrolling vertically.  Here is still lot of room for growth when it comes to one page web design, and designers are surely to fill their pockets with that dough for years to come. Fixed Navigation   Fixed navigation evolved quickly and we have seen a lot of creative uses to it.  It helps to make user experienced more accessible and seamless. We have seen a lot of advancement in this field.  In some cases, this enables the designer to drop sidebar design, as it can be integrated within the fixed navigation itself.  Parallax   Parallax is a displacement or difference in the apparent position of an object viewed along two different lines of sight, and is measured by the angle or semi-angle of inclination between those two lines. Parallax has been evolved and continue to do so in 2014.    

Tags: , ,

CSS | Tips and tricks | Web design

Samsung Galaxy S5 Mockup

by Admin 4. March 2014 13:48
The new Samsung Galaxy S5 smartphone has just been launched. I find it very similar to the Samsung S4 but I decided to start this freebie from scratch. This isn’t a flat design since most people won’t know the difference between the S4 and S5. Instead I decided to put as many details as possible. The wallpaper is replaceable. Simply drag your new image above the current wallpaper layer and hit Ctr + Alt + G to create a clipping mask.   DOWNLOAD

Tags: , ,

CSS | Freebies | Tips and tricks

IPhone 5S Free PSD Mockup

by Admin 15. February 2014 16:50
A flat/minimal iPhone 5S mockup created with Photoshop vector shapes.   DOWNLOAD

Tags: , ,

CSS | Freebies

Free Google Map UI KIT PSD

by Admin 23. January 2014 13:40
Here is the complete Google Maps user interface PSD created with vector based objects. It includes Google Maps start screen, Search result, Event detail and Media display screen.   DOWNLOAD

Tags: , ,

CSS | Freebies

64 Free Flat PSD Vector Icons

by Admin 23. December 2013 17:00
 Here is a set of 64 free vector flat icons in two different styles for bright and dark background. They are thoroughly drawn in 3 sizes (15x15, 30x30, 60x60 pixels).   DOWNLOAD

Tags: , ,

CSS | Freebies

Free Christmas Flat Icon Sets

by Admin 9. December 2013 16:49
Christmas Special Flat Icon Sets in PNG. Free !! Download

Tags: , ,

CSS | Freebies | Tips and tricks

Flat UI Design Component Free PSD

by Admin 30. November 2013 13:46
Excellent UI Kit based on Flat design Philosophy . Completely free  and can be used to create website and applications. All the elements in this kit are editable and available in a single, well-organized PSD file.     Download

Tags: , ,

CSS | Freebies | Tips and tricks

44 Colorful bright icons.

by Admin 26. November 2013 17:18
Free 44 Playful,Detailed Icon sets. Three Size of PNG i.e 64X64, 128X128, 256X256 and Original PSD for full modification and edit.     DOWNLOAD

Tags: , , ,

CSS | Freebies

Alert Box for Bootstrap 3.0

by Admin 26. November 2013 16:26
Twitter Bootstrap Comes With a Bunch of Controls for Rapid Application Development. They Enhanced and Redesigned it with the release of Version 3.0 by adapting Flat design philosophy . It has a lot of predefined controls and CSS Class which makes App design Hell lot of easier . Now this simple plugin Bootbox JS makes it Even more easier for development with some simple alert box. We use alert box or you can say message box quite often during development. When password is incorrect or when we delete a data we have a requirement for confirmation box. This tiny Jquery Library is the single stop solution for all the requirement.   Dependencies It depends on the Twitter Bootstrap 3.X and Jquery. Not that difficult i guess. Usages Once you included the dependence file the coding is quite simple. <!DOCTYPE html><html><head><meta charset="utf-8"><title>My page</title> <!-- CSS dependencies --><link rel="stylesheet" type="text/css" href="bootstrap.min.css"></head><body> <p>Content here. <a class="alert" href=#>Alert!</a></p> <!-- JS dependencies --><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><script src="bootstrap.min.js"></script> <!-- bootbox code --><script src="bootbox.min.js"></script><script>$(document).on("click", ".alert", function(e) {bootbox.alert("Hello world!", function() {console.log("Alert Callback");});});</script></body></html> Well That It !! If you a little bit familiar with using any other Jquery library you can start working straight forward. Now some Advanced Stuffs Need a Confirmation Box The Here we are bootbox.confirm("Are you sure?", function(result) {Example.show("Confirm result: "+result);}); As Simple as that !!!   Okay Need a Customized Alert Box with Multiple Button.   bootbox.dialog({message: "I am a custom dialog",title: "Custom title",buttons: {success: {label: "Success!",className: "btn-success",callback: function() {Example.show("great success");}},danger: {label: "Danger!",className: "btn-danger",callback: function() {Example.show("uh oh, look out!");}},main: {label: "Click ME!",className: "btn-primary",callback: function() {Example.show("Primary button");}}}});   Isn't That simple .   Download Full version JS Minified Version JS

Tags: ,

CSS | Freebies | Jquery | Tips and tricks

Gmail Style UI Kit

by Admin 20. November 2013 13:54
Gmail Style UI complete designed on photoshop, So each icon is a photoshop shape not a PNG image. You can re-size and it is fully layered and editable.       DOWNLOAD

Tags: , ,

CSS | Tips and tricks | Freebies

Brit Colony, Bhubaneswar,India +91 94384 80191 info@ intelliwins.com

About Us

Intelliwins mission is to alter the dynamics of the software industry by providing trusted, supportive and quality software development servies to clients that view our partnership as a strategic driver for their success.

Newsletter

Enter your email to join our mailing list