Web Design

25 Tutorials of User Interface CSS3 Effects (Advanced)

We want to present a series of 25 well-explained tutorials of User Interface CSS3 Effects . These CSS effects give developers a quick and easy solution when it comes to enhancing impressive ui styling, and will work on most modern browsers. 1. Interactive Infographic with SVG and CSS Animations   Learn how to build…

Category : Web design   25-06-2013  

318 useful twitter bootstrap resources #3

TWITTER BOOTSTRAP FOR FRAMEWORK INTEGRATIONS #2 Means and Methods of Integrating Bootstrap into your Application Framework or CMS PHP CODEIGNITER_FORM_BUILDER CodeIgniter library to build uniform form elements with bootstrap styling WRIGHT The Wright Framework is used to create Joomla Templates. The name is in honor of the famous architect, Frank Lloyd Wright, because the framework…

Category : Web design   24-06-2013  

75 Free Fonts Websites

Webpage fonts are essential for creating an impact on the user's impression of a site. That is why, designers take extreme caution in choosing the right fonts for a website. So, choosing the right type of font to use on a website is more important then you may think. This post…

Category : Web design   20-06-2013  

How to create a responsive HTML5 form

Everybody knows about web forms, isn't it? Make a , a few  elements, maybe an, finish it off with an  button, and you’re done. You don’t know the half of it. HTML5 introduced a selection of new input types and attributes that make the creation and validation of forms far easier than previous methods. Let's explain how to…

Category : Web design   12-06-2013  

90 free wordpress themes

WordPress is one of the most popular Free and Open source blogging, publishing and CMS with lots of flexibility. It started as a blogging CMS but now its used as CMS for building complex website, portfolio and ecommerce websites. This article is an answer for you. Below we have showcased 90…

Category : Web design   11-06-2013  

What fonts do you use for programming?

What fonts do you use for programming, and for what language/IDE? Here is a list of great programmer fonts for those of you who steadfastly refuse to believe in anything beyond Courier New...   1. PT Mono 2. Menlo 3. Droid Sans Mono 4. DejaVu Sans Mono 5. Pragmata Pro 6. Monaco 7. Source Code Pro 8. Inconsolata-g 9. Andale Mono 10.…

Category : Web design   10-06-2013  

Cross browser HTML5 videos

For many years, Flash has been the most popular video solution on the web. With HTML5 a new specification is born: HTML5 videos. In this tutorial, we’ll show you how to use HTML5 to display videos on your website. Step 1: Preparing files The first thing to do is to make sure your files…

Category : Web design   06-06-2013  

How To Create a Metro UI-Styled Website

In Ma-No we liked the Metro UI as it fits into many aspects of the modern web design like simplicity, grid-based interfaces (good for responsive layouts) and it is consistent in every part (there is really a style guide behind it). If you like the Metro UI and planning to create…

Category : Web design   05-06-2013  

318 useful twitter bootstrap resources #2

Input BOOTSTRAP-WYSIHTML5-RAILS A stylish wysiwyg editor for Bootstrap. TIMEPICKER Select a time for a text input using your mouse or arrow keys. COMBOBOX FUEL UX Bootstrap style form element combining textfield and select controls. TIMEZONE FORM HELPERS A drop down of timezones from country code LANGUAGES FORM HELPER A drop down of languages or a…

Category : Web design   05-06-2013  

26 Free Typeface-Font eBooks for Designers

Since as far back as the 1450s, typefaces have been used in printing ( Do you remember Gutemberg? His major work, the Gutenberg Bible, also known as the 42-line Bible, has been acclaimed for its high aesthetic and technical quality.). Lead alloys were often cast into letters (or wood was…

Category : Web design   05-06-2013  

25 Useful HTML5 Tools For Web Designers & Developers

The latest version of HTML – HTML5, adds many new elements to the applications that are being developed. It's very important important for the web developers and web designers to learn and use the elements of HTML5 to develop web apps and sites. Here we have some fresh and news HTML5 resources which are…

Category : Web design   29-05-2013  

10 Metro Bootstrap Templates

As an open source project Bootstrap continues to evolve, with 2.2.1 the latest version released recently, it has significant grounding in the development community, and is described by some as rapidly becoming the ‘jQuery of HTML frameworks’. Within a few months of its launch, the project grew to be the…

Category : Web design   29-05-2013  

25 Metro Style Scripts and Tutorials for Web Developers

The Metro Design style is slowly gaining popularity since most web developers today prefer to use it for their various websites with the use of JavaScript, HTML5, and CSS3. Here we have listed some Metro Style Scripts and Tutorials for web developers ad designers. All to make it easier for you to…

Category : Web design   28-05-2013  

Weekly Design and Development News #2

Red Pen It lets you upload your design, share a short URL and get feedback super-fast. There’s no logging in, no project management, no bullshit. CSS Modal The CSS Modal is built out of pure CSS. The modal is designed using responsive web design methods so it works on all screen sizes from…

Category : Web design   26-05-2013  

Weekly Design and Development News

This is our weekly article were we share our favorite design or development related articles, resources and cool tidbits of the week. Enjoy :) ! If you would like to receive our daily updates and keep up to date with the latest and greatest articles and resources from tahe design community, you…

Category : Web design   26-05-2013  

Usability: why you should not use horizontal newsticker in your homepage

Recently, a client asked me my opinion on tickers. My response was, "They're great for the stock market, and bad for Web pages." A quick little Web search on usability expert Jakob Nielsen's Web site, useit.com, found this quote, from his commentary on Sun's Web site redesign, circa 1997: Almost all…

Category : Web design   17-05-2013  

318 useful twitter bootstrap resources #1

Display BOOTSTRAP-MAXLENGTH Uses badges to display the maximum length of the field where the user is inserting text. This plugin uses the HTML5 attribute "maxlength" to work. WATABLE a pretty decent jQuery table plugin BOOTSTRAP-TIMEPICKER A simple timepicker component for Twitter Bootstrap. BOOTSTRO.JS Guide users through your application via a series of Bootstrap popovers NOD!…

Category : Web design   17-05-2013  

Incredibly Useful and Interesting Web Sites

Here is a list of really useful websites. We've organized the sites in the list by the type of task they help you with. It is not a ranking; in each category we recommend sites that specialize in a different area than the others.. Educational/Learning khanacademy.org - video lectures on just about any…

Category : Web design   17-05-2013  

30 HTML5 Tutorials for All Skill Levels

HTML5 is the next evolution in website development so whether you’re a web developer or a serious game developer wanting to explore the web as a new platform, HTML5 has something for each of you. If you want to learn or improve your web design skills and make the most of…

Category : Web design   17-05-2013  

CSS:How To Create Fixed Position Share Box

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…

Category : Web design   16-05-2013  

Server-side HTML vs. JS Widgets vs Single-Page Web App

  At the recent GOTO Chicago conference, I gave a talk on "Frontend Architectures: from the prehistoric to the Post-modern." In just my first 10 months at Coursera, I've experienced the joys and woes of many different frontend architectures, and I wanted to share what I learnt. I detail everything in the slides, but I'll summarize…

Category : Web design   11-05-2013  

5 Simple Landing Page Optimization Tips

Eight seconds. That is all the time you have to capture a person’s attention, according to The Associated Press. Busy schedules and non-stop media barrage are quickly taking up your potential customers’ attention. You have just eight seconds to make a solid impression and get them to your next step.…

Category : Web design   10-05-2013  

How to Design a Logo: A 5-Step Process

An experienced logo designer knows that designing a great logo requires an equally great design process to ensure that the outcome is outstanding. I have broken down the logo design process into five steps that will create an effective pathway from initial brief to final presentation. Though each designer will…

Category : Web design   10-05-2013  

Why is facebook blue? The science behind colors in marketing

Why is Facebook blue? According to The New Yorker, the reason is simple. It’s because Mark Zuckerberg is red-green color blind; blue is the color Mark can see the best. Not highly scientific, right? That may not be the case for Facebook, but there are some amazing examples of how colors actually…

Category : Web design   07-05-2013  

Essential Design Tutorials for Professional Designers

Today I will show some awesome tutorials created by very professional designers. First tutorial is about adding lighting effects to a dull image. For this kind of stuff you will need some stock images which are mentioned in the below link.  The tools which you must know are Layers, Models,…

Category : Web design   30-04-2013  

8 CSS Properties Designers Can't Live Without

Imagine a world without CSS, where you have no real control over how anything looks or behaves in a browser. Imagine having to slice images using nested tables for your design. Some of us have been around long enough to remember when tables were a typical, perfectly acceptable way to…

Category : Web design   29-04-2013  

Modular CSS with Media Queries and Sass

Most developers nowadays are recognizing that if you’re developing large applications that have different views and states, it is best to take a modular or object-oriented approach to your CSS development. When you throw media queries into the mix, however, the you can lose some of the benefits of modularity — code that’s…

Category : Web design   22-04-2013  

Top Resources For Twitter Bootstrap

Today we’ve collected our favorites into a list of everything you need to get started with Bootstrap. From introductory tutorials to wireframing kits and custom generators, there’s something here for every Bootstrap lover. Official Bootstrap resources Official resources for Bootstrap Title Description URL View Bootstrap itself Twitter Bootstrap Framework http://twitter.github.com/boot... Go Bootstrap Google group Ask your Bootstrap questions here http://groups.google.com/group... Go Templates Ready to go Bootstrap templates Title Description URL View WrapBootstrap Themes…

Category : Web design   19-04-2013  

Bootstrap Tutorial for Blog Design

Bootstrap is a toolkit, which is developed by the Twitter team. This actually helps you to develop web applications much faster.Bootstrap contains CSS and Javascript files using which you can enrich your web page with Grids, Layouts, Typography, Tables, Forms, Navigation, Alerts etc,. This avoids cross browser compatibility problem. This…

Category : Web design   18-04-2013  

40 Free Visualization Libraries: Charts, Diagrams And Flowcharts

With the technology advancements, internet users have developed some standard methods to present data to users. They include the use of statistical charts and graphs. Presenting data in the form of charts and graphs makes it easy for the users to understand it. For today’s round up, we are presenting you…

Category : Web design   15-04-2013