Group items tagged

Packaging is always inspirational. It's one of our favorite subjects, perhaps because it's about real materials, something web designers don't get to enjoy so often. Packaging selections didn't used to be a regular feature on our blog, but we've decided to make a monthly selection thanks to the number of visually outstanding projects that are out there. The creativity to be found in this area is admirable, with such unexpected, aesthetically strong and practical solutions constantly being invented to improve the quotidian objects that surround us.

Today we are going to look over the shoulders of quite a few professional designers. Using their original PSDs with open layers, we will be able to exactly reconstruct, what has been done and how. If you are like me, this way of learning by doing proves more effective than working through step-by-step tutorials. The following files come with lots of layers to be examined, as we are going to dissect a camera, a sports shoe, a cell phone and lots more. Have fun looking through the eyes of the most able Photoshop professionals. Before I forget: watch out for some layer-related Photoshop tips, I may have left for you throughout the collection…

For most web developers, delivering the images to the low-bandwidth mobile devices could not be less than any brain teaser, where they feel like they have been stuck in a complex task, just like searching a needle in the dry haystack! Well, it could screw-up the brain! Even the developers, who are well-acquainted with responsive web design techniques, know that by setting the max-width of the images up to 100%, can't resolve this issue as the server will still render big size image to the user's phone. The mobile optimized web applications are designed to run smoothly for the low bandwidth connection with formatting according to the screen of the device.

Parallax scroll has become mainstream, Ian Coyle created the very first parallax website for Nike "Nike Better World" on 2011, nowadays it is overused as a trendy effect but it is a great tool if it serves the user experience and is perfect for storytelling websites. The term is derived from the Greek παράλλαξις (parallaxis), meaning "alteration". Nearby objects have a larger parallax than more distant objects when observed from different positions, so parallax scrolling can be used to determine distances.

One of the most important aspects of a front-end framework is how it handles navigation. In this part of Foundation for Beginners, we'll take a look at several forms of navigation, along with some JavaScript tools which add extra flourish. I'll also introduce you to another helpful tool which will help you to become a better Foundation developer.

It's been quite a while since we last published an article in our series of iPad apps for the creative professional. As we all know there is no shortage of apps for the Apple tablet in general. Hundreds of thousands can be downloaded. All in all more than 50 billion apps have been downloaded from the App Store since its inception, which allows us to roughly estimate, that each human being walking this earth must own 8 apps on average. Hey, the numbers never lie. The app we want to introduce to you today is called Tayasui Sketches and at first sight it will remind you of Paper by FiftyThree, closely. At second, too…

Blogging, or more specifically writing, is a daily routine for us, here in hongkiat.com. In the process, we've accumulated a lot of resources that would be real helpful in jumpstarting one's blogging career. If you want to start writing your own blog, you can always check out the tons of materials we have on blogging, plus this amazing list of cheatsheets, infographics & resources you don't want to miss. The cheatsheets here help you write and promote your content, understand how to work better with free blogging services such as WordPress, Blogger and Tumblr, and we also have cheatsheets on basic HTML, CSS and Markdown to help you create beautiful blog themes. Now, let's get started!

The web is crammed full of words. There is enough content to keep you reading until you take your last breath, even if that moment is still 100 years from now. So far for the good news ;-) The bad news is, the web grows faster than you could ever possibly keep up with. Sooner or later, any netizen will suffer from information overload. I know I do already. This will become a growing problem for brands and their communication strategies as they will need to cut their messages short or risk to not get noticed. If you ask me, one of the best ways to deal with this necessity is the infographic…