Blog Main Categories
- Project Management 81
- Business Skills 157
- Creative Design 94
- Business Processes 88
- IT and Web Development 81
- Digital Marketing 160
You are viewing posts from the Web Design category. Click to view all posts
Skeuomorphism is, according to Wikipedia, "a physical ornament or design on an object made to resemble another material or technique." It's a somewhat controversial design technique that has been around for centuries.
In terms of web and mobile design, skeuomorphism is most commonly referred to in terms of icons or even apps and software which use representational design elements that possess little or no functionality. You can learn all about skeuomorphism on our InDesign Training.
An example of it would be the notepad on Apple iOS devices which has been designed to look like a traditional paper notepad. There's no need for it to be designed like this, from a functionality perspective, but the way it looks makes its purpose easily identifiable. The skeuomorphic philosophy employed by Apple is a big part of their approach to making tech simple and ultra-user-friendly.
It's not just Apple that uses this technique though; it has been in use in the tech industry for years, especially with regard to buttons and icons.
But is it a good thing? Should we really be using symbols that don't mean anything in terms of the app or software?
Ben Savage recently wrote an article on VentureBeat called "Why HTML5 has provided more tricks than treats in 2012" criticising what he sees as its low-uptake and over-hype. He quoted Mark Zuckerberg as saying: “The biggest mistake we did as a company (this year) was bet too much on HTML5.”
In this post I'll explain why I think neither have got it quite right.
If you also think the Zuck's got it wrong and want to learn how to use HTML5, try our HTML5 Course & CSS3 Training for designing sites using the most recent standards for the web.
HTML5 in 2012
To me HTML5 is a fantastic tool that melds the dividing lines between mobile and desktop and extends the boundaries of what is possible with web development. 2012 has seen the adoption of the language in all sorts of diverse areas of the web and to great effect.
Responsive Web Design is happening right now, it has hit the mainstream and will be around for quite a while. Once you've been on our Responsive Web Design course, there are a huge number of online tools to help you switch to a responsive design workflow and develop your skills and your sites even further. In this post, we're going to run through some of the best.
Responsive Design Workflow: You’re Going to Need a lot Less Paper!
Workflows are changing with responsive design: there’s less reliance on mock-ups and more emphasis on HTML and CSS prototypes. Although these take longer initially, iterations in response to client feedback are much quicker as they can be done live. Responsive design heavily supports CSS instead of graphics wherever possible, meaning that the majority of tweaks will be made in the style sheet.
Read the case studies below to see what’s involved:
Wireframes now need to include a range of devices, as well as consider how easy it is for the user to tap on areas of the screen. These free templates enable you to sketch your design on actual size, pre-created templates for seven mobile platforms.
We're proud to announce the launch of a brand new course in Responsive Web Design because we understand that websites now need to be accessible from a range of devices.
In the past, all webmasters had to do was design and build a website to render on desktop screens that didn't differ much in size. Now, sites need to appear and function easily on a huge range of screens including desktop PCs, tablets and smartphones.
Our Responsive Web Design training is the latest addition to our range of courses in Mobile Development, and perfectly complements the other courses in our Mobile Web Design Week - see below for more details. We also offer a course in Mobile Web Design - a stand-alone course that teaches you how to use jQuery and Dreamweaver to create websites for mobile devices.
The Responsive Web
Consumers are now used to accessing the web whenever and however they want. They may use Twitter on their iPad whilst watching catch-up TV on their laptop - or even vice versa. Both (or all!) websites need to be able to work with all devices - or people will quickly turn their backs to start using rival sites that better suit their lifestyles.
PHP Pointers for Beginners
With Web 2.0, website visitors expect a full-featured custom website that uses their location and other information to display a unique website. As a developer or designer, you want to find ways to make your website a unique experience for each visitor. You can use PHP to create a feature-rich, dynamic website for your visitors.
PHP is a scripting language embedded within HTML. A PHP processor module, which reads the script, is located on the web server. The module renders a readable web page, so site visitors do not need special software installed on their own computer to view features on the page. Used on over 20 million web pages, PHP is one of the most popular languages used to create dynamic web pages.
A few of the most popular Web 2.0 websites use PHP to create customized content for their visitors. Facebook, WordPress, Digg and Wikipedia all use PHP to produce websites tailored to each visitor's needs and interests. Web developers can use PHP scripts to pull information from the database about each user, including location and previously saved data.
PHP has many features you can use to customize your website, but listing all of them would make this article too long ,not to mention too boring, to read. You will learn more techniques in future articles, but this article will introduce you to six easy ways to use PHP, even if your experience with PHP is limited.
You can change the appearance of your web page depending on the day or any other factor. For example, show a picture of the sun during the day and a picture of the moon at night. This keeps your website fresh for returning visitors and keeps it interesting.
Place this code between the head tags in the HTML code:
$day = date("w");
$color = array("white", "orange", "purple", "pink", "red", "blue", "green");
Place this piece of code inside the and tags of your HTML to change the color: