Tag: without

CSS 3D Image Flip Gallery With Dynamic Shadows

My recent book Pro CSS3 Animation walked the reader through a simple version of a 3D flip image gallery. After publication, I wanted to take it further: thus, this article. The UI challenge addressed here is the same focused on in many of my other CSS 3Dworks, such as the Origami UI: we live in a world of increasingly diversified… Continue reading CSS 3D Image Flip Gallery With Dynamic Shadows

10 Best of HTML5 Tools for Web Designers

Want to build a website without needing to write any code? We select the 10 best website builders to choose from. Looking for a website builder? There are a multitude to choose from, so which is the best? Well, for a start, you’ll be looking for a website builder that can create your website in… Continue reading 10 Best of HTML5 Tools for Web Designers

Cloud Apps For Designers

Great web design is about efficiency, team work and communication. Whether you?re part of a tiny startup or a major conglomeration, you?re sure to have deadlines, clients and a market to work with. Cloud apps are great tools when it comes to keeping on top of things: your designs, feedback, communication with clients, even your… Continue reading Cloud Apps For Designers

A Journey Through Beautiful Typography In Web Design

First impressions are lasting impressions. Whether you realize it or not, your typography helps to create an experience for users before they’ve even read a word or clicked a button. Typography has the potential to go beyond merely telling a story — it shows the user who is behind the website and what you’re about. The treatment… Continue reading A Journey Through Beautiful Typography In Web Design

Web Design Trend Showcase: Big Video Headers

Following on from my recent showcase of websites featuring full screen videos, today’s post looks at the sub-trend of big video headers in web design. HTML5 and jQuery make it easy to add dynamic video content to your site without bogging down the browser with Flash. This means designers can start to play with video… Continue reading Web Design Trend Showcase: Big Video Headers

Top HTML5 website builder to make html5 website without coding

Here are the top 5 HTML5 website builders for 2013. The best thing about all of them is that they don’t require any coding skills for the average user to build a HTML5 website.   This will allow anybody to create a website that can be displayed well on different devices, from laptops to mobile phones.… Continue reading Top HTML5 website builder to make html5 website without coding

Useful Tips for Building a Brand Identity with a Business Card

Brand design is never easy; in fact, it’s such a delicate task that you never know when you got the right thing and your career depends on it. Business cards are a means of presentation taken for granted these days. If having no social media makes you non-existent, how can you exist in the real… Continue reading Useful Tips for Building a Brand Identity with a Business Card

25 Creative HTML5 Powered Website Designs

Thanks to HTML5 that brings amazing improvements to the web market with its functionality. According to World Wide Web Consortium, HTML5 is in its beginning stages and going to reach at its “Recommendation” stage in the upcoming years. Regardless of this there are many experienced developers taking advantages of HTML5 and building the most remarkable… Continue reading 25 Creative HTML5 Powered Website Designs

Adobe Muse: Let’s Build a Website Without Writing Code

This entry is part 1 of 1 in the series Introduction to Adobe Muse Muse is one of Adobe’s Creative Cloud applications aimed at building for the web. It specifically caters for designers with a print background, or those who simply don’t have experience in coding. Muse’s visual interface and tools allow users to design… Continue reading Adobe Muse: Let’s Build a Website Without Writing Code

Adobe Illustrator for beginners: 10 top tips

Adobe Illustrator is a vector drawing tool, meaning you can create artwork that can be scaled infinitely without any loss of quality. It’s a fantastic tool for logo design, creating complex vector artwork and playing with illustrated typography design. But coming from Photoshop you may not be savvy with Illustrator and its unique ways: so we’re here to help.

From using Bézier points and curves to strokes and fills and adding a more natural look to your vector artwork, read on for some Illustrator secrets for those new to the application.

Are You A Web Developer Without Any Graphic Skills? Then Check Out These 25 Gorgeous Website .PSD’s

Creating a website is not an easy thing because it requires a lot of steps; from the planning and all the way to functionality testing, the process of designing and developing a website needs people with various skills. You need a good graphic designer, a good web designer, a talented web developer, a great content… Continue reading Are You A Web Developer Without Any Graphic Skills? Then Check Out These 25 Gorgeous Website .PSD’s

FROONT: Responsive Web Design in the Visual Way

FROONT is a web-based design tool that runs in the browser and makes responsive web design accessible to all kinds of visual designers, even those without any coding skills. FROONT makes responsive web design visual. Design can be done in-browser with intuitive drag-and-drop tools. After all, humans judge design with their eyes therefore it seems… Continue reading FROONT: Responsive Web Design in the Visual Way

10 Powerful Responsive Lightboxes

Lightbox has always been one of the great method to display images without having to refresh a page. Nowadays, with the booming of responsive websites, lightboxes also have evolved to adapt nicely with the trendy responsive layout. Here we have 10 responsive lightboxes. Its modal window resizes itself to fit into the window viewport. We… Continue reading 10 Powerful Responsive Lightboxes

Super Smooth CSS Transitions for jQuery

Transit is a super-smooth CSS transitions & transformations for jQuery. You can make transition on any CSS property. They will happen much smoother than if you were to use jQuery’s default .animate(). You can easily translate, rotate, scale, skew and etc.Transit degrades older browsers by simply not doing the transformations (rotate, scale, etc) while still… Continue reading Super Smooth CSS Transitions for jQuery

How To Make Your Usability Test An Engaging Experience

In my first usability test, I met a dear old woman who didn’t know how uses a mouse. She lifted it up and pointed it at the screen, encouraging the cursor in verbal tones! At the test’s conclusion I got completely nothing. But I quickly learned the importance of laying down very exact criteria for… Continue reading How To Make Your Usability Test An Engaging Experience

10 Awesome Responsive Websites for Your Inspiration

The Benefit There are also several good benefits of using a responsive design website layout, below are some of them: Responsive design is SEO-friendly You’ll have a single URL for all content, this would mean faster load times which will enhance SEO efforts. Furthermore, Google and Bing endorse responsive design according to this article. It’s… Continue reading 10 Awesome Responsive Websites for Your Inspiration

Fireworks in the Real World: Vectorise All the Things

This is the last episode during which I’ll be going over generic tools and capabilities, but it’s simply not possible to go any further without covering the vector tools within Fireworks! Vectors are becoming increasingly relevant in web design; pixels are less reliable than they were just a couple of years ago and designs are… Continue reading Fireworks in the Real World: Vectorise All the Things

45 Exceptionally Useful Photoshop Shortcuts

Shortcut Commands for Photoshop Photographers use Photoshop to edit their photos but this software can be a bit time consuming especially for beginners. There are different tools you can use with Photoshop and switching from 1 tool with the next one is what would consume most of your time. Here are 45 exceptionally useful Photoshop… Continue reading 45 Exceptionally Useful Photoshop Shortcuts

45 Free Watercolor, Ink And Splatters Brushes For Photoshop

Here, we have put together some high quality and very useful Adobe Photoshop brushes for you that will let you quickly create different sorts of ink and watercolor effects for your designs. Photoshop brushes are very helpful for the designers as they let them create stunning effects easily and without much efforts as well as… Continue reading 45 Free Watercolor, Ink And Splatters Brushes For Photoshop

A Showcase of Beautifully Designed Websites for Magazines

With sales of print magazines consistently falling year-on-year, many publications have turned to the internet, creating online offerings of their existing titles. This growing trend for online publications has also seen many new titles launch via the internet. However, bringing a magazine to life online is not always an easy job for web designers. Replicating… Continue reading A Showcase of Beautifully Designed Websites for Magazines

Freebie: 5 Skin Retouching Photoshop Actions

Skin Retouching Actions Preview To retouch skin, simply play an action then paint over the areas that you want to retouch. They’re extremely easy to use and a rough paint will work – you don’t need to be too precise. The skin airbrushing action makes skin look smoother without losing skin details. Here’s a video… Continue reading Freebie: 5 Skin Retouching Photoshop Actions