Group items tagged

Popularity of tablet devices has revolutionized the concept of Internet browsing. This means that to ensure that users can view dynamic website design from tablet devices comfortably, designers need to pay special attention.

In the dynamic website design industry, the current trend is to create global websites. Creating global websites, however, can be time-consuming. This is because of the fact that for creating a website that is targeting an international audience, paying attention to several aspects, such as content, design, and color scheme is important.

The following demo was made using a variety of CSS techniques. Rounded corners, shadows, gradients, rgba, pseudo-elements, and transforms are just some of them. A lot of these were generated by helpful tools, such as westciv's tools and Border Radius. By combining these techniques, you can create rich graphics with just a few lines of code. Here are a few examples. In the contacts icon, I used 5 different shapes for the silhouette icon. The head is a rectangle with rounded corners, followed by another rectangle for the neck and a distorted semi-circle for the body. In order to get the curve of the shoulders to the neck, I placed two circles on top of the shapes. The weather icon has several rays of light shooting from behind the sun. Each one of these rays is actually a long rectangle with a gradient that fades to transparent on either end. I used -webkit-transform:rotate to rotate each rectangle to a different angle. The same effect was used for the iTunes icon. To get the cloud icon on the iDisk icon, I used two circles layered on top of each other, above a rounded rectangle. The larger circle has a gradient that cuts off just before the rectangle.

Today's hoopla over changes to the Facebook Terms of Service have prompted a rare blog post from Facebook founder and CEO Mark Zuckerberg. In the post, Zuckerberg falls short of apologizing for the changes, but rather, uses the opportunity to explain why Facebook more or less keeps your content indefinitely.

oh,, that would be hard to find the differences between before and after optimizing..

Keeping track of Mozilla development is never easy, especially the minute details related to new or improved web technology development and support. The Mozilla development community has set up a new weblog to fix this, the Web Tech weblog. Here the devs will be posting about and discussing topics of interest to web developers.

My friend/ex-coworker Sam the Wonder Boy used to send me late night AIM messages comprised of only three letters, "M.F.R." This would then send chills up my spine, and I'd curl up on the floor in fetal position and weep nonstop. OK, I'm exaggerating a quite bit, and Sam doesn't do that anymore. "M.F.R." stands for "Monthly Forecast Report." It was one of the many modules of a huge intranet web application we worked on years ago. As the name implies, it was a report. Before arriving to the actual report screen, the user could select some criteria such as date range, products, etc. Depending on the selection, the report can have up to sixty columns and thousands of rows. It was quite a challenge both on the backend and frontend. I initially created it using server side Excel API and dumped it to the frontend as an excel sheet. In version 2 I made it as an HTML table with the Excel export option. In version 3 I ditched HTML and went for Crystal Report, in version 3.5 it became Active Report. In version 4 we rewrote the whole application as a .NET client app, with the report section being Excel again. In version 5, well there wasn't a version 5. The whole project got outsourced to India and the team was disbanded. But that's a blog for another day.

Russell Wilson's blog on usability, user-centered design, interface design

The Dalai Lama joined Twitter this weekend, or so it seemed. At least, the Office of His Holiness The Dalai Lama was apparently making use of the messaging service under the username @ohhdl. Or was it?The account was promoting the official Dalai Lama website, and responding respectfully to inquiries. The story spread rapidly on blogs and - of course - on Twitter. At its peak, the account surpassed 16,000 followers.

As web designers, we've grown pretty good at understanding how to create a modern, semantic, accessible website using XHTML and CSS. We understand what makes a good website, and how to make it happen. When it comes time to design emails though, do all the same rules apply? Are there things we should be doing specifically for email that don't make sense on a website? In this article we'll discuss the technical, design and information elements that make up a successful HTML email.

CSS has brought us many capabilities in terms of typography and the web, but we always seem to be limited to the same 4-5 typefaces over and over again. There is an inherant problem, if the font you specify isn't on the viewers computer it won't render in that font. So as designers and developers we end up selecting the ones that we can safely assume is available on most computers today. So most pages use Arial, Helvetica, or Georgia as their typefaces… and the world of the web remains slightly more bland.

CSSVista is a free Windows application for web developers which lets you edit your CSS code live in both Internet Explorer and Firefox simultaneously.