background preloader

Webdesign

Facebook Twitter

12 UI Wireframe Stencils For Quick Prototyping. Blueprint: Split Layout. A template for a split layout with two sides.

Blueprint: Split Layout

When clicking on a half in the initial view, the layout moves into the respective direction with some transition effects. View demo Download source This Blueprint is a layout with two sides, sometimes seen in portfolio websites of couples and partners. The idea is to show an initial two-sided view and when clicking on a side, the whole page transitions into the respective direction. The individual page of the selected person is shown. The Blueprint comes with some example media queries and a second demo where the disappearing side scales down. The HTML The CSS. Extra Slider.

500 Free Vector Backgrounds. Have you been in search of that perfect pattern or background to enhance your latest design?

500 Free Vector Backgrounds

Well look no further! In this post the guys from Freepik were generous enough to come up with this exclusive set of 500 free vector background for Designrfix users. This set includes 500 backgrounds in 15 different styles and comes in vector format. So why not take advantage of these great resources by incorporating one of these well designed backgrounds in your next creation. Enjoy! You are provided with a download button after the full preview which will grant you access to these files. Please enter your email address below and the download link will be sent to you by email, or if you have already subscribed, the download will begin immediately. Animated Gifs is a New Way of Good App Presentation. How to get started with SVG. In the last few months, the buzz around SVG images has grown and grown.

How to get started with SVG

SVG has been around for years, but it’s only recently that it’s started to look like a real contender. The hype around SVG isn’t just some hipster trend, SVG completely solves issues that file formats like JPG completely fail to address. If you want to start using SVG, this article is for you. I’ll guide you through getting your SVG from Illustrator into HTML and then teach you to modify that image using CSS. Before we get started take a look at the demo I’ve put together, this is what we’ll be building.

What is SVG? S.V.G. stands for Scaleable Vector Graphics, and that first word will give you a clue as to why SVG is so popular. SVG images are, at their core, an XML-based vector image format for 2D graphics. The SVG specification is an open standard that was developed by the W3C in 1999, so you can see it’s been around as a technology for a decade and a half—a lifetime in web terms. Why should I use SVG? <? Conclusion. Item Transition Inspiration. Pecorino rubber cheese cheese triangles.

Item Transition Inspiration

Cheesy grin halloumi port-salut cheesy feet the big cheese cauliflower cheese smelly cheese smelly cheese. Lancashire cheddar cheddar melted cheese monterey jack edam squirty cheese emmental. Cream cheese everyone loves red leicester cheese slices. Placeholder text from Cheese Ipsum: Squirty cheese monterey jack halloumi. When the cheese comes out everybody's happy emmental jarlsberg. Gridzzly.com - Make your own grid paper.

Tuto

Thème Wordpress. Long Shadow New Trend in Flat Design. Beautiful long shadow (flat design) examples for inspiration.

Long Shadow New Trend in Flat Design

Long shadow a new trend after the flat design. The trend is impacting UI elements and icons the strongest, and designers also start using into other parts of website design and mobile user interface. Long shadow design has been mostly used for smaller objects and elements such as icons and logos. Shadows live within the element canvas and often extend outside an object to the surrounding frame. Many of the long shadow concepts we are seeing come from projects where designers are looking for creative ways to build icons for Apple iOS 7. source: GDJ You might be interested to read: Recieve our RSS updates via email, simply enter your email address & click subscribe.

After the Apple iOS 7, most of the mobile user interfaces is turned into Flat Design. Here is the list of 60 examples of long shadow in flat design that we picked up from dribbble.com, behance.net and all over the web. Useful Resources for Long Shadow Generator Snow Foxy. 2013 on Ustream. 20 ressources tablettes, smartphones et écrans en PSD pour présenter vos projets web et mobile.