For best results, all the creative assets should be provided by the design team with clear communication about what is expected before a developer start writing any code. Below are some of the points that needs to be kept in mind while the information is transferred from design team to development team.
- All the original creative files (PSD, AI) should be provided
- Annotated wireframes or interactive wireframes to depict functionality
- Font files used (if these are not standard fonts found in user’s machine)
- A style sheet mentioning all the info related to font, color and dimensions
- If the web page is responsive, all these info should be divided by device type
Creating the web page
When a developer has access to all creative assets and other required info, the first thing to do is to divide the design into logical sections and then construct those sections of the web page through HTML. New tags in HTML5 such as <header>, <footer>, <section> and <nav> allow developers to define the structure of a web page and its content in a better way. Other tags like <audio> and <video> provides multimedia support.Another important aspect of creating the web page is to make sure the user experience is consistent across platforms. Guidelines provided by HTML5 are followed by all the modern browsers. This means that web pages will look consistent across browsers in all the platforms. This also means that designers can focus their time/efforts on creating great website designs and not worry about if a certain parts of their design will render properly on all the browsers.
After defining the logical structure to the web page developers use CSS to give web page its actual look and feel. How each section/component will look is defined by CSS using properties for font, color, size and position.CSS3 introduced many new properties to make website more visually appealing. Some tags such as border-radius, box-shadow, text-shadow, text-outline, text-stroke, background-size are very userful.
The @font-face property can be used to access fonts that are not installed on the user’s system. This allows developers to accurately implement the fonts used by designer.
Modern website try to deliver a unique experience to users on different device type (PC, tablet, smartphone etc.). Media queries in CSS3 help developers with this. Media queries in CSS3 extend the CSS2 media types idea: Instead of looking for a type of device, they look at the capability of the device. Using media queries are a popular technique for delivering responsive websites.
Need experts to back your team? We are offering 20 hours of FREE development as a trial. Our expertise will speak for itself!
Let’s discuss your project!
“Captivix has demonstrated strong professional skills and expertise to help us build a better product than expected.”