マイクロソフト、OfficeのUIフレームワークを「Office UI Fabric」としてオープンソースで公開 マイクロソフトは、Office 365などのWebサイトで実際に使われているOffice UIを構成するフレームワークを「Office UI Fabric」としてオープンソースで公開しました。 フレームワークが備えているのは、タイポグラフィ、テーマカラー、アイコン、アニメーション、レスポンシブグリッドレイアウト、ローカライゼーションなど。
Build better business software a lot quicker with flakes Flakes is an Open Source Design & Frontend Framework that serves as a foundation for internal business applications. Flakes is a combination of CSS Libraries, JavaScript Libraries and Design files that serve as a foundation. Flakes gives priority to function and usability over glitz, it takes a no-nonsense approach to user interface design.
K8CC - TRANG CHỦ K8 CHÍNH THỨC 2025 - ĐĂNG KÝ THÀNH VIÊN MỚI +188k K8cc – Nhà cái cá cược thể thao trực tuyến uy tín tại Việt Nam. k8cc.com.bz là website chính thức của Nhà cái K8cc, nơi cập nhật link vào k8cc không bị chặn mới nhất 2024 để đăng nhập, đăng ký và tải app apk/ios; hướng dẫn tân thủ chơi game và những khuyến mãi HOT của K8cc. K8cc – Sân Chơi Giải Trí Chất Lượng, An Toàn, Uy Tín Số 1K
.spinner { width: 40px; height: 40px; background-color: #333; margin: 100px auto; -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; animation: sk-rotateplane 1.2s infinite ease-in-out; } @-webkit-keyframes sk-rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg
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
- Preview the code HERE Here is my very first fully coded CSS3 UI Kit. This includes everything from a search box, checkboxes, radio buttons, and more! Everything is code! Enjoy :D - It works beautifully in Chrome and Safari, just expect some problems in IE, FF, and Opera. REMEMBER: Since this is such a big freebie, you will need to link back to this site or post any time you decide to use this de
ちょっとしたお遊びなんですが、普段は画面の下の隅に隠れてて、クリック （タップ） で展開、いくつかのショートカットメニューが表示される、しかもスマートフォンだと片手だけで操作しやすいみたいな UI を CSS と超簡単な JavaScript （jQuery 使用） で作ってみたので紹介。 久々にこの手のネタ書いた気がしますけども… ちょっとしたお遊びなんですが、普段は画面の下の隅に隠れてて、クリック （タップ） で展開、いくつかのショートカットメニューが表示される、しかもスマートフォンだと片手だけで操作しやすいみたいな UI を CSS と超簡単な JavaScript （jQuery 使用） で作ってみたので紹介。多分言葉で言っても伝わりにくいと思いますので実際のサンプルをまずは見てみてください。 CSS で作るスマートフォン向け片手操作メニュー サンプル 現在最新版の Firefox
A preview of the jQuery UI Bootstrap themejQuery UI Bootstrap A Bootstrap-themed kickstart for jQuery UI widgets (v0.1) Welcome! This is a live preview of new the jQuery UI Bootstrap theme - a project I started to bring the beauty of Twitter's Bootstrap to jQuery UI widgets. With this theme, not only do you get the ability to use Bootstrap-themed widgets, but you can now also use (most) of Twitter
画像をホバーすると、小気味良いアニメーションを伴ってキャプションに替えるCSS3のテクニックを紹介します。 デモは10種類あり、CSSでここまでできるのか！って感じです。 Original Hover Effects with CSS3 [ad#ad-2] 基本となるHTML 基本となるCSS 必見の10種類のかっこいいデモ 基本となるHTML HTMLは非常にシンプルです。 キャプションはタイトルとテキストをdiv要素で内包しclassに「mask」をつけ、そのキャプションと画像をdiv要素で内包します。 <div class="view"> <img src="image.gif" /> <div class="mask"> <h2>Title</h2> <p>Your Text</p> <a href="#" class="info">Read More</a> </div> </d
GitHubスタイルのシンプルで使いやすいボタンをclassの指定だけで簡単に実装できるスタイルシートを紹介します。 CSS3 GitHub Buttons [ad#ad-2] 下記は各ポイントを意訳したものです。 デモページはボタンの文言を日本語にし、シンプルしたものをアップしました。 デモページ（当方日本語化） 普通のボタン 注意を促すボタン 大きいボタン グループ化したボタン グループ化したものをまとめたボタン アイコンを伴ったボタン 対応ブラウザ ライセンス 普通のボタン 普通のボタンは、a要素、button要素、input要素などあらゆる要素で作ることができます。 ボタンを作るためには、「class="button"」を加えるだけです。 デモページ（当方日本語化） <a href="#" class="button">Post comment</a> <input class="
CSSで手軽にボタンを作る方法を探している。 そんな方におすすめなのが、「CSS3 Buttons – 10+ Awesome Ready-To-Use Solutions (+All Related Tutorials You Need)」。 ボタンを作るCSSフレームワークが10点紹介されています。 エントリーの中から気になったのを、いくつかご紹介。 CSS3 Buttons With Simple Markup 非常にシンプルなボタン。18種類あり。 GitHub-Style CSS3 Buttons 以前に紹介しましたが、Github風のボタンを作れるCSSフレームワーク。 四角、角丸、アイコン付きでボタンが作れるようになります。 Zardi Zardiを使うと、角が少しだけ丸い物と、もっと丸いボタンから形を選ぶ事ができます。 わずか4kbで作られているようですね。 BonBon
General Rules for your Bootstrap FormAs the most popular CSS Framework available, Bootstrap makes HTML forms creation way easier and much faster. The first thing to note is that Bootstrap provides three different layouts by default. Those layouts are: Vertical FormInline FormHorizontal FormThose three layouts can be seen and tested on Bootstrap’s website. Before showcasing the Bootstrap forms exam
要らないものを削った結果、記事が縦に長くなってしまうもんで、ページナビゲーション（前の記事、次の記事リンク）をどうしようかなぁとか思ってた。 ちょうど、シロさん(@___shiro_)がのを見て、なーるほどと思い実装してみた。 こういったレイアウトのアーカイブのナビゲーションで、元のHTMLを一切触らずCSSだけで飛躍的に（？）ユーザビリティを高められるいい例になったかなぁ。どうやろ。その辺は要検証ということで。少なくとも自分で使う分には超使いやすいからこれはこれでオッケーなんですけども。 配置を決める 真ん中にでーんとコンテンツがあるので、横の余った位置に戻るとか進むとかつけます。 構成とかは以下みたいにすればたぶんいけそうという感じで配置してます。 ナビゲーションを50%:50%でprev:nextをposition: fixedで配置しておき、その上にコンテンツをかぶせる。青い部分が
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
