How to make it look blurred? If you’ve ever asked yourself this question, this post is right for you. The compilation of various resources including tutorials, tips and advices on how to create the blur effect with CSS will show you all the possible ways of achieving it.
Blur effect with its transparency and soft tone makes images and text passages pleasant on the eye. It can be used just for visual attractiveness, or as the background effect for focusing attention on some parts of text. It’s widely used here and there, and it’s not really hard to create it. You can do it with CSS filters, among which it is one of the most popular. They work quite well in various browsers, so you’ll have any troubles with them.
This post contains resources with parts of code that you can just copy, paste in the right place and get the desired blur effect. Let’s try!
***
***
Continue reading →
They are here! The compilation of fresh free website templates from spring 2013. If you’re looking for the red-hot items, browse this collection of free themes created by skillful designers from TemplateMonster. They are completely free, and you’re welcome to use them in your designs, bringing your projects into life.
What can make you interested in these templates?
- You can start a project on their basis even having moderate design skills.
- It’s really easy to customize them, bringing any changes you want. The skillful designers have made them with all your needs in mind
- Themes are good for a variety of business projects including web design, law, food and drink, beauty, animals and pets, etc.
- All of them feature visual attractiveness (jQuery sliders, nicely decorated featured blocks, effective typography) that can draw the attention of potential visitors of the future site and thought-out navigation.
All these free themes are waiting for you. Check out this collection, and feel free to download each one you like.
***
Free Website Template
demo
download
***
Free Joomla Business Theme
demo
download
Continue reading →
Not a single web design can do without vector graphics. It’s used either for creating some collages or simply for the logo of the company. This week we’d like to share with you a Free Vector Illustration that reminds a mock-up of the room interior. All that remains for you is to press the Download button since the illustration is available absolutely free of charge. This illustration will be available till next Friday, then it will be replaced with another one.
You can choose among two formats (.PNG, .AI) and the following resolutions of this illustration: 658 x 441, 1371 x 918, 2741 x 1835. As a vector image, this item keeps its high quality while being printed in different formats. Make your works always catchy with our professional stuff.
! You can use this free vector illustration only for your personal or educational purposes. Do not use it for commercial purposes, it is forbidden.
If you like it, be ready to download this goodie.
Become a mature web designer with Templates.com!
There are many ways to improve user’s experience on site. But today we decided to focus on navigation. An intuitive, user-friendly navigation is a great benefit no website owner will contest. As a rule, the visitor scrolls down your website all the way to read the content and when he/she wants to continue research, the scrolling should be done over again, this time backwards.
Surely, there are some good ways to free customer’s fingers from monotonous actions. One of them is to make your menu bar stick to the top of the page. This way all essential links will be constantly visible and easily accessible at any moment. A set of tutorials gathered below will show you how to create a fixed navigation menu on your website in few easy steps. Even if you are not much of a coding professional, you will easily cope with the task. We believe that fixed navigation menu is a good opportunity to save some space on your web page, as no additional links are necessary anymore, and show the customers that you value their time.
* * *
Fixed Navigation Bar in CSS & HTML
In this tutorial you will learn how to make a navigation bar which is always on the top of the page, using basic HTML and CSS.
* * *
How to Create a Fixed Navigation Bar for Your Website
The tutorial shows how to create a horizontal navigation bar that sticks to the top of the screen using CSS and HTML.
* * *
Continue reading →
Wings are simply organs for flying the birds and other flying creatures have. Nevertheless, the ancient wish to fly and reach the sky, where the gods are living, converged in the image of wings. They carry a certain symbolism in our culture: mostly they mean exaltation, mental freedom and spirituality. It’s not surprising heavenly creatures like angels were depicted as humans with huge pure white bird wings, 2 or even more – depending on the level of a certain angel. However the wings are not the thing only birds have: also they are typical for bats, butterflies, flies and other insects. These type of wings were not so romantically interpreted: bat ones were attributed to ugly and evil creatures like demons and and Western dragons.
Designers often use different symbols in their projects to increase the emotional and metaphorical sense of some visual elements. And today I’d like to share with you free wing brush sets for Photoshop.
* * *
* * *
* * *
* * *
Continue reading →
Nowadays search engines play an important role in our lives, and I’m talking not only about the internet. You need some info, and whether it’s a cookie recipe or an article about Higgs bozon – you go to your computer/take your phone and google it. Isn’t it familiar to you?
Search engines, especially such a monopolist giant as Google, made a lot to optimize its system and give the users exactly what they need. One of the most major steps for that is categorization of info. You can search for images, blog posts, YouTube videos etc. Very comfortable.
And returning to web design: have you ever dreamed about a search engine for web developers? For example a system, immediately finding the template you need from all the existing ones on the web. I have thoughts about such tool. And, to my surprise, recently I met a template search resource called Themes Finder.
Continue reading →
We are back with a fresh goodie for you, guys. What’s that for today? Free Website Template done with your needs in mind by skillful designers. If you’re a professional, it will take you no time to redesign it into the needed project. If you begin working in this sphere, be sure, it will be quite easy to customize this theme. You just download this template, add few changes, and it will behave as you want. What projects is it good for? You can use it for animals & pets, animal shelter, pet adoption, pet club sites and a variety of others related to this theme.
This design catches attention with the contrasting layout where orange and green elements act as accents. It attracts views with large photos in the top slider and nice image blocks in the content part. All the information you have will be accurately placed within well-structured layout. The design creates a warm welcome to its visitors not only with its attractive look, but also with easy navigation facilitated with drop down menu and back-to-top button. Free template live demo will show you the look of your future site.
Theme is completely free, don’t hesitate to get it!
Free Website Template for Pet Site:
Are you on a tight budget, but still want to create outstanding designs? Vector illustration is exactly what you need in this case. Have a look at our freebies, and you’ll clearly see that even stuff for free can have a good quality. This week we’d like to share with you a Free Vector Illustration that contains icons of furniture presented in Post-Impressionistic style. Check out these terrific paintings and be sure to use them in your designs for making them even more attractive. Don’t hesitate to download it.
We offer you to download this illustration in three formats (.PNG, .AI, .EPS) and the following resolutions: 1005 x 992, 2094 x 2067. As a vector image, this item keeps its high quality while being printed in different formats. Downloading is affordable and easy. It is possible after the registration at Templates.com. This registration is completely free.
! You can use this free vector illustration only for your personal or educational purposes. Do not use it for commercial purposes, it is forbidden.
If you like it, be ready to download this goodie.
Become a mature web designer with Templates.com!
Smartphones are not just the phones to ring, but gadgets containing wide range of needful functions. These small things without keys carry application for every part of our life satisfying most of our information needs. Do you wish to surf the web? Sure, no problem, all grand browsers have easy-to-use adapted versions for mobile phones. Do you need to work with photos? Please take a picture and use any of numerous photo editing apps. Do you want to listen to favorite music? Just take an audio player app, which the navigation and design you like, and simply do it.
Of course, there aren’t enough apps and there will never be enough, because the human nature is always striving for ideal. So, I’d like to stop on the last point, the music apps, and help you, app developers, create the better ones. As I have mentioned, the look and the navigation are the most important elements for this kind of apps, because functionality is already defined by the very essence of them: music players must play music. That obviously means we should focus on user interface. Then, what we are waiting for? Check these 30 free UI elements for music apps I gathered for you.
* * *
* * *
Continue reading →
If you want users to visit your website all you need is a simple and flexible design. Modern day websites run on grid-based designs as grids simplify and adds efficiency in website designing. Latest web platforms and frameworks use grid-based layouts. Grid based website designing helps maintaining fluidity and easy specification of elements and qualities. Designing a grid based website will allow you to have fewer worries as all tools and utilities will be in front of you. As a developer you will have no need to search and rack your brains to decide about height, width and other specification of elements. Some of the most popular grid system frameworks used by designers and developers are Modular Grid Pattern, 960 grid system, Semantic Grid System, Responsive Grid System, grid system generator, tiny fluid grid, less framework 4, Columnal, Golden Grid System (GGS), 1KB grid system, 3×4 Grid Builder, Gridpak and Gridlover.
Continue reading →
