ribbon Enter Now

Want a brand new website for your charity worth over £5,000?

Positive Web Design is offering one lucky charity the incredible opportunity to win just that!

Call Free for an instant quote
  • /wp-content/themes/default/images/headings/bespoke-sites.png
  • /wp-content/themes/default/images/headings/brochure-sites.png
  • /wp-content/themes/default/images/headings/ecommerce-sites.png
  • /wp-content/themes/default/images/headings/template-sites.png
GET A FREE QUOTE
  • Posts Tagged ‘CSS3’

    The CSS3 Text-Effect in Web Design

    Tuesday, May 22nd, 2012

    Conducting your website design processes does not only pertain on using the lingua franca of the web which is HTML but it entails the use of the different scripting languages involved in the different layers of the website. There are several layers of a website and each layer is controlled by a specific scripting language. This is done in order to make sure that every layer of a website design would function properly according to the needs and wants of the website designer.

    What Are the Layers and Web Design Scripting Languages?

    The different website layers are the following:

    1. Structural Layer – this layer is where the structure of the website is developed. It is associated with the use of the lingua franca of the internet and this is the Hypertext markup language. This is where the framework of the website is going to be developed.

    2. Presentation Layer – it is through this layer where the designs of the website are incorporated. Designing the website is made possible by using the Cascading Style Sheet scripting language. The latest version of CSS is version 3.

    3. Behavioural Layer- this layer is in-charge of the different actions and interactions of the website interface to the website user. This is manipulated by using the JavaScript scripting language.

    The New CSS3

    It is in the presentation layer that the web design is manipulated and through the Cascading Style Sheet the design is controlled. In CSS 3 or the latest version of the Cascading Style Sheet text decorations or designs are now made possible, especially that of adding shadows. This new text design manipulation can be done using the text-shadow CSS property.

    Conclusion

    The text shadow CSS property is compatible if viewed using Mozilla Firefox, Opera, Safari and Google Chrome. Through the text-shadow property you can increase the presentation of the text without having to resort to graphic design.

    Future Proofing Your Website Design

    Wednesday, April 4th, 2012

    One thing that may be acceptable with every web designers is that website design and web technology in general is dynamic. This means that web design is changing in order to conform with the change and development in technology. It was several years back when browsing the internet is only made possible via a desktop computer, however at present we do not only rely on the desktop computer to browse the internet, several devices have been developed which was also made to be compatible with connecting to the internet, such devices are the smartphones, laptops, netbooks and tablet PC’s, thus web design must evolve in order to conform to the new technology. One thing is clear, the evolution of computer technology requires the evolution of web design as internet connection is slowly becoming a requirement for every device.

    Website Design Future Proofing

    The dynamism of internet and computer technology brings about the need for a dynamic web design. However, we cannot predict what is in store for the future of web design, web designers are currently conducting the web design process to conform with what seems to be the present standard in the field of website design. It would not hurt however, if web developers attempt to future-proof their website design by anticipating the possible future. Future-proofing your website design might require the following to be accomplished:

    1. Use CSS Media Queries – CSS media queries function to make your web design compatible with specific target devices. With CSS media queries you can target Retina Display devices and HD display devices, with the advent of retina displays and its success with apple devices likewise with HD display designing websites targeting such devices will assure that any future high resolution device displays will also be compatible with your design.

    2. Use Vector Graphics – when designing your website it is advisable for you to develop your graphics in vector format. This is because of the fact that unlike any other format vector graphics utilise mathematical equations in the size of the image, which means that images could expand or shrink or be adjusted without compromising the quality of the image.

    3. Use CSS3 @font-face – with the new @font-face property in CSS web developers can now specify customised fonts to be used in their web design. Apart from allowing the use of customised fonts the @font-face property can also product vector-like font scales which offers flexibility especially in making the website design fluid.

    4. Focus on Creating Fluid Web Layouts – with the emergence of the different screen sizes from the desktop to the smartphone the size of website should also be able to conform to such varying sizes of screens. This is why a fluid website design is advisable rather than the static type of web layout.

    Conclusion on Future Proofing your Web Design:

    It is always important to take into consideration the fact that technology is fast changing, what may be applicable today may not be applicable tomorrow, thus in website design forward thinking is desirable because it allows you to make sure that your website design does not easily become obsolete and changes are minimal.