Responsive Web Design 2013

Posted On 7:41 PM by manoballs | 0 comments

Accessibility
The practice of designing a product or a website to make it available to as many people as possible, regardless of their physical abilities. On the web, this can include using subtitles on video or employing text markup protocols that ensure the content will work with assistive devices (for example, to read the text out loud).

Web design using CSS3
Cascading Style Sheets are sets of instructions for web browsers.They define the presentation and consistency of documents — for example, the layout and the fonts — and they're often separate from the web-page content. By using style sheets, the same content can display in different ways on a mobile device, a desktop computer, or a PDF. CSS3 is the newest implementation of that markup language and enables responsive markup.

Device detection
When a device accesses a website, it sends descriptive information to the server. A site host can use this information to detect a mobile device and tailor the content for it through style sheets, scripts, and other methodologies. Some detection can also be done client-side.

Web design using HTML5
The fifth revision of HyperText Markup Language, the core language for presenting content on the web. HTML5 includes new syntax such as tags for video that is responsive and will also play in many browsers without requiring end users to install proprietary plug-ins.

Media query
In CSS, web developers can define a media typesuch as screen or print, and specify the look of the content by specifying conditions such as width, height, or orientation. A media query combines a media type and a condition to specify how web content will appear on a particular receiving device.

Native app

A software application developed specifically to run on the architecture of a mobile device, and which is downloaded, purchased, and upgraded through a central distribution portal (such as the App Store). One web
The idea that a website should be designed to work on multiple devices through CSS styles and HTML, without redesigning the site or changing the content for different devices.

Optimized content

Although the term "optimization" is often used for improving the visibility of a website in online search engines (also known as SEO), it sometimes refers to web content that's designed to function well on multiple computers and mobile devices.

QR code
Stands for "Quick Response" code. It's a barcode—read by devices such as camera phones— that enables someone to display certain information or open a web page. At this time, Android phones include native support for QR codes but iOS devices require a third-party app.

Responsive web design
A website that responds to the device that accesses it and delivers the appropriate output for it uses responsive design. Rather than designing multiple sites for different-sized devices, this approach designs one site but specifies how it should appear on varied devices.

Web app
Uses web browser technology on the Internet to display a mobile URL on a device, often with a different appearance than the corresponding desktop website.

Almost everything are using responsive web design in 2013
| | edit post

Are you a self-taught Web designer?

Posted On 5:12 AM by manoballs | 5 comments

Are you a self-taught Web designer or formally educated?

This is the question comes out in my mind when I saw some of the web designer profile on the net. As I was browsing to his website, I have notice that he studied in a big university in the Philippines, He has a web design degree and has been on the web design industry for 5 years. Technicality wise, his website is okay and have posted clients website that he made. But the thing is, I am not convince the look and feel of his website. The header has no call to action or at least putting it somewhere else on the homepage. I am not mocking about his website because It's not ugly anyway but my point is, this guy studied website design formally but turns out to be a not so nice web designer at all. I don't consider myself as professional on this matter but I can see the difference between white and red on this.

Web design is my passion and I learned it by myself at home. I was a bigginer way back 2007 where I published my first website as a Philippines Web Design. Being a self-taught web designer is right choice and at the same time its tough. You will do a lot of research, browsing the tutorials on the internet study the other website on how they do it. On the other hand I was thingking of studying web design formaly in some university in Manila Philippines. But I change my mind due to what i have observed. That most self-taught web designers have a good skills in web design and their works are awesome! (well that's my own opinion) All you need to have is the passion to do it, practice and patience. Those who don't have this will have nowhere to go.

In the contrary, client will look on web designers that has a diploma because by reality they want their website to be design by the person who has a degree on it. Needless to say that professional self-taught designers has more experienced and know the right thing to do it.

So the bottom line is we have to build our portfolio as nice as it can be and most of all its a browser friendly and yet attractive to look for more. After all, formaly educated and self-taught web designer are measured on how passionate and motivated they are to excel on what they do.

| | edit post

How Website Design Influence People

Posted On 8:41 PM by manoballs | 9 comments

A website is a representation of a company online. The public can have a positive or negative perception about your products and services based on your website design. It is the first reason by which the nice website design is very important for businesses. Website design does not import simply because it helps you to establish a strong and positive image for your mark but also because the website design can really encourage people to take the desired action.

All the professionals who work in the field of website design understand that the visual ones can produce certain feelings in the people and can encourage them to take a certain policy. It is because cognitive processes are affected by the sensory stimuli. By the course of our lives, our brains will be conditioned to answer the logos, the signs, the colors, and the symbols in certain manners. A good website designer knows this and will benefit from this fact.

Take the red color for example. The red is largely accepted to mean the stop or the error. This is why when there is something false product during the opinions of a process on line usually come in red from color, often accompanied with a mark by exclamation. The red can also mean the importance. The red is employed to mark the important messages because the color is held easily outside.

The symbols also give the specific significance thus it is important to employ them correctly. The symbols are the visual signs that the assistance communicate messages with people. The false use of the symbols can cause confusion among people and can decrease the effectiveness of your website. The nice website design employ all the suitable police forces, symbols and colors to communicate the good messages with the public. website design implies to create a web site which supplements your efforts of hot marking. Do you want to be known as a company of recreation? Your website should exude a vibe recreation. Is your company implied in the businesses and the bank transactions? Then you do not want that your website designer put kiddy font to discuss your services. The good website design exceeds esthetics but also implies semiotics. Semiotics is a very important aspect of communication on line because you want that the people identify positive values and take positive measures in your site.
| | edit post

Cool and Effective Headers in Web Design

Posted On 10:44 PM by manoballs | 1 comments

If you're going to design a website, make sure that the header will communicate with the surfers. This is very important because the header is the first thing you want to tell your user when they visit your site, and will catch their attention to read further.

Here are the different types of header design:

www.styledivision.net/


www.jameslaicreative.com/


Read more
| | edit post

Design Philosophy

Posted On 11:02 AM by manoballs | 1 comments

Here are some of the designers' philosophy that I encountered on the net. I thought of sharing it here though it has been published a hundred times even before this blog was created.

If you have something to share, please feel free to make some comments and post your philosophy as a designer.

Design is in everything we make, but it’s also between those things. It’s a mix of craft, science, storytelling, propaganda, and philosophy. Erik Adigard

Design is a plan for arranging elements in such a way as best to accomplish a particular purpose. Charles Eames

Design’s fundamental role is problem solver. Fast Company, 2005

Good design, at least part of the time, includes the criterion of being direct in relation to the problem at hand - not obscure, trendy, or stylish. A new language, visual or verbal, must be couched in a language that is already understood. Ivan Chermayeff

Good design is the most important way to differentiate ourselves from our competitors. Samsung CEO Yun Jong Yong, 2004

Graphics is the visual means of resolving logical problems. Bertin

A design isn’t finished until somebody is using it. Brenda Laurel

Intelligent design itself does not have any content. George Gilder
| | edit post