サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
ノーベル賞
tomkenny.design
Mobile screen real estate is at a premium and one of the biggest problems to solve is how to display navigation when screen widths become quite narrow so I decided to have a look and see what I could come up with using some nifty CSS and a touch of jQuery. Trying to condense a navigation down onto a mobile screen tends to push the actual content of the site down and out of initial view. Luke Wrobl
Portfolios are an important part of a web designer’s job hunting arsenal. In most cases they are the only thing that a prospective client or employer have to decide if you are the right person they are looking for. More importantly, portfolios are extensions of our own work so don’t just think of them as dumb pages to show off your work. Treat your portfolio design as just another piece of your ow
You may not be aware of bookmarklets which are an underused tool in web designer or developer’s toolbox. A bookmarklet is a a term that merges bookmark and applet to add functionality to a web browser. They can be stored in the bookmark bar of any browser and used from there to perform useful tasks and consist primarily of Javascript code. As Javascript is synonymous with web development, some cle
When designing a website, there are a number of different styles you can adopt to get the message of a brand across effectively to customers, users or readers. The important thing to consider is to pick a style that matches the brand you are designing for. Also, there’s no reason why you need to stick to one particular style. Multiple different styles can merge together perfectly fine as you’ll sp
When overlaying text onto images, the most important thing you need to consider is readability. If the text being placed on top of the image doesn’t have enough contrast with the image itself, the message will get lost and frustrate visitors as they try to work out what it actually says. You don’t want visitors to have to work hard just to read something on a website. This can contribute to them i
Sometimes it’s the little things that can make all the difference and there are plenty of neat little CSS tips that can help with all aspects of design and development. Here are a few great tips that will help you improve your CSS work and help you get the most out of your code. Reset Browsers’ Default Styling By default, browsers assign styles to certain elements. The problem with this is differe
The travel and tourism industry is a great source of inspiration when it comes to web design. The main goal of any site in this industry is to entice visitors to travel. Imagery plays a huge part in this because any potential customer wants to see exactly where they are travelling to. Here are a few great examples of inspirational travel and tourism websites. Australia’s Official Tourism Website J
Recently there appears to have been a trend towards textured backgrounds in web design. They’ve always been around in web design but have risen in popularity recently. They can add a bit of interest or create a much needed extra layer of depth on a web design. The following are good examples of textured backgrounds. Rocket Club Bright Creative Design Commission Happy Dangy Diggy Elliot Jay Stocks
This is the first part in this series of The Principles of Good Web Design. The other parts are listed below: The Principles of Good Web Design Part 2: Navigation The Principles of Good Web Design Part 3: Colour The Principles of Good Web Design Part 4: Content Good web design doesn’t just appear out of nowhere, there are many aspects of design that come together to achieve this. The first one tha
Buttons can play a big part in how visitors interact with a website. They come in varying shapes, sizes and styles but there are a few things to consider when designing buttons: Use of Icons Look and Feel Behaviour Importance Consistency Use of Icons Using icons as part of buttons can help improve usability by providing a visual aid making it more obvious to the user as to what function the button
Design decisions can be difficult to make when you don't know if they'll work or not. It's time to learn from the best with decisions you know will work. Find out more More articles › About Tom Kenny Hi! I’m a senior UI/UX designer with over 10 years experience working with some great companies such as Dorling Kindersley, TUI Travel, Sky Sports, Haymarket and more. I share everything I learn about
Great use of colour can really make a design stand out but deciding on an effective colour scheme can be a difficult thing to achieve. The following examples all use a number of different colours to create a visual impact which is the first thing a visitor is likely to notice. If the colours blend well together then that initial impact will almost always be a positive one. Make Photoshop Faster Fe
Transparency in web design has been held back by IE6’s inability to display transparency in PNG files. Now that there are workarounds using javascript and the increasing lack of support for the aging browser transparency has become a viable option in web design. All of the examples below make use of transparent PNGs. Envato Fix Outlook Line25 Sam Brown Inspiration in a Box Postbox Holdfire eleven3
Online stores can often be confusing and hard to use which can turn potential customers away. There are some very simple things you can do to keep your users focused on your site. Here are some great examples of sites doing just that. CafePress Good use of top navigation, highlighting the relevant section that the user is currently viewing. Good use of colour to ease usability. The Mozilla Store T
Headers are the usually the first thing you see so the examples shown have gone for big, bold and beautiful headers that give the design character while also making them very memorable.Alexandra Tong Duirwaigh Studios Designslurp Matt Mullenweg Cosmive PSD Layout Design Webstaze Ectomachine CSS Leak CTL Dragon Interactive Gummisig Feed Stitch Jesús RodrÃguez Velasco Vidget Inspire Corvus Design
Following on from our look at fantastic login pages comes a look at more comprehensive form design such as contact forms, order forms, sign up forms and comment forms. Below are just some of the best examples on the web. WPCoder uses a high quality image of a clipboard for their order form. Alex Cohaniuc uses a piece of paper for his contact form. Paramore Redd have a nicely styled, clean contact
このページを最初にブックマークしてみませんか?
『Inspect Element - Web Design & Development Blog』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く