Documentation - Materialize
flash_on Speeds up development We did most of the heavy lifting for you to provide a default stylings that incorporate our custom components. Additionally, we refined animations and transitions to provide a smoother experience for developers. group User Experience Focused By utilizing elements and principles of Material Design, we were able to create a framework that incorporates components and an
Semantic UI
Design Beautiful Websites Quickly Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML. Concise HTML Semantic UI treats words and classes as exchangeable concepts. Classes use syntax from natural languages like noun/modifier relationships, word order, and plurality to link concepts intuitively. Get the same benefits as BEM or SMACSS, but wit
Timesheet.js - Beautiful time tables with HTML, JavaScript and CSS …
Timesheet.jsVisualize your data and events with sexy HTML5 and CSS3. Create simple time sheets with sneaky JavaScript. Style them with CSS and have mobile fun as well … Just include Timesheet.js and configure your data. No external dependencies, no jQuery needed and of course no Angular.JS! Just a few lines JavaScript to generate a beautiful HTML5 layout and some really delicious CSS to be customi
Modernizr: the feature detection library for HTML5/CSS3
MENURespond to your user’s browser features.Modernizr tells you what HTML, CSS and JavaScript features the user’s browser has to offer.Add your detects Development build What is Modernizr?It’s a collection of superfast tests – or “detects” as we like to call them – which run as your web page loads, then you can use the results to tailor the experience to the user. Why do I need it?All web develope
Pure.css
CSS with a minimal footprint.Pure is ridiculously tiny. The entire set of modules clocks in at 3.5KB* minified and gzipped. Crafted with mobile devices in mind, it was important to us to keep our file sizes small, and every line of CSS was carefully considered. If you decide to only use a subset of these modules, you'll save even more bytes. * We can add correctly :) the numbers above are individu
Creating Different CSS3 Box Shadows Effects
In this tutorial we are going to be creating box shadow effects with just CSS. Below is an image created in photoshop of different box shadows effects. These used to be the only way of creating this effect but thanks to CSS3 we can now do all this with just CSS.View Demo page to see what we are going to create CSS Box Shadow Effects Demo CSS Box ShadowWe are going to be using the CSS box shadow pr
続・Twitter bootstrap入門 #html5j
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n 続・Twitter bootstrap入門 #html5j — Presentation Transcript 続・Twitter Bootstrap入門 第27回 HTML5とか勉強会 #html5j 2012/03/13 Toshiaki Maki (@making) 自己紹介• Toshiaki Maki(@making)• http://blog.ik.am• 某大手えすあいあーでR&D • 社内Javaフレームワークの開発・保守やっ
カーソル・マウスポインタの形を変える
☆ カーソル・ポインタの形を変える ☆ 上下左右斜めの矢印を選択した場合、ＩＥ6.0では⇔のような矢印に見えます。 とっても見づらいので、リンクには矢印を選択しないことをおすすめします（;￣ー￣A 【ページ全体に適用】する場合は、このタグを<HEAD>と</HEAD>の間に入れてください。 【指定した文字やリンクに適用】する場合は、そのまま好きなところに入れてください。 【ページ全体のカーソルに適用】 <STYLE type="text/css"><!--BODY{cursor : n-resize;}--></STYLE> 【ページ全体のリンクに適用】 <STYLE type="text/css"><!--a{cursor : n-resize;}--></STYLE> 【指定した文字に適用】 <SPAN style=cursor:n-resize;>ここに文字</SPA
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - OfficeDev/office-ui-fabric-core: The front-end CSS framework for building experiences for Office and Microsoft 365.
CSS3で影をつける際に役立つ、ドロップシャドウバリエーションいろいろ
http://academ.hvcc.edu/~kantopet/old/index.php