background preloader

Webdesign stuff

Facebook Twitter

Is it Time to Rethink Your Website. If you are a website owner then I am sure this question has crossed your mind before, “Is it time to rethink my website?” This question not only can be asked about the design aspect of a website, but also the content of the website. For example, has your business switched directions, moved locations, or changed phone numbers recently? It’s a good idea to make sure that the content is kept up-to-date, which includes design trends as well. Flash animations which load music when you hit the landing page is not cool anymore. In fact, it’s downright annoying, and so are overly cluttered websites for that matter. Is it Time to Rethink Your Website – Infographic Maan.

Project 27 | No one wants to use your website. There are a ton of exceptions, of course. But if you’re selling a product or a service, there’s a good chance your user has no desire to be there. They aren’t excited to use your website, so stop trying to make them. They’re using your service because it reduces some headache and makes their life easier. The majority of your users are not power users. They don’t care about small tweaks and under-the-hood features and having tons of options and managing their accounts and all that. No one wants to register for an account. The only reason they do is because you make them do it in order to continue using the site. People hate forms. Yes, they’re necessary, but not a single one of your users is going to be excited to sit down in front of your site and fill out a form.

Perhaps most importantly, people hate thinking. Yes, you want to cater to your power-users. I’ve recently been doing UX revisions for University Niche with two non-technical co-founders. Web Design Trends for 2013 | 02 Web & mobile design. UX Design: guiding before selling. Post promoted by Mays Digital. We can say many designers don’t have any idea of UX design, and it is understandable when you think about it: although this is not a recent discipline, website design didn’t focus on user experience as a whole, but it focused into creating beautiful interfaces no matter the result.

But websites became businesses themselves: they became marketplaces of all sorts of products and services, and you no longer needed just a beautiful site, but a functional one that converts users into customers. UX design is about making the experience of using a website easy and fun for the user, and it is a way of creating a bond between the website and the user; this means both entities understanding each other: devices knowing what users require, and users understanding how the website performs easily.

The basics UX design is about understanding users, their needs, their ability, their value and their limitations. Understanding how users react Some advices on UX Design. Adamkaplan.me/grid/ 50 Beautiful Mobile UI Design with Amazing User Experience | Inspiration. The actual fact of User Interface (UI) as well as User Experience (UX) is that both UI/UX are the two sides of the same coin. Both are keeping up the relationship between the users and their products. The User Interface (UI) describes the dealing with the as well as and the products, while another, the user experience (UX) is dealing with the user’s experience and the observation of the products.

Moreover, simply saying, the User Interface (UI) deals with technical as well as formal features of a site and the user experience (UX) is dealing with the understanding and response to the user. The most beautiful, modern and amazing Mobile UI Design is right here. Today we’re picked up 50 Beautiful Mobile UI Design with Amazing User Experience from behance and dribbble for inspiration.

All the Mobile App UI/UX designs are created by professional graphic designers who can join web’s biggest platforms from all over the web. 1. Source 2. Source 3. Source 4. Source 5. Source 6. iOS App Liga Moche 7. Pinterest. Sizes of iPhone UI Elements. How to detect the current device size and kind Other dimensions common to all screen sizes: Points vs.

Pixels Apple introduced retina displays starting with the iPhone 4. You don't have to modify your code to support high-res displays; the iOS coordinate system uses points rather than pixels, so the dimensions and position in points of all UI elements remains the same across all devices. iOS supports high resolution displays via the scale property on UIScreen, UIView, UIImage, and CALayer classes. To refer to an image in your code (or in Interface Builder), use the filename of the standard sized image. iOS will automatically detect and use the @2x version if the device supports it: imageView.image = [UIImage imageNamed:@"button.png"]; Adjusting Sizes Click here to see how to adjust View Frames and Bounds. Additional References Apple Documentation: Points vs. Jason Pearce | Tools - CSS Font Size Comparison.

Basiliq by Cloud Castle. 25 Stunning Mobile UI Examples. A continuance of our older post, 30 beautiful mobile UI examples, here we will showcase 25 stunning mobile UI examples that come from various designers. As the world keeps transitioning towards a complete mobile take over, designers are challenged to keep creating simpler and more stunning user interfaces for mobile devices. As I’ve said before, in order to capture the users attention and keep them intrigued, a visually appealing mobile interface is extremely important. 1.

Profile Settings by Anke Mackenthun 2. Hotel App by Ryan Pittman 3. iPhone 5 Reduced by Jesse Pocisk 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. iOS 7 by Dámaso Benítez 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. Shortlink: About the Author Enfuzed is a web and graphic design blog. @EnfuzedWeb Google+ Top 10 WordPress Facebook Plugins. You can easily add Facebook to your blog or website by using a WordPress Facebook plugin. Facebook is one of the most important social sites and a good social media marketing strategy can do miracles to your business.. Check out these great WordPress Facebook plugins which will help you integrate Facebook into your website. Looking for more social media plugins?

You should read this Social Sharing WordPress Plugins article. Facebook Post Planner Easy to install and very useful for companies, this plugin hase great features. Facebook Quiz Application Create your facebook quiz in just a few minutes! Facebook WPress Viral Tool This Facebook plugin for WordPress lets to add some Facebook functionalities to your WordPress blog or website, including the Facebook connect! Advanced Social Widget WordPress Social Share This Social Share plugin lets your users share your pages using different social networks in a new and elegant way. Facebook Like Box Widget Fotobook JanRain RPX Sociable. Internet Explorer 6 Countdown | Death to IE 6 | IE6 Countdown. Code Start - A Better Way To Learn Code. HTML5 CSS3 Websites Design | Inspiration. Here is the fresh list of award winning HTML5 and CSS3 websites design. In this collection you can see the Graphic design, web design, portfolio and corporate web design examples for inspiration.

HTML5 and CSS3 is making the web design more powerful in different areas. Fast, Secure, Responsive, Interactive, beautiful. We all know HTML5 and CSS3 become more popular in these days. So for your inspiration We are gathered 34 examples of HTML5 websites. This is a collection of beautiful and inspiring web designs that feature only responsive design HTML5 and CSS3 websites. You may be interested in the following modern trends related articles as well. You may also interested to check our earlier posted trendy HTML5 Web Design and Responsive Web Design articles. Today we’re gathered thirty four inspiring examples of HTML5 – CSS3 websites design. Gravity Visit Website Scientific Reform Group is a company aiming at changing the world and saving lives.

Visit Website Une Cuisine Astucieuse Visit Website. JotForm - Form Templates. HTML5 CSS3 Websites Design | Inspiration. 22 great examples of website navigation | Web design. Creating an effective website navigation system is a crucial part of ensuring usability, and the success of a web design. Good navigation should be intuitive, easy to use and most importantly help your visitors find the content they’re looking for quickly, without fuss. For this reason, website navigation tends to err towards a homogenised standard that adopts current best-practice; the primary menu for a site is either at the left or along the top of a design, where users expect to find it.

There are obvious benefits to taking this approach, not least the fact that your visitors will immediately understand how to use your navigation. Challenging assumptions Good design means challenging assumptions, however, while still fulfilling the criteria of an easy-to-use and understand navigational structure, so we've gathered together 10 of our favourite alternatives to the standard website navigation approach below.

Read all our web design posts here 01. 03. 04. 05. 06. 07. 08. 09. 10. 11. 12. Bootstrap. Scaffolding. Requires HTML5 doctype Bootstrap makes use of certain HTML elements and CSS properties that require the use of the HTML5 doctype. Include it at the beginning of all your projects. <! DOCTYPE html><html lang="en"> ... Typography and links Bootstrap sets basic global display, typography, and link styles. Remove margin on the body Set background-color: white; on the body Use the @baseFontFamily, @baseFontSize, and @baseLineHeight attributes as our typographic base Set the global link color via @linkColor and apply link underlines only on :hover These styles can be found within scaffolding.less.

Reset via Normalize With Bootstrap 2, the old reset block has been dropped in favor of Normalize.css, a project by Nicolas Gallagher and Jonathan Neal that also powers the HTML5 Boilerplate. Live grid example The default Bootstrap grid system utilizes 12 columns, making for a 940px wide container without responsive features enabled. Basic grid HTML <div class="row"> <div class="span4">... Offsetting columns. Grid displayer bookmarklet for Twitter Bootstrap and Foundation. 25 Awseome Twitter Bootstrap Themes For Better ... - Popular Bootstrap Themes And Templates - Quora. Bootstrap is powerful open source UI design front end development from Twitter. Since its launch from early 2011 its growing faster then ever because of its powerful features, responsive designs, faster development and easy to use. Bootstrap community is becoming hugely popular .More About Bootstrap : Twitter Bootstrap is a front-end toolkit for rapidly developing web applications and is built with Less, a flexible pre-processor offering more power than traditional CSS (variables, nested declarations, mix-ins, operations, and color functions)Twitter Bootstrap is a free collection of tools for creating websites and web applications.

Here, I have collected list of best free and paid 25 awesome TwitterBootstrap Themes and Templates : 1) Free Bootstrap Themes And Templates From Bootstrappage : (Demo| More Info | Free Download) Bootstrappage provide free quality bootstrap based themes and templates. 2) Bootbusiness Free Bootstrap Theme : (Demo | More Info | Free Download )

Examples via toon