60 User Interface Calendar Inspirations and Downloads Welcome to the official calendar apocalypse! As humans we often forget things easily, such as anniversaries. One thing I’ve learned form my experience is to never forget that date, because once you do your in deep water. Although people still use physical calendars to keep track of events, the digital age is strongly coming towards us. Now lets get to the designing part of things. For you inspiration cause we collected stunning calendar interface designs. Keep it Clean – don’t go overboard with colors and gradientsSimple – not too many things happening at onceEasy to Navigate – my mother who does not even know how to open a new tab in a browser should be able to use itPleasing to the eye – nobody likes an ugly design 1. 2. 3. 4. 5. 6. 7. 8. 9. xhtml calendar 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. Calendar Icons 1. 2. 3. 4. 5. 6. 8. iPhone icon for Calend.ru app 9. 10. PSD Downloads 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15.
6 ORM en Ruby et PHP Aujourd'hui, le Blog du Webdesign vous propose une liste d'ORM pour vous simplifier le travail avec vos bases de données. Qu'est ce qu'un ORM ? Connaissez-vous les ORM ? Cet acronyme signifie Object Relational Mapping. - Pour commencer, on n'écrit (presque) plus aucune ligne SQL soi-même. - Il est possible de définir des relations entre les objets : Qui appartient à qui, qui possède quoi. - Ils permettent de séparer le code correspondant aux instances de vos enregistrements du reste de la page. - Ils permettent une séparation très claire entre la base de données utilise et les commandes. J'ajouterais aussi, bien que ce ne soit pas réellement un avantage au sens propre : Tous les frameworks ou presque en utilisent un. Quelques ORM pour en savoir plus Pour finir, voila quelques ressources pour vous aider a démarrer : 6 ORM en ruby et PHP Redbean (php) Propel (php) doctrine (php) Ruby Sequel (ruby) Datamapper (ruby) Active record (ruby) Notez qu'il existe aussi un portage php pour active record.
50+ jQuery CSS3 Ribbon Tutorials, PSDs, Websites, Downloads, Tools and Brushes for Inspiration - Page 3 of 5 - DesignHuntR 1) Vertical Big Ribbon PSD Download 2) PSD Web Ribbon Sale Label Download 3) Web Ribbon Retro Vintage Pack PSD Download 4) Green Ribbon PSD Pack Download 5) Notepad Ribbon PSD Download 6) Classic Vintage Ribbon PSD Set 7) Facebook Like Ribbon PSDs 8) Golden Ribbon PSD Set 9) Social Vertical Ribbon Freebie PSD 10) Vertical Ribbons Freebie 11) Get Free Stuff Ribbon Icon PSD 12) Pretty Little Folded Ribbon PSD set 13) Free PSD Orange Ribbons 14) Cool Black Ribbon PSD Download 15) Fancy Ribbon PSD Download 16) Pretty Little Red Ribbon PSD Download 17) Ribbon Free Template PSD 18) Ribbon Banner PSD Download 19) Freebie Elegant Ribbons PSD 20) Leather Ribbon Web Elements 21) 5 Simple Ribbon Templates Download CSS3, Design Inspirations, How To, HTML & CSS, jQuery, PSD, Tools, UI Designing, Web Design Tools
Responsive Tables Basic You can create a table using minimal markup. <table><thead><tr><th width="200">Table Header</th><th>Table Header</th><th width="150">Table Header</th><th width="150">Table Header</th></tr></thead><tbody><tr><td>Content Goes Here</td><td>This is longer content Donec id elit non mi porta gravida at eget metus.</td><td>Content Goes Here</td><td>Content Goes Here</td></tr><tr><td>Content Goes Here</td><td>This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus. Rendered HTML Tables can be easily customized using our Sass variables. $include-html-table-classes: $include-html-classes ! Note: rem-calc(); is a function we wrote to convert px to rem. Sass Errors? If the default "foundation" import was commented out, then make sure you import this file: @import "foundation/components/tables";
30 Free UI Kits Recognition and prestige for Web Designers and Agencies 30 Free UI Kits March 21 By awwwards-team In Design & Illustration User interfaces kits free to download Share on Facebook Share on Twitter Share on Google Share on Stumbleupon Share on Pinterest Share on Linkedin The graphic interface is the first thing our users see on our websites. By Awwwards Team awwwards.com Awwwards – recognizing the talent and effort of the best web designers, developers and agencies in the world. BLOG Inspiration for web designers and developers Retina.js How it works When your users load a page, retina.js checks each image on the page to see if there is a high-resolution version of that image on your server. If a high-resolution variant exists, the script will swap in that image in-place. The script assumes you use Apple's prescribed high-resolution modifier (@2x) to denote high-resolution image variants on your server. For example, if you have an image on your page that looks like this: <img src="/images/my_image.png" /> The script will check your server to see if an alternative image exists at this path: "/images/my_image@2x.png" How to use JavaScript The JavaScript helper script automatically replaces images on your page with high-resolution variants (if they exist). Place the retina.js file on your server Include the script on your page <script type="text/javascript" src="/scripts/retina.js"></script> (put it at the bottom of your template, before your closing </body> tag) That's it! Steps: Download Download zip Download source Contribute
Media Queries Web Creme Les 10 tendances graphiques pour 2017 Après l'incroyable succès de notre article sur les tendances graphiques de 2016 - plus de 10000 partages ! - nous avons aujourd'hui la lourde responsabilité de faire nos pronostics pour 2017. Pour être certains de vous recommander les tendances les plus porteuses de sens, nous avons sollicité l’avis d’experts, qu’ils viennent du digital, du design ou de la communication 360. Entre algorithmes, VR, couleurs vibrantes, authenticité et refus du design, l’année s’annonce passionnante ! 1. Pour Charline Vergoz, Digital Art Director chez Lonsdale Design, les motifs – ou patterns pour les anglophones – « connaissent un renouveau sous toutes les formes : de l’habillage classique à la mise en mouvement. D’autres motifs à découvrir sur ce board 2. C’est LA tendance de l’année, que la majorité des interviewés ont spontanément citée. Un bel exemple de graphisme « à la Spotify » relevé par Lionel Causse, directeur de création chez Lonsdale Design : Lelandoriginals. 3. 4. 5. 6. 7. 8. 9. 10.