Web Design

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 Janeth Kent

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 Janeth Kent

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 Janeth Kent

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 Janeth Kent

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 Janeth Kent

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 Janeth Kent

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 Janeth Kent

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 Janeth Kent

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 Janeth Kent

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 Janeth Kent

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 Janeth Kent

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 Janeth Kent

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 Janeth Kent

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 Janeth Kent

Essential Design Tutorials for Professional Designers

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   by Janeth Kent

8 CSS Properties Designers Can't Live Without

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   by Janeth Kent

Bootstrap Tutorial for Blog Design

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   by Janeth Kent

40 Free Visualization Libraries: Charts, Diagrams And Flowcharts

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   by Janeth Kent

CSS:Browser CSS hacks for IE6,IE7,IE8,IE9

CSS:Browser CSS hacks for IE6,IE7,IE8,IE9

Did you know that there are specific CSS hacks for IE that allow you to target IE8, IE7 and IE6? We, web developers, are constantly faced with deficiencies of Internet Explorer, and CSS hacks allow to overcome them in most cases. In this post I would like to group the CSS hacks…

Category : Web design   11-04-2013   by Janeth Kent

28 Tools for Responsive Web Design

28 Tools for Responsive Web Design

Today we have compiled a list of 28 Tools for Responsive Web Design. Take a look! 1.Responsive web design sketch sheets The .zip has been updated to include a 1 Up version of the sketch sheets created by Denise Jacobs. 2. styletiles Style Tiles are a design deliverable consisting of fonts, colors and…

Category : Web design   11-04-2013   by Janeth Kent

20 Best Wireframing Tools for Web Designers and Developers

20 Best Wireframing Tools for Web Designers and Developers

A website wireframe also known as a page schematic or screen blueprint, is a visual guide that represents the skeletal framework of a website. Wireframes are created by User Experience professionals called Interaction Designers. The interaction designers who have broad backgrounds in visual design, information architecture and user research, create…

Category : Web design   11-04-2013   by Janeth Kent

Css3: animation

Css3: animation

Enables to animate an element. Every animation consists of the animation properties, e.g. delay and duration, and the related keyframes, which define its appearance. Compatibility -moz-animation * @-moz-keyframes -webkit-animation ** @-webkit-keyframes animation *** @keyframes Not supported by Firefox prior to version 5, Internet Explorer prior to version 10 and Opera prior to version 12. For detailed compatibility info see caniuse.com. * Firefox…

Category : Web design   11-04-2013   by Janeth Kent

page=4 Clicky