background preloader

Web Design & CSS Inspiration for the Mobile Web — CSS iPhone

Web Design & CSS Inspiration for the Mobile Web — CSS iPhone

http://cssiphone.com/

Related:  technologies web

HTML5 & CSS3: Take Your Design to Another Level While both languages for HTML5 and CSS3 aren’t fully complete yet, taking the time time to familiarize yourself with some of the pointers in this post can really help you achieve that clean look and feel for your site. Let’s take a deeper look at them. HTML5 is the latest version of HTML or Hypertext Markup Language. It is currently only fully supported by a handful of browsers but the next year should see a large increase in usage. It isn’t expected to be completed until 2014, but the features that are available now are a great way to become acquainted with HTML5 and add some cool elements to your website. Steve Jobs famously refuses to allow Flash on the iOS due to the many bugs and crashes it experiences, therefore, learning how to use the more intricate features of HTML5 is going to be a must for those who want to develop apps and iOS-friendly websites.

Top 100 CSS Designs of 2007 From big budget to small budget, intense to simplistic, this is one monster of a top 100 compilation! Take a moment to enjoy this year's best designs the world has to offer. Each site is rated in order of uniqueness, visual quality, and overall presentation. Design Studio Born and raised in Slovenia, a small green country in the middle of Europe. It all started back in 1999, when I taught myself HTML. As a computer enthusiast, I quickly felt in love with web sites and especially good looking and well–principled design. With about 16 years of professional experience, I have worked in almost every aspect of design, with agencies, companies, start-ups and individuals.

tubular, a YouTube Background Player jQuery Plugin Video controls:Play | Pause | Volume Up | Volume Down | Mute Tubular is a jQuery plugin that lets you set a YouTube video as your page background. Just attach it to your page wrapper element, set some options, and you're on your way.

The Best CSS Galleries to Find Web Design Inspiration When working on a web design, many web designers choose to use web design inspiration to help guide their structure, color scheme, or other elements. When used properly, web design and CSS inspiration can help you improve your designs and grow your web design skills. There are a lot of CSS galleries out there that claim to have great design inspiration, but not all can claim the title of being one of the best CSS galleries. In this post, we’ve checked around and found the best CSS galleries for you to find web design inspiration. If you are looking for more web design inspiration, check out these posts: Hope you find our selection of the best web design galleries to be helpful!

A Day Apart: Live Notes on Mobile Web Design with Luke Wroblewski A FEW QUICK NOTES from the first hour of A Day Apart: Mobile Web Design, an all-day learning session led by Luke Wroblewski (aka Day III of An Event Apart Seattle), Bell Harbor Conference Center, Seattle, WA: Audience questions for Luke How to take a website for desktop to mobile?Do we need to care about non-Webkit?Trade-offs between native and webHow to navigate differences between different versions of Webkit?Mobile e-commerce: best practicesChallenges with different cultures/languagesMedia queriesIf no budget, what can focus on web to make mobile ok?

WebGL Water Loading... Made by Evan Wallace This demo requires a decent graphics card and up-to-date drivers. 30 Beautiful Large Photo Background Website Designs Large photos are becoming increasingly popular in web design, particularly acting as a background for a website. They can help quickly establish mood, a color palette, and communicate the meaning and purpose of a website. However, because they tend to attract attention, it’s important to have a great photo to use as the background, which often requires some tricky photomanipulation. Additionally, because it’s relatively harder to resize photos based on a user’s browser size, some advanced CSS or, in some cases, Flash, is required to get everything to look good. So, here are some beautiful large photo backgrounds in website design, to get you inspired and confident to try using this technique on one of your own sites.

#1 Metro Design Principles and Metro Design Language 24 Weeks of Windows Phone Design Index Metro Design Principles We usually refer to “Metro” as the UI design style Microsoft is using in their platform and the one Microsoft is exposing for developers and designers to create apps for Windows Phone (I’m focusing on Windows Phone in this series).

30 Grid-Based Websites Recognition and prestige for Web Designers and Agencies 30 Grid-Based Websites February 22 By awwwards-team In Web Design Grid-based layouts have become very popular in web design Best of CSS Design 2009 Since 2007, every year I do a round up of best of CSS from Best Web Gallery (check out 07 and 08 collection). Well, it is the time of the year again — Best of CSS Design 2009. This year I've selected another 50 nicely designed web sites. Among the list, I notice a lot of them are minimalistic design with beautiful serif fonts.

Windows 8: Building applications for Metro UI Microsoft released Windows 8 Developer Preview with the sole intention of introducing developers with the tools and techniques needed to develop applications for Metro UI. So far, Microsoft has only discussed about using Visual Studio Express to build applications for Windows 8 but you can expect a large number of third party application development tools to be released in the market by the time the final version of Windows 8 is released. Microsoft has mentioned a set of design principles or guidelines that developers should follow to ensure that the applications are robust, scalable and work with optimal performance on a variety of environments. Requirements of Metro applications

Useful Tools and Kits for Android Developers There’s a huge market for mobile app development. I’m an iPhone user myself, and we’ve posted plenty of stuff here on iOS design and development. But it looks like the popularity of the Android platform isn’t slowing down anytime soon. It’s market share keeps growing. 10 Great Alternatives to Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fringilla sem in tellus placerat luctus. Fusce in massa eu sem semper hendrerit quis a ipsum. No, we have not put the above paragraph here by mistake, but we are sure that if you work on a design related field, you immediately recognized the classic fake latin placeholder text Lorem Ipsum.

Related: