HTML&CSS 学习网站收藏【转】
转自:http://lab.linxz.de/some_url.html
html & CSS
- http://www.adobe.com/devnet/html5/articles/css3-regions.html
- http://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax/
- http://www.maratz.com/blog/archives/2013/01/15/offsetting-an-html-element-in-a-flexible-container/
- http://www.jonathantneal.com/blog/understand-the-favicon/
- http://coding.smashingmagazine.com/2009/07/27/the-definitive-guide-to-using-negative-margins/
- http://coding.smashingmagazine.com/2007/05/10/70-expert-ideas-for-better-css-coding/
- http://blendinsider.com/tutorial/blend-tutorial-part-4-create-a-flexible-layout-memory-game-2012-1-20/
- http://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax/
- http://coding.smashingmagazine.com/2013/02/21/the-history-of-the-bem-methodology/
- http://www.netmagazine.com/features/truth-about-structuring-html5-page
- http://coding.smashingmagazine.com/2013/02/27/css-form-elements-problem
- http://coding.smashingmagazine.com/2013/02/19/using-white-space-for-readability-in-html-and-css/
- http://css-tricks.com/using-svg/
- http://coding.smashingmagazine.com/2009/09/15/the-z-index-css-property-a-comprehensive-look/
- http://alistapart.com/article/holygrail
- http://matthewjamestaylor.com/blog/centered-dropdown-menus
- http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support
- http://www.red-team-design.com/horizontal-centering-using-css-fit-content-value
- http://www.webdesignermag.co.uk/features/css-style-guide-10-essential-techniques
- http://css-tricks.com/the-lengths-of-css/
- http://coding.smashingmagazine.com/2013/03/08/tips-tricks-print-style-sheets/
- http://taitems.github.com/Front-End-Development-Guidelines/
- http://www.sitepoint.com/css-architectures-principles-of-code-cleanup-2/
- http://nicolasgallagher.com/about-html-semantics-front-end-architecture
- http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/the-best-way-to-learn-css-2
- http://www.mobify.com/blog/multiline-ellipsis-in-pure-css/
- http://www.sitepoint.com/css-architectures-refactor-your-css
- http://webdesign.tutsplus.com/articles/typography-articles/taking-the-erm-out-of-ems
- http://webdesign.tutsplus.com/articles/typography-articles/taking-ems-even-further
- http://csswizardry.com/2013/05/scope-in-css
- http://www.sitepoint.com/css-architectures-refactor-your-css/
- http://www.sitepoint.com/css-architectures-scalable-and-modular-approaches/
- http://blog.kaelig.fr/post/48196348743/fifty-shades-of-bem
- http://the-pastry-box-project.net/oli-studholme/2013-june-3/
- http://flippinawesome.org/2013/06/10/loading-images-on-demand-with-pure-css
性能方面
- http://csswizardry.com/2013/01/front-end-performance-for-web-designers-and-front-end-developers/
- http://timkadlec.com/2012/04/media-query-asset-downloading-results/
- http://calendar.perfplanet.com/2011/
- http://oli.jp/2011/ids/
- http://csslint.net/about.html
- http://www.vanseodesign.com/css/css-selector-performance/
- http://perfectionkills.com/profiling-css-for-fun-and-profit-optimization-notes/
- http://csswizardry.com/2011/09/writing-efficient-css-selectors/
- http://wojodesign.com/10-easy-steps-to-great-website-optimization/
- http://www.scottlogic.co.uk/2010/11/css-performance-part-1/
- http://albertogasparin.it/articles/2011/06/ios-css-animations-performances/
- http://calendar.perfplanet.com/2011/beyond-bandwidth-ui-performance/
- http://www.igvita.com/2012/06/14/debunking-responsive-css-performance-myths/
- https://developers.google.com/speed/docs/best-practices/rendering
- http://www.stubbornella.org/content/2009/03/27/reflows-repaints-css-performance-making-your-javascript-slow
- http://boagworld.com/dev/why-you-should-care-about-css-page-performance
- https://developer.mozilla.org/en-US/docs/CSS/Writing_Efficient_CSS
- http://meiert.com/en/blog/20120620/web-development-on-frameworks-testing-and-css-performance-and-maintainability
- http://css-tricks.com/efficiently-rendering-css
- http://calendar.perfplanet.com/2011/css-selector-performance-has-changed-for-the-better
- http://zoompf.com/2012/04/performance-aspects-of-googles-html-css-style-guide
- http://smacss.com/book/selectors
- http://www.waynemoir.com/notebook/css/the-top-5-mistakes-of-massive-css
- http://tjrus.com/blog/base64-vs-css-sprites-battle-for-performance
- http://www.paulund.co.uk/javascript-full-screen-api
- http://jsperf.com/css-performance-test
- http://screwlewse.com/2010/08/different-css-techniques-and-their-performance/
- http://www.thebrightlines.com/2010/07/28/css-performance-who-cares/
- http://kellegous.com/j/2013/01/26/layout-performance/
- http://coding.smashingmagazine.com/2013/01/22/css-performance-debugging-naming-conventions/
- http://blog.tumult.com/2013/02/28/transform-translate-vs-top-left
- http://alistapart.com/article/improving-ux-through-front-end-performance
javascript
- http://www.toddmotto.com/creating-jquery-style-functions-in-javascript-hasclass-addclass-removeclass-toggleclass
- http://dailyjs.com/2012/11/29/backbone-tutorial-1/
- http://superherojs.com/
- http://perfectionkills.com/global-eval-what-are-the-options/
jquery
- http://webdesignandsuch.com/12-jquery-notification-bar-options-like-the-hello-bar
- http://smashinghub.com/10-useful-jquery-lightbox-plug-ins.htm
- http://blog.teamtreehouse.com/writing-your-own-jquery-plugins
- http://flippinawesome.org/2013/05/06/5-things-you-should-stop-doing-with-jquery/
移动端
- http://sixrevisions.com/mobile/methods-mobile-websites/
- http://www.kylejlarson.com/blog/2012/iphone-5-web-design
- http://www.css3files.com/2012/09/24/ios6-brings-us-the-joy-of-two-new-css3-properties
- http://www.stephentgilbert.com/mediaqueries
- http://webdesignergeeks.com/mobile/iphone-ipad/top-10-iphone-development-blogs/
- http://mobile.smashingmagazine.com/2010/05/28/web-development-for-the-iphone-and-ipad-getting-started
- http://www.bernskiold.com/2011/02/02/tips-and-tricks-for-ios-web-development
- http://www.campaignmonitor.com/guides/mobile/optimizing-images
- http://mobile.dzone.com/articles/new-iphone-5-and-ios-6
- http://www.electriceasel.com/tips-tricks/designing-mobile-sites
- http://www.sitepoint.com/iphone-development-12-tips/
- http://blog.cloudfour.com/seven-things-i-learned-while-making-an-ipad-web-app-2
- http://uxdesign.smashingmagazine.com/2012/12/19/boost-your-mobile-e-commerce-sales-with-mobile-design-patterns/
- http://jasonweaver.name/lab/offcanvas/
- http://css3wizardry.com/2011/01/30/the-holy-grail-of-mobile-layout
- http://fireworks.smashingmagazine.com/2013/02/15/ios-prototyping-adobe-fireworks-tap-part3/
- http://fireworks.smashingmagazine.com/2013/01/25/ios-prototyping-adobe-fireworks-tap-part2/
- http://fireworks.smashingmagazine.com/2013/01/11/ios-prototyping-adobe-fireworks-tap-part1/
- http://blog.mengto.com/solving-the-back-button/
- http://www.smashingmagazine.com/guidelines-for-mobile-web-development/
- http://radesign.in/design-lessons-from-gmail-web-app/
- http://www.uxbooth.com/articles/designing-for-mobile-part-1-information-architecture/
- http://www.uxbooth.com/articles/designing-for-mobile-part-2-interaction-design/
- http://remysharp.com/2012/05/24/issues-with-position-fixed-scrolling-on-ios
- https://github.com/jtyjty99999/mobileTech
- http://www.cnblogs.com/pifoo/archive/2011/05/28/webkit-webapp.html
retina
- http://paulstamatiou.com/responsive-retina-blog-development-part-1
- http://michieldegraaf.com/post/retina-for-web-workflow/
- http://designmodo.com/responsive-retina-images
- http://www.sitepoint.com/css-techniques-for-retina-displays/
- http://paulstamatiou.com/responsive-retina-blog-design
- http://medialoot.com/blog/high-resolution-web/
- http://www.htmlcut.com/blog/retina-display-future-of-web-design-internet-overview.html
- http://www.gacikdesign.com/blog/retina-display-the-future-of-web-design-internet-overview
- http://www.bram.us/tag/retina
- https://coderwall.com/p/t/retina
- http://glue.readthedocs.org/en/latest/ratios.html
- http://benfrain.com/how-to-serve-high-resolution-website-images-for-retina-displays-new-ipadiphone4
- http://webdesign.tutsplus.com/articles/general/improving-image-quality-on-the-retina-display
- http://www.netmagazine.com/tutorials/master-css-pixels-retina-displays
- http://www.dbswebsite.com/blog/2012/07/18/retina-displays-good-for-web-design
- http://mobile.smashingmagazine.com/2010/11/17/designing-for-iphone-4-retina-display-techniques-and-workflow
- http://bjango.com/articles/designingforretina
- http://bjango.com/articles/designingforretina2
- http://www.fuelyourcreativity.com/how-to-design-for-the-retina-display
- http://css-tricks.com/snippets/css/retina-display-media-query
- http://veerle.duoh.com/design/article/exporting_retina_designs_from_photoshop_with_slicy
- http://nick-hurst.com/2012/optimising-graphics-images-for-retina-devices-mobile-website-design
- http://www.kylejlarson.com/blog/2012/creating-retina-images-for-your-website
- http://www.awwwards.com/coding-for-retina-displays-with-retinajs-tutorial.html
- http://www.commonagency.com/blog/2012/05/a-tip-for-designing-for-retina-displays
- http://www.hongkiat.com/blog/mbp-retina-blurry-text
- http://designshack.net/articles/html/ready-or-not-here-comes-hd-web-design
- http://medialoot.com/blog/high-resolution-web
- http://www.grafikart.fr/tutoriels/html-css/retina-compatible-336
- http://blog.netvlies.nl/design-interactie/retina-revolution/
- http://www.boonex.com/n/making-dolphin-retina-display-ready
- http://mobile.smashingmagazine.com/2010/11/17/designing-for-iphone-4-retina-display-techniques-and-workflow
- http://realmacsoftware.com/blog/designing-for-retina
- http://johndyer.name/how-to-create-a-responsive-retina-ready-website
- http://alexthorpe.com/uncategorized/css-sprites-for-retina-display-devices/683
- http://www.uifuel.com/hd-retina-display-media-queries
- http://adaptive-images.com
- http://www.html5rocks.com/en/mobile/high-dpi/
- http://developer.apple.com/library/safari/#documentation/NetworkingInternet/Conceptual/SafariImageDeliveryBestPractices/ServingImagestoRetinaDisplays/ServingImagestoRetinaDisplays.html
- http://css3.bradshawenterprises.com/blog/retina-image-replacement-for-new-ipad/
- http://weedygarden.net/2010/10/retina-display-and-css-background-images/
- http://realmacsoftware.com/blog/coding-for-retina-on-the-web
- http://www.inserthtml.com/2012/09/designing-retina-devices
- http://manyangl.es/2013/02/implementing-retina-ready-images-on-the-web
- http://designmodo.com/design-retina-displays
- http://www.zurb.com/playground/clambake
- http://www.leemunroe.com/designing-for-high-resolution-retina-displays/
- http://ivomynttinen.com/blog/a-guide-for-creating-a-better-retina-web/
- http://www.sitepoint.com/support-retina-displays
- http://tympanus.net/codrops/2013/05/08/responsive-retina-ready-menu/
- http://mashable.com/2013/05/22/convert-to-retina/
responsive
- http://www.kendoui.com/blogs/teamblog/posts/13-01-22/responsive_design_with_twitter_bootstrap.aspx
- http://buildmobile.com/understanding-responsive-web-design-how-to-manage-fonts/
- http://blog.cloudfour.com/responsive-design-for-apps-part-1
- http://bradfrost.github.com/this-is-responsive/resources.html
- http://blog.teamtreehouse.com/responsive-design-of-the-future-with-flexbox
- http://tobyho.com/2012/01/25/responsive-web-design
- http://www.paulund.co.uk/css3-animated-media-queries
- http://www.toddmotto.com/fluid-first-creating-a-future-proof-fluid-and-responsive-website
- http://laurakalbag.com/display-none/
- http://css-tricks.com/responsive-menu-concepts
- http://www.onextrapixel.com/2012/08/27/creating-a-css3-responsive-menu
- http://alwaystwisted.com/post.php?s=2012-05-14-create-a-responsive-mobile-first-menu
- http://www.netmagazine.com/features/five-steps-gettin-flexy-responsive-web-design
- http://andydavies.me/blog/2012/08/13/what-if-we-could-use-css-to-manipulate-html-attributes
- http://webdesign.tutsplus.com/tutorials/site-elements/a-flexible-approach-to-responsive-navigation
- http://alpha.responsivedesign.is/strategy/site-genres/web-developer-designer-agency/stuff-and-nonesense
- http://www.freshdesignweb.com/drop-down-responsive-menu-with-css3-jquery.html
- http://webdesign.tutsplus.com/tutorials/site-elements/big-menus-small-screens-responsive-multi-level-navigation
- http://www.onextrapixel.com/2012/09/20/responsive-web-development-as-a-standard-step-by-step
- http://osvaldas.info/responsive-jquery-masonry-or-pinterest-style-layout
- http://www.hongkiat.com/blog/responsive-for-mobile-screens
- http://www.freshdesignweb.com/useful-responsive-menu-navigation-tutorials.html
- http://nickdenardis.com/2012/09/23/what-im-reading-the-responsive-edition/
- http://blog.javierusobiaga.com/stop-using-the-viewport-tag-until-you-know-ho
- http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
- http://johanbrook.com/design/css/debugging-css-media-queries
- http://alistapart.com/article/fluid-images
- http://unstoppablerobotninja.com/entry/fluid-images
- http://www.netmagazine.com/tutorials/build-responsive-site-week-designing-responsively-part-1
- http://www.netmagazine.com/tutorials/build-responsive-site-week-typography-and-grids-part-2
- http://www.netmagazine.com/tutorials/build-responsive-site-week-images-and-video-part-3
- http://www.netmagazine.com/tutorials/build-responsive-site-week-media-queries-part-4
- http://viljamis.com/blog/2013/prototyping-responsive-typography
- http://www.netmagazine.com/tutorials/build-responsive-emails
- http://www.webappers.com/2013/03/05/the-foundation-for-responsive-design-flexibility
- http://mobile.smashingmagazine.com/2013/03/05/building-a-better-responsive-website/
- http://coding.smashingmagazine.com/2013/03/11/responsible-web-design/
- http://www.adobe.com/devnet/html5/articles/ten-things-you-need-to-know-about-responsive-design.html
- http://paulstamatiou.com/responsive-retina-blog-development-part-1
- http://paulstamatiou.com/responsive-retina-blog-development-part-2
- http://mobile.smashingmagazine.com/2013/03/18/retrofit-a-website-to-be-responsive-with-rwd-retrofit/
- http://mobile.smashingmagazine.com/2013/03/21/responsive-web-design-with-physical-units/
- http://blog.cloudfour.com/responsive-design-for-apps-part-3/
- http://designinstruct.com/roundups/infographics-learn-responsive-web-design
- http://dbushell.com/2013/03/19/on-responsive-layout-and-grids
- http://www.scoop.it/t/gonzodesign
- http://www.templatemonster.com/infographics/responsive-web-design-interactive-guide.php
- http://www.smashingmagazine.com/responsive-web-design-guidelines-tutorials/
- http://blogs.adobe.com/webplatform/2013/05/06/adobe-explores-the-future-of-responsive-digital-layout-with-national-geographic-content
- http://blog.cloudfour.com/behavioral-breakpoints
- http://www.sitepoint.com/designing-experiences-for-responsive-web-sites
HTML&CSS 学习网站收藏【转】的更多相关文章
- Linux运维学习网站收藏
Linux运维之道 1> http://www.linuxidc.com/ //Linux公社,收藏Linux学习的很多知识 2> http://http://www.jb51 ...
- lotus domino 软件学习网站(自己收藏的)
lotus domino 软件学习网站(自己收藏的) 我学习lotus domino时间也不是很长,相比较学习lotus,学习java的时间还是比较长的,刚开始看网上的说法都是不看好lotus的, 但 ...
- web前端网站收藏
参考 w3school:html,css,js等各种参考 W3schools:较之w3school界面更华丽 webplatform:学习最新的web技术 MDN:mozilla developer ...
- css学习归纳总结(三) 转
原文地址:css学习归纳总结(三) 为文档添加样式的三种方法 行内样式 行内样式是写在HTML标签的style属性里的,比如: <p style="font-size: 12px;fo ...
- 我是怎么开发一个小型java在线学习网站的
2016/1/27 11:55:14 我是怎么开发一个小型java在线学习网站的 一直想做一个自己的网站(非博客),但是又不知道做什么内容的好,又一次看到了w3schools,就萌发了开发一个在线ja ...
- css学习归纳总结
来源于:trigkit4 css学习归纳总结(一) 选择器的分组 CSS选择器分为 1.群组选择器 如:p, body, img, div{} 2.兄弟选择器 如:p + p { color:#f00 ...
- html+css学习总结
HTML与css学习总结 一:html概念 1. html是一种描述网页的语言,并不是计算机语言这要分清楚:标记语言是运用一套标记标签描述网页的: 注意点: ①标签字母都要小写,标签一般都是成对出现, ...
- HTML+CSS学习笔记(5)- 与浏览者交互,表单标签
HTML+CSS学习笔记(5)- 与浏览者交互,表单标签 1.使用表单标签,与用户交互 网站怎样与用户进行交互?答案是使用HTML表单(form).表单是可以把浏览者输入的数据传送到服务器端,这样服务 ...
- HTML+CSS学习笔记(4) - 认识标签(3)
HTML+CSS学习笔记(4) - 认识标签(3) 1.使用<a>标签,链接到另一个页面 使用<a>标签可实现超链接,它在网页制作中可以说是无处不在,只要有链接的地方,就会有这 ...
随机推荐
- 内核通信之Netlink源码分析-用户内核通信原理
2017-07-05 本节从一个小案例入手,结合源码分析下通过netlink进行内核和用户通信的流程. 内核端 按照传统CS模式,其实内核端可以作为是服务器端,用以接收用户的请求并作出处理,但是从ne ...
- Django自带的加密算法及加密模块
Django 内置的User类提供了用户密码的存储.验证.修改等功能,可以很方便你的给用户提供密码服务. 默认的Ddjango使用pbkdf2_sha256方式来存储和管理用的密码,当然是可以自定义的 ...
- 8.python中双冒号(::)的用法
s[i:j:k]是,根据该“片第从i到j与第k步”.何时i和j缺席,整个序列是和s[::k]意思是“每k个项目”. 示例 首先,让我们来初始化一个列表: >>> s = range( ...
- KS检验学习[转载]
转自:https://wenku.baidu.com/view/ccfa573a3968011ca30091d6.html https://www.cnblogs.com/arkenstone/p/5 ...
- 站点默认访问https
需求简介 现在网站都是https访问了,再用http会显得很low,所以我要把网站设置为默认的https访问. 1nginx的rewrite方法 这应该是大家最容易想到的方法,将所有的http请求通过 ...
- 分布式存储之MogileFS分布式文件系统简单应用
一.分布式存储原理: 分布式存储系统,是将数据分散存储在多台独立的设备上.传统的网络存储系统采用集中的存储服务器存放所有数据,存储服务器成为系统性能的瓶颈,也是可靠性和安全性的焦点,不能满足大规模存储 ...
- C语言的 32个关键之和9个控制语言之关键字
auto break case char const continue default do double else enum extern float for goto ...
- 38初识xml
XML(可扩展标记语言)是一种用于记录多种数据类型的标记语言.使用XML可以将各类型的文档定义为容易读取的格式,便于用户读取.而且,在应用程序中使用XML,可以轻松实现数据交换. QT中提供两种访问X ...
- Mail.Ru Cup 2018 Round 1
A. Elevator or Stairs? 签. #include <bits/stdc++.h> using namespace std; ]; int main() { while ...
- MFC中Doc类获取View类的方法(SDI)
从view类中获取Doc的方法如下: CYourDoc* pDoc = GetDocument(); 这个函数已经写好,所以无需自己添加,使用时直接利用pDoc即可. 若反过来,从Doc中获取View ...