Basics and princi...
Follow
Find
16.9K views | +0 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!

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.
Scooped by Rebeca Zuniga
Scoop.it!

20 Inspiring Navigation Menus | Inspiration

20 Inspiring Navigation Menus | Inspiration | Basics and principles for a good  Web Design | Scoop.it
Navigation is certainly a very important part of web design and an important aspect to think about while designing a page.
more...
No comment yet.
Scooped by Rebeca Zuniga
Scoop.it!

Inspiration: Fluid & Responsive Design

Inspiration: Fluid & Responsive Design | Basics and principles for a good  Web Design | Scoop.it

Responsive design all started with this article by Ethan Marcotte. Some people see it as a trend. But it is more than just a trend. It is a new design solution — it helps to resolve the design problems associated with the different resolutions and devices (desktop, laptop, tablet, and mobile). I'm giong to share a list of responsive sites that I feel are nicely done. I've categorized the list into two categories: Adaptive and Fluid & Responsive.

more...
Nem Kash's comment, November 7, 2011 12:29 AM
check this out http://demo.themefit.com/fluid/
Scooped by Rebeca Zuniga
Scoop.it!

Some of The Most Creative and Inspiring Websites You’ve Ever Seen! | Inspiration Mix

Some of The Most Creative and Inspiring Websites You’ve Ever Seen! | Inspiration Mix | Basics and principles for a good  Web Design | Scoop.it
You probably know that there are so many websites out there, it's like there was a Big Bang on the Internet in the past few years and websites&blogs appeared even more faster than mushrooms after rain.
more...
No comment yet.
Scooped by Rebeca Zuniga
Scoop.it!

12 Creative Portfolio Design for Inspiration | Best Design Tutorials

12 Creative Portfolio Design for Inspiration | Best Design Tutorials | Basics and principles for a good  Web Design | Scoop.it
Well, this post showcases some stylish and creative portfolio designs to draw some inspiration for your own projects. Have a look and get inspired.
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!

Responsive Design with CSS3 Media Queries

Responsive Design with CSS3 Media Queries | Basics and principles for a good  Web Design | Scoop.it

Screen resolution nowsaday ranges from 320px (iPhone) to 2560px (large monitor) or even higher. Users no longer just browse the web with desktop computers. Users now use mobile phones, small notebooks, tablet devices such as iPad or Playbook to access the web. So the traditional fixed width design doesn't work any more. Web design needs to be adaptive. The layout needs to be automatically adjusted to fit all display resolution and devices. This tutorial will show you how to create a cross-browser responsive design with HTML5 & CSS3 media queries.

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

22 Useful HTML5 CSS3 Form Tutorials | SpyreStudios

22 Useful HTML5 CSS3 Form Tutorials | SpyreStudios | Basics and principles for a good  Web Design | Scoop.it
Using HTML5 and CSS3 you can create creative web forms with great specifications. So in this roundup we are featuring 22 CSS3 form tutorials.
more...
No comment yet.
Scooped by Rebeca Zuniga
Scoop.it!

Bon Apetit! Magnificent French Restaurant Website Designs | Inspiration Mix

Bon Apetit! Magnificent French Restaurant Website Designs | Inspiration Mix | Basics and principles for a good  Web Design | Scoop.it
I have to say that researching for this piece has left me drooling and feeling hungry. We all know that French are famous for their passion for food and sweets.
more...
No comment yet.