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
Remarkable Typography Designs for Inspiration – 27 Examples
Typography design are just awesome and great trend. Experimenting with the right choice of font, splashing with bold or plain colors, and designing it in different perspective are elements that works on typography. It uses on logos, creative poster design and websites. It does not only attract visitors attention but also create a cool look on… Continue reading Remarkable Typography Designs for Inspiration – 27 Examples
25 Web and Graphic Design Studio Websites for Your Inspiration
It’s always interesting to see what design creative studios and agencies crafted for themselves. These people design websites for the whole world and come up with new trends and tendencies to follow. Someone may think they would use the craziest and far-out designs. But you’d be surprised to know that these creative agencies and design… Continue reading 25 Web and Graphic Design Studio Websites for Your Inspiration
Free Swift Tutorials for Apple’s New Programming Language
Unveiled only a month ago, the new programming language Swift that was created by Apple for iOS developers shook up Xcode lovers a bit. It aims to provide programmers with an alternative that slowly should replace Objective-C, which is not so resilient against erroneous code. Swift includes slightly revised basic Objective-C features and new advanced… Continue reading Free Swift Tutorials for Apple’s New Programming Language
Free Tools to Help With Color Theming a Website
Everyone knows that color is an incredibly powerful tool for sending the right message to your audience. The last thing you want your website to do is alienate readers because of the color scheme you used. Specific shades and hues can often carry personal or even cultural meanings that need to be considered before implementing… Continue reading Free Tools to Help With Color Theming a Website
Notification Styles with CSS Animations for Inspirations
There are some simple ideas and effects for unobtrusive website notifications. There are a lot of ways to show an unobtrusive message to a user: from the classic growl-like notification to a bar at the top of the viewport. There’s really no limit to making creative notification styles and effects but you should keep in… Continue reading Notification Styles with CSS Animations for Inspirations
Kids Corner free PSD Template
Kids Corner free PSD Template – Free PSDs Kids Corner is a Free One Page Website PSD Template. The template is perfect for people looking for developing a kids or children centric website. The PSD is fully layered and has been categorized into multiple blocks. Each section corresponds to a block. You can work on… Continue reading Kids Corner free PSD Template
How to Create Photo-filled Text with Photoshop
Designing for the web has always been a fast-developing field where a professional has to skillfully combine visual information design, aesthetics and composition priciples with the most relevant current ideas and trends to satisfy the expectations of his client. A good web designer has a clear vision of the main aim of the website they… Continue reading How to Create Photo-filled Text with Photoshop
20 Impressive CSS3 Techniques, Libraries and Examples
In this list we’ve gathered for you some of the best sources of CSS goodness. We’ve chosen some amazing demos from various artists that come to prove that nowadays everything is possible with CSS. We’ve also included articles that depict the awesome new features of CSS3 and a few helpful libraries full of CSS tricks.… Continue reading 20 Impressive CSS3 Techniques, Libraries and Examples