Basics and principles for a good Web Design
17.0K views | +0 today
Follow
Basics and principles for a good  Web Design
Tips to start the creative process of webdesigning
Curated by Rebeca Zuniga
Your new post is loading...
Your new post is loading...
Scooped by Rebeca Zuniga
Scoop.it!

Smooth Scrolling To Internal Links With jQuery

Smooth Scrolling To Internal Links With jQuery | Basics and principles for a good  Web Design | Scoop.it
jQuery allows you change the way you intereact with your website with very little code. jQuery has an animate function which allows you to animate anything that jQuery does, including scrolling.
more...
No comment yet.
Scooped by Rebeca Zuniga
Scoop.it!

24 Awesome And Beautiful Hand Drawn Websites

24 Awesome And Beautiful Hand Drawn Websites | Basics and principles for a good  Web Design | Scoop.it
I find hand drawn website very interesting. It is rarely we come across these type of sites as they are not the usual type of websites.
more...
No comment yet.
Scooped by Rebeca Zuniga
Scoop.it!

25 Excellent Examples of CSS In Background - SloDive

25 Excellent Examples of CSS In Background - SloDive | Basics and principles for a good  Web Design | Scoop.it
Web Design Resources & Inspiration...
more...
S M Aminul Islam's curator insight, March 20, 2014 7:03 AM

A few interesting examples of CSS in the background websites.

Tin Sen Sin's curator insight, June 10, 2014 5:48 PM

CSS background with solid colors 

Scooped by Rebeca Zuniga
Scoop.it!

CSS Awards - 20 Fabulous New Websites For Your Inspiration | Inspired Magazine

CSS Awards - 20 Fabulous New Websites For Your Inspiration | Inspired Magazine | Basics and principles for a good  Web Design | Scoop.it

We asked the CSS Awards team to create a selection with the greatest submissions from the last week. Check them out below and suggest other entries in the comments! Also, feel free to submit here other cool finds or your own creations.

more...
No comment yet.
Scooped by Rebeca Zuniga
Scoop.it!

Web Design Trends in 2012 | Tips

Web Design Trends in 2012 | Tips | Basics and principles for a good  Web Design | Scoop.it
It's that time of year again, where we look into our crystal ball to see what will be the hot trends in web design for the upcoming year.
more...
No comment yet.
Scooped by Rebeca Zuniga
Scoop.it!

Touch The Future: Create An Elegant Website With HTML 5 And CSS3 | PVM Garage

Touch The Future: Create An Elegant Website With HTML 5 And CSS3 | PVM Garage | Basics and principles for a good  Web Design | Scoop.it

Now, after a quick overview on the technologies that we will use, we can start to design our website. The aim is to create an elegant blog/portfolio for an efficient professional (graphic and web designer or photographer).

more...
No comment yet.
Scooped by Rebeca Zuniga
Scoop.it!

50 Beautiful & Enticing Designers Websites

50 Beautiful & Enticing Designers Websites | Basics and principles for a good  Web Design | Scoop.it

Looking back at what others have done before you is a great way to get inspired. This also can lead to innovative and creative designs. Designers are constantly pushing for new ways to present ideas and with the invention of the internet the need has never been more dire. So for your inspiration, here we’ve showcased a collection of websites that are the best in bright/collage, illustrative, graphic, and flash based designs and demonstrates how we can incorporate typographic elements, stunning color palettes and strong graphical images to create a dynamic experiences for the viewer.

more...
No comment yet.
Scooped by Rebeca Zuniga
Scoop.it!

Establishing Your Grid In Photoshop - Smashing Magazine

Establishing Your Grid In Photoshop - Smashing Magazine | Basics and principles for a good  Web Design | Scoop.it
Creating a grid is typically one of the very first things you do when starting a design comp. After all, it provides the basic structure on which the rest of your design will lie.
more...
No comment yet.
Scooped by Rebeca Zuniga
Scoop.it!

Interactive Typography Effects with HTML5

Interactive Typography Effects with HTML5 | Basics and principles for a good  Web Design | Scoop.it
With HTML5 gaining popularity, this tutorial outlines what is really just the tip of the iceberg that is interactive design. I will go over the development of dynamic, and generative banners to give your website that little extra wow!
more...
No comment yet.
Scooped by Rebeca Zuniga
Scoop.it!

40+ Useful and Fresh jQuery Plugins

40+ Useful and Fresh jQuery Plugins | Basics and principles for a good  Web Design | Scoop.it
Today we decided to come up with an exciting and interesting collection of 40+ fresh and cool jQuery plugins for our reader's convenience.
more...
No comment yet.
Scooped by Rebeca Zuniga
Scoop.it!

Mind Blowing Parallax Scrolling Sites

Mind Blowing Parallax Scrolling Sites | Basics and principles for a good  Web Design | Scoop.it

Video games often use parallax scrolling technique to create an illusion of depth by moving multiple layers of images at different speed. This technique can also be applied in web design. This post consists a list of mind blowing parallax scrolling sites, design tips, and resource tutorials. If you are considering to start a parallax scrolling site, this is a must read post.

more...
No comment yet.
Scooped by Rebeca Zuniga
Scoop.it!

Elastic Image Slideshow with Thumbnail Preview

Elastic Image Slideshow with Thumbnail Preview | Basics and principles for a good  Web Design | Scoop.it
Today we want to show you how to create a simple elastic slideshow with a thumbnail preview.
more...
No comment yet.
Scooped by Rebeca Zuniga
Scoop.it!

20 Examples of Centered Website Designs

20 Examples of Centered Website Designs | Basics and principles for a good  Web Design | Scoop.it
Centering elements in a web design is a very effective way of creating visual balance. Centered designs can also make responsiveness easier, a property that is becoming more and more desirable with the growth of the 'mobile web'.
more...
No comment yet.
Scooped by Rebeca Zuniga
Scoop.it!

22 Best Horizontal Scrolling One Page Websites

22 Best Horizontal Scrolling One Page Websites | Basics and principles for a good  Web Design | Scoop.it
Horizontal scrolling websites are usually one page websites that scrolls either to your left or right.
more...
No comment yet.
Scooped by Rebeca Zuniga
Scoop.it!

28 High-Quality jQuery Plugins For Building Responsive Websites

28 High-Quality jQuery Plugins For Building Responsive Websites | Basics and principles for a good  Web Design | Scoop.it
Free Web Resources Everyday - WebResourcesDepot...
more...
No comment yet.
Scooped by Rebeca Zuniga
Scoop.it!

Downgraf – Design weblog for designers » Inspiration of Character Illustration in Web Designs

Downgraf – Design weblog for designers » Inspiration of Character Illustration in Web Designs | Basics and principles for a good  Web Design | Scoop.it
Design weblog for designers, bloggers and tech users.
more...
No comment yet.
Scooped by Rebeca Zuniga
Scoop.it!

30 Inspiring Examples of Big Typography in Web Design | Design Woop | The Web Design and Development Blog

30 Inspiring Examples of Big Typography in Web Design | Design Woop | The Web Design and Development Blog | Basics and principles for a good  Web Design | Scoop.it
One of the most important aspect of modern and effective web and graphic design these days is typography.
more...
No comment yet.
Scooped by Rebeca Zuniga
Scoop.it!

10 Awesome CSS Navigation Menu Creation Tutorials | [Re]Encoded.com

10 Awesome CSS Navigation Menu Creation Tutorials | [Re]Encoded.com | Basics and principles for a good  Web Design | Scoop.it
CSS Sprite Powered Menu Build a menu using a single CSS sprite image. This is one of the easiest ways to create a good looking menu for your website.
more...
No comment yet.
Scooped by Rebeca Zuniga
Scoop.it!

30 Amazing CSS3 Tutorials To Improve Your Skills

30 Amazing CSS3 Tutorials To Improve Your Skills | Basics and principles for a good  Web Design | Scoop.it
In this post you will find 30 amazing Css3 tutorials that will help you to improve yours skills.
more...
No comment yet.
Scooped by Rebeca Zuniga
Scoop.it!

Excellent Showcase of Websites Using Big & Bold Typography | HybridLava

Excellent Showcase of Websites Using Big & Bold Typography | HybridLava | Basics and principles for a good  Web Design | Scoop.it
Most of the websites showcased today use large typography mostly in their headers, but also in other places such as sub-headings to draw attention to areas of importance.
more...
No comment yet.
Scooped by Rebeca Zuniga
Scoop.it!

Beginner’s Guide to Responsive Web Design

Beginner’s Guide to Responsive Web Design | Basics and principles for a good  Web Design | Scoop.it
Whether you’re a beginner or a seasoned web professional, creating responsive designs can be confusing at first, mostly because of the radical change in thinking that’s required.
more...
No comment yet.
Scooped by Rebeca Zuniga
Scoop.it!

An Ultimate CSS3 Generator List | The Design Work

An Ultimate CSS3 Generator List | The Design Work | Basics and principles for a good  Web Design | Scoop.it
We have compiled a list of CSS3 Generators that will help designers or developers to get desired results within a few clicks. Take a look and get inspired with this useful css3 generator resource list.
more...
No comment yet.
Scooped by Rebeca Zuniga
Scoop.it!

Recreating the Nikebetterworld.com Parallax Effect

Recreating the Nikebetterworld.com Parallax Effect | Basics and principles for a good  Web Design | Scoop.it
Using jQuery, recreate the Parallax effect as seen on Nikebetterworld.com.
more...
No comment yet.
Scooped by Rebeca Zuniga
Scoop.it!

CSS 3D transforms by Bartek Szopka

Animated presentation of how to apply 3D, transformations and effects using CSS3

more...
No comment yet.
Scooped by Rebeca Zuniga
Scoop.it!

Fullscreen Image Blur Effect with HTML5

Fullscreen Image Blur Effect with HTML5 | Basics and principles for a good  Web Design | Scoop.it
Today we want to share a neat image blur effect with you. Using canvas, we want to blur images on the transition to another one, creating a smooth effect.
more...
No comment yet.