Web Design

318 useful twitter bootstrap resources #4

318 useful twitter bootstrap resources #4

Wordpress WORDPRESS BOOTSTRAP THEMES Listing of free, base and premium themes for Wordpress based on Bootstrap. WP-BOOTSTRAP-GALLERY A custom Wordpress gallery for dynamic thumbnail layout using Twitter Bootstrap 2.2.2 thumbnails and the WordPress built in gallery manager. WP-BOOTSTRAP-NAVWALKER A custom Wordpress nav walker class to implement the Twitter Bootstrap 2.2 navigation style in…

Category : Web design   09-07-2013   by admin admin

50 Fresh Tools for Developers and Designers

50 Fresh Tools for Developers and Designers

Web developers and web designers regularly look for new resources, tools and services to make the search of these ever-growing techniques easier. This overview presents some of the most useful round-ups of time-savers, tools and services for Web designers. As every designer or developer knows, anything that can save you just…

Category : Web design   08-07-2013   by admin admin

20 useful cheat sheets for web developers

20 useful cheat sheets for web developers

Being a web developer is an awesome job because you have the possibility to create awesome things. It is fun, you can play with some cool tools and you can earn a lot of money but like in any other type of specialization, you need to be up to date with all…

Category : Web design   03-07-2013   by admin admin

Convert HTML Special Chars Entities Inside Code and Pre Tags

Convert HTML Special Chars Entities Inside Code and Pre Tags

If you're ever posting a piece of code on your blog or whatever, you've probably realized that it's a pain to have to convert any special character to its HTML entity. Why not take the pain away and let PHP handle that for you? There really isn't a foolproof method to…

Category : Web design   02-07-2013   by admin admin

14 Tools For Checking Your Website's Health

14 Tools For Checking Your Website's Health

Have you ever checked your website's health? We have listed some useful sources that show if your website is operating as it should, and if there's anything that it can be done to improve it's performance from the structural and marketing aspect. Enjoy and feel free to recommend any other sources…

Category : Web design   28-06-2013   by admin admin

20 Useful Web Development Tutorials For All Novices

20 Useful Web Development Tutorials For All Novices

Being a web developer is not so easy because you must be constantly updated with the latest technologies and trends. If you are a beginner is even harder because you need to understand and learn the most used methods and techniques fast. Here, we have collected 20 useful web development tutorials for novice…

Category : Web design   27-06-2013   by admin admin

25 Tutorials of User Interface CSS3 Effects (Advanced)

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   by admin admin

318 useful twitter bootstrap resources #3

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   by admin admin

75 Free Fonts Websites

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   by admin admin

How to create a responsive HTML5 form

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   by admin admin

90 free wordpress themes

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   by admin admin

What fonts do you use for programming?

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   by admin admin

Cross browser HTML5 videos

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   by admin admin

How To Create a Metro UI-Styled Website

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   by admin admin

318 useful twitter bootstrap resources #2

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   by admin admin

26 Free Typeface-Font eBooks for Designers

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   by admin admin

25 Useful HTML5 Tools For Web Designers & Developers

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   by admin admin

10 Metro Bootstrap Templates

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   by admin admin

25 Metro Style Scripts and Tutorials for Web Developers

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   by admin admin

Weekly Design and Development News #2

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   by admin admin

Weekly Design and Development News

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   by admin admin

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

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   by admin admin

318 useful twitter bootstrap resources #1

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   by admin admin

Incredibly Useful and Interesting Web Sites

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   by admin admin

30 HTML5 Tutorials for All Skill Levels

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   by admin admin

CSS:How To Create Fixed Position Share Box

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   by admin admin

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

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   by admin admin

5 Simple Landing Page Optimization Tips

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   by admin admin

How to Design a Logo: A 5-Step Process

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   by admin admin

Why is facebook blue? The science behind colors in marketing

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   by admin admin