Basics and princi...
Follow
Find
16.0K views | +4 today
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!

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!

Fun with CSS3 Text Shadow Property

Fun with CSS3 Text Shadow Property | Basics and principles for a good  Web Design | Scoop.it
Today we’re going to run through several CSS3 text-shadow examples that you can copy and paste for your own work.
more...
No comment yet.
Scooped by Rebeca Zuniga
Scoop.it!

Original Hover Effects with CSS3

Original Hover Effects with CSS3 | Basics and principles for a good  Web Design | Scoop.it
The power of CSS3 is enormous and in this tutorial we will see how to exploit it in a very creative way. We are going to create some thumbnail hover effects with CSS3 transitions.
more...
No comment yet.
Scooped by Rebeca Zuniga
Scoop.it!

An Introduction to Grids in Web Design » HTML & CSS » Design Festival

“A two- dimensional structure made up of a series of intersecting vertical and horizontal axes used to structure content.
more...
No comment yet.
Scooped by Rebeca Zuniga
Scoop.it!

Navigation patterns for ten common types of websites | Webdesigner Depot

Navigation patterns for ten common types of websites | Webdesigner Depot | Basics and principles for a good  Web Design | Scoop.it
Navigation is one of the most important aspects of any website. Without good navigation, a site becomes useless to visitors.
more...
No comment yet.
Scooped by Rebeca Zuniga
Scoop.it!

Creative CSS3 Animation Menus

Creative CSS3 Animation Menus | Basics and principles for a good  Web Design | Scoop.it
Being in the mood for experimenting with CSS3, I'd like to show you some creative menu hover effects in today's tutorial.
more...
No comment yet.
Scooped by Rebeca Zuniga
Scoop.it!

How To Create Fixed Position Share Box Using CSS | Web Development Tutorials

How To Create Fixed Position Share Box Using CSS | Web Development Tutorials | Basics and principles for a good  Web Design | Scoop.it
Do you want your social media buttons to always be on the screen for your visitors to click on?

If yes then you want to have a fixed position share box on your website. This allows your social media buttons to always be on the screen even when the user scrolls to read the rest of the page, giving them easy access to click on a button to share your article.

To achieve this it’s relatively easy all it is a bit of CSS to make your social buttons stay in the same place even as you scroll. In this tutorial I will teach how to achieve this goal and make your social media buttons always be on the page even when you scroll, additional I will show you how to take this code and add it to your WordPress blog. Click on the button below to see a demo this in action.

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

35 Grunge Web Designs | SpyreStudios

35 Grunge Web Designs | SpyreStudios | Basics and principles for a good  Web Design | Scoop.it
Here we have collected some beautifully designed grunge websites for inspiration. If you like these you might also want to check out our previous post below.
more...
No comment yet.
Scooped by Rebeca Zuniga
Scoop.it!

15+ jQuery Plugins to Create Stunning Image Zoom Effects - tripwire magazine

15+ jQuery Plugins to Create Stunning Image Zoom Effects - tripwire magazine | Basics and principles for a good  Web Design | Scoop.it
This post cover jQuery Plugins to create Stunning Image Zoom Effects on your site or blog. This is very useful if you have large images that will otherwise take up too much space.
more...
No comment yet.
Scooped by Rebeca Zuniga
Scoop.it!

30 Examples Of Well Chosen Typefaces In Web Design | Top Design Magazine - Web Design and Digital Content

30 Examples Of Well Chosen Typefaces In Web Design | Top Design Magazine - Web Design and Digital Content | Basics and principles for a good  Web Design | Scoop.it
Choosing the correct typeface can make the difference between a great website and a total fiasco.
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.
Scooped by Rebeca Zuniga
Scoop.it!

21 Examples of Circular Elements in Web Design | Inspiration

21 Examples of Circular Elements in Web Design | Inspiration | Basics and principles for a good  Web Design | Scoop.it
Designing a website is something that requires creativity, talent and a lot of thinking.
more...
No comment yet.
Scooped by Rebeca Zuniga
Scoop.it!

Pure CSS speech bubbles – Nicolas Gallagher

Pure CSS speech bubbles – Nicolas Gallagher | Basics and principles for a good  Web Design | Scoop.it

Speech bubbles are a popular effect but many tutorials rely on presentational HTML or JavaScript. This tutorial contains various forms of speech bubble effect created with CSS 2.1 and enhanced with CSS3. No images, no JavaScript and it can be applied to your existing semantic HTML.

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

67 Web Layout Design Photoshop Tutorials

67 Web Layout Design Photoshop Tutorials | Basics and principles for a good  Web Design | Scoop.it
Collection of 67 web design Photoshop layout design tutorials that will help you with designing a decent and professional looking website design layout.
more...
Scooped by Rebeca Zuniga
Scoop.it!

Jquery Galleries & Sliders: New Free Tutorials, Plugins and Ready-Made Solutions | Splashnology

Jquery Galleries & Sliders: New Free Tutorials, Plugins and Ready-Made Solutions | Splashnology | Basics and principles for a good  Web Design | Scoop.it
In this round-up we’ve gathered a set of awesome and really easy to understand new free tutorials, plugins and ready-made solutions which will help you in adding photo galleries or sliders with ease.
more...
No comment yet.
Scooped by Rebeca Zuniga
Scoop.it!

Animatable: One property, two values, endless possiblities

Animatable: One property, two values, endless possiblities | Basics and principles for a good  Web Design | Scoop.it

Download the code https://github.com/leaverou/animatable

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

The Most Creative Examples Of Vintage And Retro Style Website (40 Designs) | Free and Useful Online Resources for Designers and Developers

The Most Creative Examples Of Vintage And Retro Style Website (40 Designs) | Free and Useful Online Resources for Designers and Developers | Basics and principles for a good  Web Design | Scoop.it
If you fear that your web design style may get out-of-fashion with the passage of time, Vintage and Retro style would be the best options for you.
more...
No comment yet.
Scooped by Rebeca Zuniga
Scoop.it!

21 Inspiring Examples of Typography in Web Design | Inspiration

21 Inspiring Examples of Typography in Web Design | Inspiration | Basics and principles for a good  Web Design | Scoop.it
Here at WDL we love to see beautiful typography and we never get tired of showcasing them to our readers.
more...
No comment yet.
Scooped by Rebeca Zuniga
Scoop.it!

465+ Useful CSS Layouts for Download | CSS Layout Collection For Free - tripwire magazine

465+ Useful CSS Layouts for Download | CSS Layout Collection For Free - tripwire magazine | Basics and principles for a good  Web Design | Scoop.it
Positioning in CSS is very challenging. So here are the CSS layouts that you can download for free. Check these to start your projects in a fly now!
more...
No comment yet.
Scooped by Rebeca Zuniga
Scoop.it!

24 Examples of Texture Usage in Web Design | Inspiration

24 Examples of Texture Usage in Web Design | Inspiration | Basics and principles for a good  Web Design | Scoop.it
Using texture is a good way to add depth, detail, and a layer of interest to a web design.
more...
No comment yet.