Experimenting with clay, i created a model of slender man.
- Principles of C.R.A.P Design
- Circle Hover Effects Used for CSS3 Animations for social networks on Contact Page
- Retina Display icon set
- Tutorial on How to design an app in photoshop
- iOS 6 Graphical Interface iPhone 5
- iPhone 5 PSD files
- Nice and simple contact form
- Web Standardistas
- HTML and CSS Web Standards Solutions: A Web Standardistas’ Approach (Murphy, 2008)
- How to make a ribbon with CSS3
- iOS linen for footer
- inset border radius
- new CSS tools
- Rounded Border
- Merging layers in photoshop
- Semi-transparent background, but not text
- Comparison with Webkit-gradient and Moz-linear-gradient
- CSS3 typography
- Fade effect on link hover
With the development of my app site I thought it would be appropriate to create some user interface graphics as most app sites featured on Appsites.com typically have a number of examples of the interface. This is because it is the best way that an App can be sold to the user, as if the interface is not appealing, then few people will download it. I tried to make them look as professional as possible by scouring the appsites website, as well as looking at apps on my own iPhone to figure out how successful apps design their interfaces, in order to follow suit.
for the interface I created of the half iPhone (above), I used a number of resources. I had to use the Teehanlax iOS 6 iPhone 5 user interface icons, which I edited myself so that it suited my app site. I used the TWG Retina display icons that I referenced in my previous post to create the button icons at the bottom, and had to mirror the gradient overlays that were being used in the original PSD file for the iOS6 interface icons.
For the home page iPhone interface, I used the leather interface referenced in my previous post. I used the cambridge university accommodation image from Cambridge Rooms and the oxford image from Oxford Rooms website. all of the other aspects of the interface was created using Photoshop alone and my own logos. for all of the iphone images I have used, I used the iPhone PSD files from Graphics Fuel. It was a useful PSD file because all elements were still separate so I could place my user interface underneath the screen shine to make it look more professional.
Codrops situated on Tympanus website, is a brilliant resource for CSS3 animations and transitions for links etc. I have used this a lot as the source code is available to use for commercial purposes and they produce brilliant outputs!
I have always wondered how apple managed to make their animations so smooth, and here is a good description and diagram of how it is made possible!