MT underHat テーマ 006 - レスポ | MT underHat
更新情報 2014年4月21日：Ver1.2公開 MT6.0.3にて動作確認済 PageButeプラグイン3.5.7に対応。（mt:PageNextをmt:PageAfterに） XSS対策（参考） 2012年1月28日：Ver1.1公開 すべての記事一覧の見せ方を変更。 最近のピクチャの大きさを変更。 月別アーカイブに前後の月のリンクを追加。 その他、微調整等。 2012年1月27日：Ver1.0公開 取り敢えずリリースした、MT5.2に対応した久しぶりなちゃんとしたテーマ。 現在、このページの記事をせこせこ書いてるので、不足している情報が有りますが、ダウンロードは普通に出来ます。 不具合的なのは無いはずですが、微妙に調整やらがしたいので近いうちに1.1をリリースするかと思われます。 今流行だったり、Googleがお勧めしてるレスポンシブウェブデザイン（以降：RWD）に対応したテーマです
[Bookmarklet]ウェブデザインの確認に最適なブックマークレット -Design | コリス
Allan Jardine | Reflections ブックマークレット「Design」には４つのツールがあり、それぞれ同時に使用することもできます。 Grid リアルタイムに変更できるグリッドを表示します。
フリーで使えるミニピクセルアイコン集 - ネタフル
Free mini pixel iconsというエントリーより。 Vitaly Friedman has a round-up of places you can get free mini pixel icons. Lifehackerで、フリーで使える小さいピクセルのアイコン集を集めているサイトが紹介されていました。 Vitaly Friedman’s Notebook: Icons Round-Up: Free Mini Pixel Iconsがそれです。 以下のようなサイトが紹介されています。 ・Mini Pixel Icons ・Sweetie Icons ・FamFamFam ・The Iconfactory ・Iconbuffet.com ・Symbole, Buttons und Icons zum Download ・graphicPUSH Blog Icon Pack
Design & Education – Get Classy Now
Find Your Perfect Online Casino Match with Our Top Guide Pay with Paysafecard SMS-Pay Austria at the online casino is a convenient and secure method to make deposits at online casinos in Austria. Paysafecard is a popular payment option that allows players to pay online anonymously and without providing personal information. Using SMS-Pay makes the process even easier, as players can easily confirm
Ajaxな有用コンポーネント集:phpspot開発日誌
TurboWidgets, presented by TurboAjax Group TurboWidgets are JavaScript client-side controls that provide a rich user-interface experience for AJAX-style web applications. 以前紹介した、AjaxなphpMyAdmin のページで、TurboWidgetsというAjax部品集がリリースされていたので紹介。 例えば、次のイメージはTurboGridというコンポーネント。かなりクオリティ高いです。 その他にも、次のようなプログレスバー(ぐんぐん伸びるイメージがカッコいい) 高品質なボタンコンポーネント集(一見デスクトップ風) ツリービュー(アイコン表示できる) タブコンポーネント(Appleのサイトっぽい) ドラッグアンドドロッ
色や大きさを後から変更できる AQUA風ボタンの作り方
二日ほど前のブックマークの人気エントリーに入っていた、「AQUA風ボタンの作り方リンク集」を見てつくづく思ったのだが、Photoshopは奥が深く、同じような効果を作り出すのに何通りも方法があるのが興味深い。そこで、今日は、Photoshopにも関わらずあえて全てをベクターデータで書くという特殊な技法（知り合いのデザイナーから教わった技法）でAQUA風ボタンを描いてみた。 まず最初に、"Rounded Rectangle Tool"で適当な大きさの角の丸い四角を書く。角の丸みは、Radiusの値で変更できるが、この場合は16pxとした。 この時自動的に作られたレイヤーをダブルクリックして、レイヤースタイルのInner Glow属性をオンにする。Blend ModeはMultiplyで、Opacityは４０％程度が適切、色は黒にする（黒にしておくと、後でメインの色を変更したときにここを変更し
参考になる CSS 集
テンプレートいろいろ 特定の文書構造とセットの CSS ばかり。まあ、「テンプレート」ですからね、私の不満はいちゃもんに過ぎないのでしょう。これからはスタイルシートでデザインする時代だ、なんていってみても、レイアウト用の div 要素などはたくさん書いても、本文のマークアップには無頓着な人がほとんど。だからきちんと HTML の主要な要素について装飾を指定したスタイルシートには需要がない。 個人的には、以下のリストに示すスタイルシート群の方がずっと「参考になる」と思うのだけれど……。 Appendix > CSS List - outsider reflex CSS カタログ 「言葉 言葉 言葉」スタイルシートギャラリー スタイルシートライブラリ - W.F.N. CSSギャラリー ちなみに私の書くスタイルシートは、自分が使わない要素の装飾についてまともな指定がなされていないので、あまり汎
とほほのＷＷＷ入門
はじめに ご使用上の注意 (1) 主な更新履歴 (24) 管理者へのメール (1) 自己紹介 (1) 基本編 用語集 (82) Webページ作成入門 (7) 逆引きリファレンス (32) フォーマット HTML (400) HTML5 (7) XHTML (1) MathML (1) DTD (1) JSON (1) SVG (1) VML (1) GIF (1) CSV (1) セマンティック・ウェブ (1) CSS CSS (ABC順)(719) Bootstrap (61) Less (1) Sass (1) Tailwind CSS (1) CSSフレームワーク (1) リセットCSS (1) プログラミング言語 JavaScript (39) TypeScript (1) Java (25) Perl (4) PHP (14) Ruby (11) Python (13) Go (
『画像に範囲を指定してリンク』 | けとけと。の自由帳 - 楽天ブログ
◆画像に範囲を指定してリンクとは？ クリッカブルマップというものです． 画像上に複数のリンクを設定できるので，画像をクリックする位置によってリンクの設定を変えることができます． このタグの設定をソフトで作成できるので，リンク範囲の設定なのが面倒な方は，最後に紹介するソフトなど使ってみてください． ◆要素名 IMG ・・・ リンクを設定する画像を表示する MAP ・・・ リンク範囲の管理を設定する AREA ・・・ リンク範囲を設定する ◆使用可能な属性と値 IMG src ・・・ 表示する画像のアドレス usemap ・・・ リンク範囲の管理名（#をつけて指定） alt ・・・ 画像の代わりの文字列 border ・・・ 枠の太さ（０ならば枠なし） map name ・・・ リンク範囲の管理名 area href ・・・ リンク先のアドレス target・・・ リンク先のウインドウ _bl
Collection & Copy - 画像 CSSを使った角丸
画像 + CSSを使った角丸 技術 wg:Introducing DomCorners 上記ページを読んだ。 Nifty Corners 作者はCSSのみで角丸を実現する記事を書いている。当ブログでも、これを利用している。 その上で異なるアプローチの角丸を紹介している。 上のような画像を、1コマずつずらしながらCSSを利用して貼りこんで行く。 対象となる領域のHTMLは以下。 <div id="box"> <b class="btop"><b></b></b> content here... <b class="bbot"><b></b></b> </div> CSSの定義は以下。 b.btop, b.btop b, b.bbot, b.bbot b{ display: block;height: 10px;font-size: 1px; background-image:url(rc.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
レスポンシブWebデザインの作り方（簡単設定方法）
101CSS技術の続き（part2）＋CSS関連エントリおまけ*ホームページを作る人のネタ帳
Dr. Web Weblog ? Blog-Archiv ? Collection of Web 2.0 Navigation Menus
スッキリかんたんスタイルシート
http://www.ht.sakura.ne.jp/~zerococo/material/Frame/m_top.html
Your requested host is not found.
サービス終了のお知らせ
BodyTalk: 伝えるWebレイアウトの配色
色の印象大事典
色のみじん切り
