background preloader

Web Design

Facebook Twitter

Nibbler - Test any website. jQuery UI. Nibbler - Test any website.

Responsive Design (bootstrap+css3)

Css. Java / jQuery. PhP. Free hosting. OScommerce. Wacom button:hover effect. A Pen by Captain Anonymous. 10 Fundamental Firefox Add-Ons for Developers. 20 Methods for Upping Your Current Web Design Skills. Design All great designers are constantly improving their skills.

20 Methods for Upping Your Current Web Design Skills

There has never been a successful designer, or anyone of another profession for that matter, that has stopped at a certain point and said, "Good enough". Fortunately, there are plenty of ways to always be learning new things, and to always be improving. In this post we're looking into 20 different ways a web designer can improve their skills at any time. They involve everything from learning new abilities, to changing focus, and to revamping one's mindset when it comes to design. 20 Great Improvement Methods 1. Check out websites like UI-Patterns.com to explore the best user interface patterns for the web.

User Interface Pattern Websites: 2. Look at the detail in everyday objects, and actively look at detail in other web designs. 3. Many clients love a designer that offers SEO services. 4. Do yourself a favor by keeping your designs modern, and by keeping your skills sharp by studying trending techniques. 5. 6. 7. 8. 9. 10. Progress Bars in Web Design: Best Examples. A progress bar is an indicator of the downloading process.

Progress Bars in Web Design: Best Examples

A progress bar is an important element of the interface, which aims to show the user the current downloading progress. This small graphical element makes the interface not only more convenient, but also more understandable. Let’s take an example, imagine that you go to a site where you need to download videos, you select a file, press the “Download” button, and that’s all. The site does not tell anything more, neither how much time is left, nor the downloading progress. It won’t be convenient, will it? Typically, the progress bar is composed of a few simple elements: the indicator itself, text boxes, display of percentage and other “buns”. Shepherd — Guide your users through a tour of your app. 22 Questions to Ask Before Developing a Website. I developed this “Website Development Questionnaire” in 2002.

22 Questions to Ask Before Developing a Website

It is old, but it still serves me well, so I thought I would share. I don’t actually add the bold or italic sections below. Those were added here to help you understand the rationale for the questions: 1) Corporate Identity: Corporate Information (for site development): Company Name (Legal) Company Name (Branding) Company Tag Line: Company Phone Number Company Fax Number Address: Other contact information Business hours of operation (store hours / when phones will be answered, if relevant)

Facebook Blocker: An Extension for Safari, Chrome, Firefox and Opera, from your friends at /// Webgraph. How did we get here?

Facebook Blocker: An Extension for Safari, Chrome, Firefox and Opera, from your friends at /// Webgraph

We’re beginning to feel overwhelmed by the frequency with which Facebook links are starting to appear on many of the sites we visit in our daily routines, so we decided to do something about it. What does it do? This browser extension stops Facebook social plugins—including those within iFrames—from running on sites other than Facebook itself. This includes ‘Like’ buttons, ‘Recommended’ lists, and should also stop any Facebook scripts from tracking your browsing history. What about Facebook Connect? Don’t worry: sites that use Facebook Connect for sign in purposes, or that use Facebook as a conduit for other functionality will continue to work as expected.

Who are you guys? We’re Webgraph, a small creative studio founded over 10 years ago in sunny South Florida by brothers Alex & Dan Rubin. 1,075 Awesome Free Fonts For Designers. Share on Twitter109Share on Facebook256Share on Google Plus31Share on Stumbleupon115KShare on Reddit0 This is meta collection of free font lists from various respected design websites.

1,075 Awesome Free Fonts For Designers

In total there are 24 lists showcasing 1,075 fonts which are all free to download. These font collections are shortlists of the best free fonts of 2013 and 2014 which which will hopefully save you a load of time if you are on the hunt for quality designer typography. For more web designer resources check out our freebies section. The fonts vary in style and are ideal for websites, flyers, brochures, logos and graphic designers. Awwards – 100 Greatest Fonts of 2014 View Fonts Hongkiat’s 100 Must Have Free Fonts.

Easily Remove Image Backgrounds Online - Clipping Magic. Colors by Name (Internet Explorer) Get started Plan Develop Sign in Technologies API reference Samples Community Colors by Name The named colors, sorted by name. The following code example provides a dynamic table of the named colors that can be sorted by various column headers. Code example: † New for Windows Internet Explorer 8. Related topics. W3Schools Online Web Tutorials. 11 Steps to a Perfect Logo. A Web Development Roadmap for Beginners.

Color Palette Generator. Free web resources – Net-Kit.com. Web Development Tutorials & Resources. Useful links for web developer by Sonal Patel. Web development tutorials, from beginner to advanced. DjDesignFuture. CSS3, HTML5, JAVA, PHP. Sublime Text: The text editor you'll fall in love with.