background preloader

Design

Facebook Twitter

Background Pattern Designs And Resources For Websites. Patterns are a useful resource for website design.

Background Pattern Designs And Resources For Websites

Filling the background with a full-blown image is no longer a useful solution today as the variety of devices and screen resolutions in the market make it difficult to adapt to them all, although it is true that the latest plugins and scripts offer solutions such as automatic image resizing. Patterns are similar to those images that are indefinitely repeated either horizontally or vertically. That makes a lot more sense today where usability is concerned, especially in responsive design. Les produits de l'épicerie - Design graphique. 40 Flexible Grid Tools for Responsive Websites. Responsive website templates are everywhere.

40 Flexible Grid Tools for Responsive Websites

The time has gone when websites were more nifty looking designs. Today, web designs have greatly evolved and improved resulting in more fluid and responsive web templates. Agence d'illustrateurs - La suite Illustration. Best Web Designing Frameworks for 2014. Starting a new year could hardly get any better for web designers than this.

Best Web Designing Frameworks for 2014

We have some of the best and most powerful web designing frameworks just waiting to be explored. These are frameworks that can help you build fully functional web templates within minutes and with extremely minimal knowledge of CSS and JavaScript coding. There are great expectations for the year 2014. Responsive websites are already the Next Big Thing. Visitors from mobile and tablets have become an important factor for all websites. Yiibu - Lovingly crafted mobile experiences. CO3 designed by ultranoir. Creative, Beautiful & Thoughtfully Designed Landing Pages. As the saying goes, you only have one chance to make a first impression.

Creative, Beautiful & Thoughtfully Designed Landing Pages

This is a lesson that’s vitally important to remember when you’re a startup and you’re working on your landing page. The vast majority of landing pages out there have a few key goals – to inform visitors about the product, to build excitement for that product and to have a clear next step, such as finding out more, signing up or buying the service. But of course, it isn’t as simple as that. Blog / Magazine UI Kit - Download Free PSD and HTML. Creating Non-Rectangular Layouts with CSS Shapes. Today we can create all kinds of shapes with CSS using CSS transforms, but all these shapes do not affect the flow of the content inside or around them.

Creating Non-Rectangular Layouts with CSS Shapes

That is, if you create a triangle or a trapezoid with CSS, for example, the shape created does not define or affect the way the text inside it flows, or the way inline text around it does. With the introduction of CSS Shapes into the web, wrapping content in custom non-rectangular shapes, and recreating print designs and layouts on the web becomes a piece of cake! In this article we're going to go over the basics of declaring shapes, and creating some simple layouts using these new CSS technologies. List of Fresh and Free PSD Web UI Kits for Websites and Apps. As a designer you always seek fresh resources that can come in handy; those that are specifically designed to meet current trends and primary web requirements.

List of Fresh and Free PSD Web UI Kits for Websites and Apps

Generally such toolkits comprise numerous fundamental components such as various types of buttons, menus, dialog boxes, different standard widgets, media players and much more. SiteInspire - Web Design Inspiration. Genius Marketing: Artsy Animated GIFs Show Beer-Making Process. You all went gaga when we featured the animated-GIF stylings of Jamie Beck and Kevin Burg earlier this year, so we're pleased to see that the duo is expanding their horizons with a new project.

Genius Marketing: Artsy Animated GIFs Show Beer-Making Process

Yes, it's marketing beer. And yes, it's still pretty freaking cool. Webdesign, inspiration, graphic design, showcase... The best webdesign by French. Royalty Free Vector Art, Vector Graphics, Clipart & Stock Images. The Best Freebies for Designers (June 2013) Here are the best freebies for designers from June 2013.

The Best Freebies for Designers (June 2013)

We have free GUI templates, icon sets, fonts, Photoshop brushes, PSD templates, textures… and everything else inbetween. Caption Hover Effects. A tutorial on how to create some subtle and modern caption hover effects.

Caption Hover Effects

View demo Download source Today we want to show you how to create some simple, yet stylish hover effects for image captions. The idea is to have a grid of figures and apply a hover effect to the items which will reveal a caption with the title, author and a link button. For some of the effects we will use 3D transforms. The aim is to keep the effects subtle and provide inspiration for many different variations. Please note: this only works as intended in browsers that support the respective CSS properties. The images used in the demos are Dribbble shots by talented Jacob Cummings. Let’s get started. The Markup The structure of our grid and the figures will be made of an unordered list and each item will contain a figure element. This is the default structure for all the grid examples. But first let’s define the common styles for all effects. The CSS The common styles for all the figures is the following. HTML5, CSS3, JS Demos, Creations and Experiments.

50 Useful CSS Snippets Every Designer Should Have. With so many new trends advancing every year it can be difficult keeping up with the industry.

50 Useful CSS Snippets Every Designer Should Have

Website designers and frontend developers have been deeply ingrained into the newer CSS3 properties, determining the ultimate browser support and quirky hacks. But there are also brilliant CSS2 code snippets which have been unrequited in comparison. For this article I want to present 50 handy CSS2/CSS3 code snippets for any web professional. These are perfect for storing in your development IDE of choice, or even keeping them saved in a small CSS file. W: 1738, H: 905. HTML5 Up! Responsive HTML5 and CSS3 Site Templates. Awwwards - Website Awards - Best Web Design Trends. Best Websites In The World - CSSDA. FACETS. Online Portfolios on Behance.

Creattica. Media Queries. Abduzeedo Design Inspiration & Tutorials. Download a free PSD every day.