background preloader

Inspiration

Facebook Twitter

15+ Best jQuery Screen Full Width Slider. Inspiration. Les ressources web du lundi #62. HTML5 templates. This freebie is the HTML5/CSS3 version of last week free PSD template called magnetic, it’s an amazing responsive HTML5 template, it can be used by photographers to showcase their beautiful photos, or by creatives such as web designers, graphic designer, illustrators…etc. The Magnetic Responsive Photography Website Template, comes with three...

Crafty is an amazing, beautiful template we published last week, this week we are sharing with you the responsive HTML5 template version, it looks amazing on tablets and phones, and it’s very fast to load, the source files are well-organised, the crafty HTML5 Responsive Template is well-coded, commented and easy... This week’s freebie, is a clean, pixel perfect, HTML5/CSS3 portfolio template, fertile is an amazing HTML5 template, great for portfolio and creative websites, you are free to use for your personal or client projects, download the template from the link below, and enjoy!... 20 Impressive CSS3 Techniques, Libraries and Examples. Danny Markov 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. There is a lot to gaze your eyes upon and a lot to learn so we better get started! In order to fully enjoy this compilation you might want to use a modern browser such as Chrome. 1. This is a really well executed and polished demo of a CSS only menu. 2. In this demo app you can generate and play around with some astonishingly realistic clouds. 3. These are some famous companies’ logos made entirely out of CSS. Here is another artistic use of CSS. 5.

A simple but very stylish navigation bar. 6. This is a CSS version of a little Google Doodle animation. 7. Another well made project – this time it’s sliding panels. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. Kevs3D - HTML5 Canvas demos by Kevin Roast. Website Design | Inspiration. Les sites web incontournables (juillet 2014) Second numéro de l’été, les incontournables de juillet nous réservent encore quelques belles surprises… Au fil de la sélection, j’ai pu remarquer à quel point les tendances actuelle se renforcent.

Par exemple, la quasi totalité des sites de ce mois de juillet présentent des menus déroulants, minimalistes et placés uniquement avec une petite « Burger Icon« . Comme nous le confirme également les articles de ses derniers mois, la vidéo en fond ainsi que le plein écran sont désormais des incontournables pour de nombreux projets.

Je vous conseille d’aller jeter un œil en détail à ces différents sites pour vous faire un avis. Over The Hills Punk Le Mouv AprilZero Call him Echo Dunckelfeld Locomotive Dtelepathy Tokyo mild Foundation Castagniccia Maremonti Quechua 2 Seconds Adventure.com Shake Interactive Garden Studio Grandpas Photos Muse Adobe Gstar Demins Waterloo Le Film Travisgertz Hybridconf Google Io Experiments Netwars-project/ Batman Arkham Knight/ Nonstopbar/ AirBnB/ Mélanie F/

Parallax

Sites we like. 25 Creative Website Footers. Footers have evolved from being insignificant pieces of design to one of the key factors in capturing the attention of your sites visitors. Many sties have taken creativity to another level and incorporated functionality with twitter updates and contact forms. This enhances the appearance of your website all while improving your sites usability. Every footer is unique in its own way and offers some sort of inspiration or lesson. Below you will find 25 Astonishing Website Footers to serve as pure inspiration.

Please feel encouraged to leave us a comment or link to a site we may have missed with a creative footer! The Zen Garden created a unique website footer that not only looks good, but offers functionality in the form of a contact section. This footer interacts with the sites viewers and offers valuable information.

The Buzz website footer has useful info and offers guidance through the sites tags. This footer has a great design and has self-advertising. Weekly Web Design Inspiration #90. Subscribe D-Lists Design + Developer Resource Facebook Fan Page CategoriesArchives Weekly Web Design Inspiration #90 This is the 90th week of web design inspiration. This weeks list is packed full of great design, so which websites are your favourite this week? Design Official Solo Method & Craft Testing Scrum Teknision WCRS & Co Hot Against The Cold Gauged2 BonLook Method Design Lab Lost Type Best App Ideas Love Of My Life Blitz Gadget-o Kiera Lacey If you like this post you may also want to look at: Weekly Web Design Inspiration #89 Weekly Web Design Inspiration #88.

40+ High Quality PSD Website Templates. For Web Designers using High Quality PSD Website Templates can be a great starting point for designers just starting out or if you're on a budget. These High Quality PSD Website Templates are all user friendly and quick to use containing all the elements you need to create your own website. We have hand picked these High Quality PSD Website Templates from trusted sources all over the web, all of these free psd website tempates are fully customizable, allowing you to edit the color scheme, fonts, images, background, wording and any other elements you want changed. In today's collection we've gathered 40+ High Quality PSD Website Templates, these psd website templates are some of the best we've seen and contain professional websites. We hope these High Quality PSD Website Templates allow you to create your own websites quickly and easily, whether it's for a client or personal use!

Enjoy! Free PSD Template: Dark Textured Portfolio Website Free PSD Template: Flat One Page Website Tessellate. 50+ Free Blogger Templates 2014. Well design Blogger templates is super stylish, and at the same time it is highly 100% responsive, perfect quality, super elegant, premium design Blogger Theme ideal for photography or picture based blogs or web portable. If you want to creating a blog to showcase your work, then those blogger templates are perfect example of what class and perfection is all about. Personal Mag Blogger Template Personal Mag – is a clean responsive Blogger blog theme. Personal Mag is idealy design for gallery, modern, personal and professional blogs that spreads news and stories accorss the web.

It is totally responsive so it takes shape of your device as you count one, two and three. It has some of the high quality features that makes it quite extraordinary blogger template. It has many custom widgets like Google Maps, Brand logo slider, featured ad spots, social share counters, related posts and more. Demo More Info Magnifique Blog Posting Blogger Template Demo Download Demo More Info Demo More Info. Styleboost. Apartament 27 – Music Club. 12 Original Flat Web Designs for Your Inspiration | My Visual BriefMy Visual Brief. As we are all aware, one of the trending styles these days for mobile & web UI projects is flat design. Designers have grown quite fond of flat design and it has been the chosen design direction for most up and coming websites. Flat design places the importance on functionality over design. In a nutshell, no more shadows, gradients, beveled edges, and reflections. Flat design is all about contributing to a digital experience through visual clarity, bold typography and illustrations.

Today we’d like to share with you some of the more original examples of flat web design that we’ve discovered while keeping My Visual Brief’s design database up to date. These web designs go beyond the status quo and try the untried avenues. The Big Picture Here are some interesting examples of websites which use big photos for the backgrounds… 1. As you can see, this website for Folklore Surf is a beautiful example of original flat design. 2. Bold, bold, bold! Sunera’s website by Anna Reshetova. 3. 4. 5. 6.

11 Beautiful Portfolios to Keep you Inspired. Your portfolio is the main channel for you to show your work to your clients, so it’s very important to put some effort into it. Designers, photographers and other creative professionals can take advantage of images, type, icons and other elements to deliver an impressive portfolio. From simple and clean approaches, to bright colors and animations, every professional has their own style and vision when creating a portfolio. Today we selected some beautiful and inspiring portfolios to show you. Make sure to check out all of them to keep your inspiration flowing. You may even get inspired to rethink your own portfolio. Tyler Copeland Thomas Ciszewski The Brave Man – Florian Wacker isnostudio – Christophe Bouche Brad Hogan Dennis Field Roman Kirichik Ryan Barlow Tim Brack Michael Ngo Frank Chimero About the Author Gisele Muller loves communication, technology, web, design, movies, gastronomy and creativity.

Related Posts 540 shares 11 Inspiring Examples of Dark Colors in Web Design Read More 490 shares. 30 illustrations vectorielles personnalisables à télécharger gratuitement. Source de l’illustration Parmi les amateurs de dessin vectoriel, les concepteurs ont toujours besoin de graphismes vectoriels gratuits pour illustrer un site, et parfois il peut être un peu difficile de trouver le bon. Voici donc 30 images vectorielles libres très variées : illustrations, fonds d’écran, carte de visite professionnelle, affiche de festival, bannières de promotion, stickers, boutons etc, que vous pourrez utiliser en les adaptant à vos besoins.

Source des bannières de promotion Source de l’illustration Source de l’affiche Source du bon de réduction Source de la citation Source de la carte de visite professionnelle Source du flyer de location Source du flyer commercial Source de l’illustration Source de l’offre spéciale Source de la carte Source de l’arrière-plan floral Source des bannières florales Source de l’illustration Source de l’illustration Source des stickers Source du graphique Source du graphique Source des boutons Source de l’illustration Source du badge étoilé Trackbacks. Fullscreen Slit Slider with jQuery and CSS3. A tutorial on how to create a fullscreen slideshow with a twist: the idea is to slice open the current slide when navigating to the next or previous one. Using jQuery and CSS animations we can create unique slide transitions for the content elements.

View demo Download source In this tutorial we’ll create a fullscreen slideshow with a twist: we’ll slice the current slide open in order to reveal the next or previous slide. Using different data-attributes, we’ll define the type, rotation angle and scale of a slide’s parts, giving us the possibility to create unique effects of each slide transition. We’ll be using jQuery cond, jQuery plugin by Ben Alman for chainable “if-then-else” statements. The animal icon font that we’ll be using is by Alan Carr and you can find it here.

The images in the second demo are by Majownik and they are licensed under a Creative Commons Attribution License. Let’s start with the HTML. The Markup So, our first slide will have something like this: Now, let’s style it! 25 Beautiful Responsive Web Design Examples for Inspiration. Six Revisions Menu Main Categories CSS HTML JavaScript Web Design WordPress Web Development Design Inspiration UX Design UI Design Freebies Tutorials Tools Links About Contact Advertise RSS Twitter Facebook 25 Beautiful Responsive Web Design Examples for Inspiration By Jacob Gube Responsive web design is the practice of enhancing the experience of the user by adapting the web page layout to the device he or she is using when accessing the site. Check out the beautiful responsive website layouts below for inspiration in your own responsive web design projects. 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25.

Related Content About the Author Jacob Gube is the Founder and Chief Editor of Six Revisions. This was published on Sep 15, 2012 Previous PostNext Post 33 Comments Georgios Sep 15 2012 I am anxious to the further development of responsive web design. Rumjhum Sep 16 2012 This collection is a bunch of fresh grapes which act as a mind appetizer for me. Jacob, Social Snack. 25 Websites with Stunning Big Background Photos. High-quality photographs can have a huge impact on the look of a website. The photos can either help to enhance the design, or they can serve as a focal point. In some cases, the entire background (or a large percentage) of a website will consist of a large photo.

In these situations the other design elements wind up complementing the photo, instead of the other way around. In this post we’ll showcase 25 websites that make use of very large background photos. There are a variety of different types of websites included, and all different kinds of photos that are being used. Looking for hosting? Inspiration. Queness - Design Inspirations, jQuery Tutorials and Web Design & Development Community.

Pour site associations

Flat Design. Single Page. Pour CV créatifs. Tendances. Responsive. Pour web mobile. Creattica: Your source for design inspiration. Latest Web Design Projects | WDS. Agence de communication Toulouse | Web & Graphisme | Sublimeo. Unheap - A tidy repository of jQuery plugins. Mobile UI Design Inspiration: Charts And Graphs. Design can be considered a craftsmanship because you do it until you are good at it and then you keep doing it to be better.

The problem is that many developers are really eager to solve functionality problems rather than spending time to solve the interface issues. A mobile designer must embrace minimalism because he will have to limit the features available on each screen and use them efficiently. Of course, the designer must also pay a lot of attention to usability. If a function cannot be found, is to small to notice, or not large enough to be used, the application becomes unusable. Designing for mobile seems like a difficult move from designing for web or for desktop applications and a designer must keep an eye on almost everything that he can think of and on what he doesn’t know yet. Seems like a lot of pressure meaning that there’s little time left for imagining how to make the required elements of mobile UI design. Dashboard WIP Stats Sweetgreen Envato Sales App Mtn Report Mobile Site.

2013 Web Design Blog. Blog Web design - tutorial et inspiration - Magazine du Webdesign. Zengarden. 50 Beautifully Simple Portfolio Websites For Your Inspiration. 25 Amazing Business Cards Inspiration 2013. Magazine Webdesign, Inspiration et tutoriels | Blog du Webdesign. Inspiration.

Exemples