background preloader

Free web resources for designers and web developers

Free web resources for designers and web developers

Build Internet | Web Design, Development, and Business Signification des couleurs en E-marketing et en Ergonomie Web . Sur la demande de plusieurs clients et stagiaires, les consultants-rédacteurs de Trinity Advise se sont mobilisés pour vous proposer un dossier complet sur les codes couleurs web et la signification des couleurs pour Internet. Vecteurs de cohérence graphique, les couleurs dictent de nombreux comportements à l’inconscient de l’internaute. Elle génèrent des réactions et des émotions que nous ne savons pas concrètement évaluer et chiffrer en e-marketing, sauf avec les nouveaux outils de test d’ergonomie web (eye tracking, mouse tracking, neuromarketing). Comment sont perçues les couleurs sur Internet, quel est leur impact sur la navigation et comment influencent-elles les internautes dans le tunnel d’achat ? Voici quelques explications issues de nos travaux de recherche, qui permettront d’apporter des éclaircissements sur ce sujet.. 1. 2. 3. 4. Annotations et explications complémentaires [x] En savoir plus ————————————————– . Significations : Représentations : Domaines : Sites exemples :

Welie.com - Patterns in Interaction Design Open Source Web Development Resources for Designers & Developers 45 Sites, Free Icons And PSD Resources For Web-Design Since previous graphic design related article turned out to be really popular, I decided to do similar article about web-design related resources. In this list You’ll find many free icons, psd files in good quality, Photoshop layer styles for easier icon creation and many websites specialized to deliver good quality freebie related content. You could say, it’s better to create icons Yourself, but I think there is no sense to create something that’s already there available for free, however if there isn’t something, this is only way to know it. One more time, before You use these icons read licence terms and legal agreements. 1. Actually I think this is one of the best founding I ever had, that’s why this resource is the first in the list. 2. 2 Button PSD’s by easydisplayname 3. 4. 5. 6. 7. 8. 9. Here is offered very nice way, how to present Your photos or works. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. iVista Icon PSDs by gakuseisean 25. 26. 27. 28. 29. 30. 31. 32. 33.

帕兰映像 Ajax, JavaScript, PHP, ASP.net, jQuery - Expert Resources and Tutorials ilovecolors JavaScript Kit- Your comprehensive JavaScript, DHTML, CSS, and Ajax stop Free Web Resources – Web Resources Depot 移动网站开发——CSS | CSS 上一篇我们谈到了移动网站中的标签,想必很多人也很想了解Mobile CSS的情况吧,本文将和大家一起探讨移动网站中的CSS标准。 介绍 Mobile css的标准也是有些复杂的,与前一篇文章中提到的类似,之前存在着一个W3C制定的CSS Mobile Profile 1.0以及OMA的WAP CSS 1.0,事实上它们都是CSS 2.1的子集,而且内容非常接近,不同的是,WAP CSS 1.0针对移动设备加入了一些扩展,这些扩展通过-wap-前缀来实现。 后来,W3C将二者进行了整合,吸收了WAP CSS1.0的一些优点,推出了CSS Mobile Prifile 2.0规范,它也是CSS 2.1的一个子集。我们本文将主要讨论这个规范。 CSS Mobile Profile 2.0中的CSS支持 因为这是CSS 2.1的一个子集,那么我们对这个规范的内容应该不会陌生,我们通过这个表格可以很直观的看到CSS MP对CSS的支持情况: 注1:border-style只支持常用的none、dotted、dashed、solid和inherit,其它的几个并没有被列入规范。 用法与浏览器支持 就像之前文章里面提到的那样,目前绝大多数的手机是支持XHTML Basic 1.0和XHTML MP 1.0标准的,这就意味着在某种程度上移动网站的HTML/XHTML代码是可以与桌面版的相兼容甚至完全一致的。 绝大多数传统手机上的浏览器都支持handheld媒体类型,包括opera mini和windows mobile中的IE。 其实考虑到传统手机的自身的限制和移动网络速度的限制,通过media type来加载外部样式是不可取的,通常用于移动版页面的样式不多,而多加载一个外部样式的代价是巨大的。 如果,你一定要采用外部样式的话,最好不要用@import,因为有些手机浏览器并不支持。 特别值得一提的是,mobile webkit(包括iphone safari和android chrome lite等)不支持handheld。 而在视觉上的差异,主要是字体的表现差异,这和各个手机浏览器有关,想要做的像素完美,不是件容易的事情。 总结 虽然,移动网站貌似不用考虑太多的功能,布局简单,功能简单,但是现实并没有想象中的那么简单。 参考

Related: