Once upon a time navigation menus were constantly anchored in place along the top or side of a web design, but nowadays as Javascript and CSS animations are becoming more popular, we’re starting to see different UI approaches when it comes to directing your users to where they want to go. The “hamburger” icon has… Continue reading 30 Web Designs Featuring Pop Out Navigation Menus
20 Best HTML and CSS Freebies of the Month for Designers and Developers
We searched the web for 20 more awesome HTML and CSS freebies for you to download and use in your projects! These free HTML and CSS freebies will save you a lot of time when creating websites or developing apps! They all have premium designs and very high quality codes. Here you go! Meet Cody! Cody is a great… Continue reading 20 Best HTML and CSS Freebies of the Month for Designers and Developers
Onsen UI – A Framework for HTML5, PhoneGap & Cordova
Onsen UI is a Custom Elements-Based HTML5 UI Framework for Building your Mobile Front End. Onsen UI makes building applications simple basing on the concept of Web Components. Applications can be build using HTML tags web developers already know. It is built on top of heroic AngularJS and performance craving Topcoat. Onsen UI is designed… Continue reading Onsen UI – A Framework for HTML5, PhoneGap & Cordova
Save Your Ideas for a Rainy Day
For web designers, ideas are very important. If web designers don’t have fresh, trendy and almost-original ideas, they might as well stop designing because it is the fuel that drives their job. Without any ideas, there would be no design and no design means no money. That said, how should you save your ideas? You… Continue reading Save Your Ideas for a Rainy Day
Find the Name of a Font with Fontface Ninja
You’re browsing a website and you want to find the name of a font? Here comes the Fontface Ninja. You can easily hide all pictures and commercials. You can now enjoy fonts on a blank background. You can also try or download a font with Fontface Ninja. Requirements: – Demo: http://fontface.ninja/ License: License Free WebAppers
50 + WordPress Themes Premium & Free
Here comes 50+ wordpress themes just for you! Please like, share and comment! Enjoy. If bubbly animation effects fail to impress you and elegant display catches your eyes then simple WordPress themes are the right style statement for you. Well, this is not to say that lively and rich themes are not useful but it… Continue reading 50 + WordPress Themes Premium & Free
20 of the Best Award Websites Design 2014
Let’s take a quick look at some amazing new trends of web design in 2014 to keep in mind when designing your next web design project. KLM Flat or Not Visit Website Adventure.com Visit Website Montage Visit Website Cantina Valpolicella Negrar Visit Website ipsoCreative Visit Website NYCFC: Badge of Badges Visit Website The Chess Hotel… Continue reading 20 of the Best Award Websites Design 2014
Everything You Need To Know About Responsive Design – The Theoretical Side
The concept of responsive design has been around for quite a few years but it is in the past two years, responsive design has really become the talk of the town. Almost everywhere you see designers and website owners are talking about responsive designs. Some readers would find a lacuna in understanding the real definition… Continue reading Everything You Need To Know About Responsive Design – The Theoretical Side
Page Preloading Effect
View demo Download source Today we want to show you how to create a very simple page preloading effect with CSS animations, SVG and JavaScript. For websites, where it’s crucial to load all or part of the assets, these kind of preloader screens can be a creative way to make waiting a bit less boring… Continue reading Page Preloading Effect
HumHub – An Open Source Social Network Kit
HumHub is a free social network software and framework built to give you the tools to make teamwork easy and successful. It’s lightweight, powerful and comes with an user-friendly interface. With HumHub you can create your own customized social network, social intranet or huge social enterprise application that really fits your needs. HumHub is completely… Continue reading HumHub – An Open Source Social Network Kit
5 Companies Using Interactive Content to Drive Brand Awareness
Haven’t you heard? Interactive content is the new ‘big thing’ – the biggest drive in brand awareness since the infographic reached saturation point. In simple terms: if you want your company to cop some good PR, you should be creating interactive fun to draw savvy internet-users in. The best practitioners do so with a combination… Continue reading 5 Companies Using Interactive Content to Drive Brand Awareness
30 Unofficial Redesigns of Popular Social Media Sites
As web designers we often get frustrated with the UI and UX design of sites we commonly use, with social media sites being right up there as the most annoying! This can lead designers to have a go at redesigning them, albeit unofficially as a personal project just for fun. Sometimes these design concepts are… Continue reading 30 Unofficial Redesigns of Popular Social Media Sites
Practical Tips for Learning and Experimenting with WordPress
WordPress is like a G.I Joe action figure to the kid inside me. It’s like Legos for a toddler and like a “truck that needs fixing” to a 40 something year old Texan. With a straw in his mouth. You see, there are endless possibilities when it comes to WordPress. It is so diverse and… Continue reading Practical Tips for Learning and Experimenting with WordPress
How to Price Your Freelance Projects
There’s no standard rate for Graphic Design, and understandably – this makes pricing a bit of a thorny subject in the industry. With each project being unique it’s quite difficult to publish rates at all. I’ve never billed the same amount for two different projects. Your experiences and your clients will be different from mine… Continue reading How to Price Your Freelance Projects
Create inline help tips for your site with a bit of CSS
When creating a web app, you often need to present people with friendly help prompts that explain parts of your interface. One of the ways to do it is to have separate pages with help topics that you link to. However, this causes people to lose context of what they are doing and is not… Continue reading Create inline help tips for your site with a bit of CSS
Generate Nice SVG Background Images with Trianglify JS
Trianglify is a javascript library for generating colorful triangle meshes that can be used as SVG images and CSS backgrounds. It was inspired by btmills/geopattern, and uses d3.js to build the polygons and SVG and SVG filters for rendering. It also includes the colorbrewer color palette library to get you up and running quickly. Requirements:… Continue reading Generate Nice SVG Background Images with Trianglify JS
35 Creative Food & Drinks Inspired Logo Designs
Food is something every single person on this planet loves and enjoys. We all are dependent on food and food industry is one of the biggest industries on the world. There are numerous food related companies that are either selling food & drinks directly such as grocery stores and markets or offering a food related… Continue reading 35 Creative Food & Drinks Inspired Logo Designs
10 Sass Mixins for a Developer
Sass is the most mature, stable, and powerful professional-level CSS extension language in the world. I have been using Sass for quite sometime and found out that mixins is something all front-end developers would enjoy and take advantage of to save time and be more efficient. A mixin can make groups of CSS declarations that… Continue reading 10 Sass Mixins for a Developer
50 fantastic freebies for web designers, August 2014
Latest freebies for August 2014. Today we share our very best free resources for web designers and developers. August is going to be a awesome month. Whether you’re a designer, developer, or enthusiast we’re sure you’ll find something here to feed into your next project. Enjoy! Draft A Retro display font. SCSS waves An artistic… Continue reading 50 fantastic freebies for web designers, August 2014
Freebies : 250 Retina Icons
Today’s free design resource is a set of 300 absolutely free icons for designers.Each icon has been carefully crafted following Apple’s iOS 7 guidelines and would make a great choice for your next web and mobile design projects.. All icons are designed on a precise grid, to guarantee consistency and crisp display. Perfect for Status… Continue reading Freebies : 250 Retina Icons
Responsive, Fluid-Width, Variable-Item Navigation with CSS
Around six months ago I was asked to develop a single row navigation bar that could contain a variable number of menu items while filling the entire width of the container. The amount of navigational items was dictated elsewhere and likely to change in future.Thinking ahead, it would have been impractical to change the CSS… Continue reading Responsive, Fluid-Width, Variable-Item Navigation with CSS
10 Incredible Photography Tutorials and Techniques
Today we share some high-speed photography, macro photography, black and white photography, night photography, and macro photography which can be great help for professional photographers and beginners. Tilt-Shift Photography Photoshop Tutorial When choosing a photograph for the tilt-shift effect, bear in mind that you want to give the impression of a miniature model. Miniature… Continue reading 10 Incredible Photography Tutorials and Techniques
What To Do With Spare Ideas
We all get tons of new ideas constantly as designers. Which is awesome – don’t get me wrong – but sometimes we get way more ideas than we can actually get to in one sitting. Or even in one lifetime. Often, designers simply jot down those excess ideas in a notebook and file them away… Continue reading What To Do With Spare Ideas
Make Shapes with CSS: How to Create Different Shapes in CSS
One of best cool features of CSS3 is that it reduces the use of images in web designs and allows you to create different shapes in CSS. Commonforms that you usually see in Photoshop or Illustrator can now be done using CSS3. New CSS properties like transform and border-radius add complexity with shapes instead of creating… Continue reading Make Shapes with CSS: How to Create Different Shapes in CSS