background preloader

Webdesign

Facebook Twitter

Où trouver de l'inspiration pour vos animations ? Avez-vous déjà remarqué à quel point les animations sont devenues un composant essentiel au cœur des interfaces utilisateur ? Pour en tenir compte dans vos projets futurs et vous inspirer, découvrez quelques sites et outils de référence à connaître. Annonce Aujourd’hui, l’animation n’est plus réservée à des sites de jeux, pour des expériences interactives poussées ou simplement des applications mobiles. Grâce au support étendu de CSS3, du WebGL, de SVG, de la vidéo et grâce au développement des librairies Javascript, les animations font parties intégrante de nos sites web. Elles permettent à l’utilisateur d’avoir une expérience agréable, d’avoir des repères dans l’espace et souvent de comprendre l’organisation des éléments. Les traditionnels blocs plats, sans vie et en 2D prennent vie avec des mouvements « réalistes » qui suivent les lois de la physique du monde réel.

. « Une animation bien réussie est celle que l’utilisateur ne va pas remarquer » Des galeries pour trouver l’inspiration : Videos That Will Help to Improve Your Design Skills. Whether you’re a beginner or advanced web designer you can always use some tips, tricks and tutorials to advance the way you see design as a whole. From quickly designing a new WordPress site to understanding the how and why of simplicity in the designs you sell. According to Smashing Magazine, a few of the best ways to improve your design skills are by focusing on your concept, choosing fonts wisely, communicating instead of just decorating, selecting purposeful colors and creating negative space. Since designers are so visually motivated, I wanted to put together a list of the best videos that help you improve your design skills.

There are so many to choose from, but some of them have unique topics such as stealing designs for motivation and how to approach the situation when you realize you want to be a web designer. Simplicity Sells Simplicity Sells is one of my favorites, since minimalism has been a growing trend in the digital and mobile spaces. Great Designers Steal Seductive Design. 45 Best Responsive Portfolio HTML5 Templates in 2014 | Responsive Miracle. I got drugged! 40 Beautiful & Functional Search Box Designs. Fonts. Free PSDs & Resources for Web Designers by Orman Clark - Part 2. Social Media Sharing Buttons (PSD) Today’s quick freebie is a bunch of social media sharing buttons. If you want to create a more uniform look, rather than using any official buttons, here’s your starting point. 50 Mini Icons (PSD) Today’s freebie is an awesome contribution from Swedish designer Victor Erixon – a set of 50 mini icons.

Victor smashed it, these icons are not only pixel perfect, but have a ton of character. Google Maps UI Controls (PSD) Today’s freebie is a sweet little addition to your designer toolbox – a set of Google maps UI controls. 6 Greek / Roman Pixel Patterns (.PAT) Today’s freebie is a sweet set of 6 seamless greek / roman pixel patterns contributed by Italian web designer Matteo Di Capua. Apple iPhone Chat Bubbles (PSD) Today’s freebie, a set of iPhone chat bubbles, is a sweet contribution from fellow UK based web designer Nicholas Craig. 13-inch Apple MacBook Air (PSD) 10 Dark Subtle Patterns (.PAT) Settings Panel (PSD)

60 Outstanding Free PSD Buttons. Advertisement If you are searching for an editable version of a particular icon or button for your current web design project, then look no further. In this post we have 60 individual icons and buttons, all in PSD format, covering almost every possible web design style and function. In this post, we have came up with pretty useful resources that you can use for your designs or websites. This Ultimate Collection of Free Buttons in PSD Format is a compilation of high quality buttons that you may find useful and unique. 1. 2. 3. 4. 5. 4 Web buttons 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 2 button 22. 23. 24. 25. 26. 27. 28. 29. 30.

Advertisement 31. 10 Simple Web Buttons (PSD) 32. 33. 22 Clean Web Buttons 34. 35. 36. 37. 38. 39. 40. 41. 42. 43. 44. 45. 39 Free Web 2.0 Buttons 46. 47. 48. 49. 50. 51. 52. 53. 54. 55. 56. 57. 58. 59. 59.

Textures / Paterns

Organic App. Logo. Textures. Tools (brush / shapes) Mockup electro music banner ticket invitation Vector. Freepik Freepik Selection Thanks for downloading, here you can download your License. Download License Remember that you can download your licenses whenever you want in the Downloads section of your profile. Mockup electro music banner ticket invitation Free Vector Free Download Free license with attribution Direct Download without attribution Ai How to edit this Vector? Premium files from Shutterstock Music covers templates with abstract background 65.624 175 11 months ago Ticket template banners with blue abstract background 47.839 127 11 months ago Red and blue event vector banners 42.739 103 11 months ago Summer holiday flat icons 54.476 156 12 months ago Retro cinema tickets 5.981 32 2 months ago Movie cinema vector icons 45.187 154 12 months ago Variety of tickets 3.916 51 2 months ago Colorful iconic objects 23.126 86 9 months ago Circus elements, animals and decorations 8.784 74 4 months ago Boarding pass ticket 2.817 25 2 months ago Cinema vector art 25.561 112 12 months ago New See more Freepik.

Mockup

Font. Tendance web : 30 web designs avec un dégradé de couleurs. Partons à la découverte d'une tendance de plus en plus présente en web design avec l'utilisation des dégradés de couleurs ! Des sites hauts en couleurs Depuis quelques années, le Flat Design à amener l'utilisation des aplats de couleurs sur une grande majorité des réalisations web, mais également dans la création de pictogrammes. Depuis quelque temps, on peut remarquer un grand nombre de sites qui réalisent leur web design avec un dégradé de couleurs. Cette technique est intéressante car elle permet de donner rapidement une profondeur au site et un univers avec les différentes connotations liées aux couleurs chaude ou froide. Cette technique se rapproche des sites qui utilisent une photo ou une vidéo en arrière-plan afin d'habiller le web design. . - 23 web design utilisant la vidéo dans leur conception - 15 sites web avec un full background Le CSS pour créer vos dégradés en quelques secondes background: linear-gradient Pixelart Cregital - Creative Digital Agency Fanout Customeed Bacae Huggable.

Top 5 Scroll-to-Animate Effects in Online Animation. Online animation has become much more than a parlor trick for developers to show off their skills. Animation is used to create more sultry interfaces that feel smoother and easier to use. Natural animation gives off a certain vibe of corporeality to interface design. One area that’s seen a lot of attention is the scroll-to-animate technique. Basically whenever a user scrolls down the page, some elements animate. I’d like to cover some design ideas from websites using the scroll-to-animate feature. Icons and Graphics in Motion In-page graphics are one of the more common items to animate. The most popular animation style is to reveal icons once the user scrolls into view. After scrolling beyond the header, you’ll notice little vector buildings animate into view. Moving down a bit further, you’ll notice a services list with smaller icons. One other really cool example is the portfolio of Pedro Landaverde. Keep scrolling down and you’ll find all sorts of cool animated effects.

Scroll Magic. Le meilleur du web #78: liens, ressources, tutoriels et inspiration. Hundreds of retro/vintage effects & actions for 96% OFF‬ The guys at Dealjumbo are at it again, with their amazing Only Best Sellers vol 7. If you’re looking for hundreds of retro/vintage effects & actions, lot of unique custom fonts, handdrawn vector shapes and presentation mock-ups, then this Jumbo Deal is just for you! With this offer, you will save more almost 96% on the original price, so there really shouldn’t be anything to consider, you need to get this bundle while it is still available. Just a few of the goodies included: Artisan Display Typeface by Ilham Herry Introducing new classic display typeface it’s call Artisan Display.

Allcaps font with classic style. OpenType features with Stylistic Alternates, Contextual Alternate and Swashin some characters that allows you to mix and match pairs of letters to fit your design, and also a touch of ornament makes this font look stylist. Growler Script by Hustle Supply Co. Without further ado… & freshly brewed, Growler Script is here! Manhattan Darling Typeface + BONUS by MakeMediaCo. Pricing: Webdesign : 7 tendances futures. Récemment, je suis tombé sur un article très intéressant nommé « 7 future web design trends » et j’ai donc demandé à Jowita Ziobro l’autorisation de l’adapter en français. Elle a gentiment accepté que je le partage avec vous, aujourd’hui ! C’est donc parti pour les 7 tendances futures pour le webdesign ! La gestuelle devient le nouveau clicNous avons oublié à quel point faire défiler une page était compliqué. La plupart des utilisateurs déplaçaient méticuleusement leur pointeur de souris en direction de l’extrémité droite de l’écran, afin atteindre et d’utiliser quelque chose que nous appelions la « scrollbar ».

En tant qu’utilisateur chevronné, vous utilisiez certainement la roue de votre souris, les touches de votre clavier ou bien encore votre trackpad. Bonus légérement hors propos : les CSS Shapes Cette techno plutôt cool restera peut être dans l’ombre. Il n’en reste pas moins que la techno est cool :) La simplicité n’est pas une mode : elle est le futur. Formez-vous au webdesign. Save 95% on these 30 awesome custom fonts. The guys at Dealjumbo are at it again, with their amazing Mega Bundle with awesome custom fonts. If you’re looking looking to beef up your custom font library then this Jumbo Deal is just for you! With this offer, you will save almost 95% on the original price, so there really shouldn’t be anything to consider, you need to get this bundle while it is still available. Highlights: 30 Custom Font Families ( TTF or OTF or both font formats )Lot of extras: graphics, vector shapes or logo designsWide Variety of UsesUnique additions for your font and graphic design arsenal!

Dealjumbo extended license! Just a few of the goodies included: Sofia Rough Black 3 by Mostardesign Sofia Rough Black 3 is amazing grunge font for your new designs. Sofia Rough Script Bold by Mostardesign Sofia Rough Script Bold is amazing grunge script font for your new designs. Angelline Script by Graptail Karmela by Graptail Castrina Typescript + Bonus by Lostvoltype Maroline Family by Lostvoltype Jibriel Typeface by Mikrojihad. Lacroie. Best Radio Website Awards. Each year the Web Marketing Association names the Best Radio web site as part of the annual WebAward Competition. Now in its 17th year, the WebAwards are recognized as the premier industry based Website Award program in the world. Here is your chance to stand out from your competitors and win the recognition you deserve while receiving valuable independent feedback on your development efforts. Click here to enter your Website into the Web Marketing Association’s 2015 WebAward Competition.

Best Radio websites are selected by judges who review the entered websites using the seven criteria below: Design Ease of use Copywriting Interactivity Use of technology Innovation Content As a participant, you will receive: An independent evaluation of your Radio Website by independent expert judges Valuable feedback to help Benchmark your efforts against other Radio industry websites. If your site wins recognition with the Radio WebAward, you will also get: Setting Radio Trends and making Radio News. Best Radio Station Websites | Adazing Design. Best Radio Station Websites Radio stations are not just for your car or a portable radio. Many radio stations have detailed websites that allow you to stream their music from your office or home with ease.

Others may run contests, provide music videos or allow you to get to know the DJs. Here are some of the best radio station websites out there. Z100 New York. Radio station websites have a tendency to have a lot going on at one time. While Z100 New York is no exception, this website does a great job of distinguishing between sections and placing the important information first. 93 KGSR. Mix 94.1. KCRW. Let Us Help You! If you are interested in having us help design your website, just fill out the short form below with the name of your website and your specific needs and we will contact you shortly.

[contact-form-7 404 "Not Found"] CJ grew up admiring books. Which radio station websites have great web design? Google.