Please enable JS
Web Technologies

These tools: HTML, CSS & Javascript are the cornerstones of modern web design; they can make your website fast and robust - and by adding some PHP where it's functionality is required and utilising MySQL and SVGs, much more can be realised in terms of user-interaction.

HTML

CSS

JavaScript

PHP

MySQL

SVGs

img
Semantic HTML
Semantic HTML reinforces the semantics, or meaning, of the information in webpages rather than merely to define its presentation, therefore improving accessibility.
Bootstrap CSS
Bootstrap is an open-source front-end web framework for designing websites, it contains CSS-based design templates for typography, forms, buttons, navigation and other interface components.

Web Technologies used at iopan design

HTML5

HTML or “Hypertext Mark-up Language” is the standard language for creating web pages. Web browsers receive HTML documents from a webserver and render them into multimedia web pages. HTML describes the structure of a web page.

CSS3

CSS stands for “Cascading Style Sheets” which suggests how the levels of priority of styles cascades. CSS is a language that describes the style of an HTML document and how HTML elements should be displayed.

JavaScript

JavaScript (and the popular JQuery library) is a scripting language employed by the majority of websites. All modern web browsers support it. JavaScript has numerous first-class functions, supporting a variety of programming styles.

PHP

“PHP: Hypertext Pre-processor” is a popular scripting language that is especially suited to web development. It is fast and flexible; powering everything from a simple blog to some of the world's largest websites.

MySQL

MySQL is named after co-founder Michael Widenius' daughter, My. The SQL phrase stands for “Structured Query Language” and it is an open source relational database management system.

SVG

SVG or “Scaleable Vector Graphics” is an XML-based (Extensible Markup Language) vector image format for two-dimensional graphics with support for interactivity and animation.

The Process of Developing a Website.

01

Research

What’s the website's goal? Who’s the target audience? What message do you want to send? Solid research is the fundamental first stage.

02

Planning

Tasks, Deliverables, and Timelines need to be planned. Visualizing the timeline helps to estimate how long the project will take. Many web designers use Gantt charts for themselves and their clients.

03

Wireframing

The wireframe is the blueprint for the site. Wireframes are the visual planning of the structure and placement of elements on the site. Also, a site map at this stage will help to organize the hierarchy of navigation.

04

Design

The website design is often created using webdesign software. At this stage of the visual design process there needs to be significant input from the client. This involves creating/modifying and achieving client approval.

05

Development

Following design approval, the coding proper begins - this can be the most time-consuming step and is certainly the most important. The development process involves: developing new content, refining old content, creating media and developing functionality.

06

Testing

Site testing before launch is critical. There are always last minute issues and bugs that need to be addressed. The website is tested thoughly; preferably also by outside testers. All the content must be grammatically correct.

07

Launch

Congratulations! The site is launched! But the work doesn't stop just yet… Dealing with user feedback is important now. Visitors also need time to adapt to the new site, so providing support for a short period is ideal.

08

Maintenance

Maintenance is the last step and, in fact, is ongoing — involving updating content, fixing links, updating plug-ins, CMS, etc. Maintenance needs to operate on a weekly basis, ensuring that you keep abreast of the fast pace change in web technologies.

client
client
client
client
client
client

“Creativity takes courage”

Henri Matisse signature

Henri Matisse