プロジェクトでコーディングする時に、複数の作業者がいる場合にスタイルガイドはとても重要です。 特にスマートフォン向けのサービスでは、モジュールの共通化や画像のスプライト化がもろにページ表示速度に影響するため、より精度が高く細かいアップデートに耐えうるCSSスタイルガイドが必要になります。これをExcelやPowerPointで管理していると、細かい変更の反映が大変だし、なにより見にくい。 そんな時、こちらの記事「CSSプリプロセッサでスタイルガイド」 inkdesignの中で、 スタイルガイドは”生きている”ドキュメントでなければいけない というシビレるキャッチで紹介されていた「styleDocco」というスタイルガイドジェネレータを発見。 これはなんだか良さそうだ！とプロジェクトに取り入れてみることにしたので、導入とか設定とかをメモ。 「styleDocco」ってなに？ 「style

デモページ：カスタム CSS Social Buttonsの使い方 このソーシャルメディアのボタンはピュアCSS3でもHTML5 Canvasでもなく、背景画像を使って実装するものです。これらのアイコンはクロスブラウザで、さまざまなデザインに利用できるよう広い用途を目的としたものです。 外部ファイル スタイルシートを外部ファイルとして記述し、画像フォルダをスタイルシートを同じ階層に設置します。 <link href="social-buttons.css" rel="stylesheet"> HTML テキストをa要素で内包し、classにボタンのスタイルを定義します。 「sb」を共通で、あとはスタイルを組み合わせて記述します。 <a href="#" class="sb orange twitter">Twitter</a> <a href="#" class="sb blue face

Pure CSS GUI icons (experimental) ? Nicolas Gallagher ? Blog & Ephemera ピュアCSSで描画されたGUIアイコンセット。 よくやったなという感じですが、次のようなCSSでかかれたアイコンが出てます。 Firefox 3.5+, Chrome 5, and Opera 10.6でテストされているようです。 ピュアCSS画像エディタ等も今後でてくるんでしょうかね 関連エントリ ピュアCSSで実装された吹き出しのデザイン例色々 ピュアCSSでTwitterのメンテナンスモードのクジラをアニメーションさせる例 ピュアCSSで画像を壁に貼ったポラロイドギャラリー風にするサンプル

当サイトでもCSS3で実装する面白いトリックをたくさん紹介してきましたが、Rather SplendidからCSS3で実装したごく普通のアイコンを紹介します。 Pure CSS Icons デモページ アイコンはRSS、iPhone、ハートをはじめ、円や三角なども画像を使用せずに実装されています。 CSSで実装されているため、ブラウザのフォントサイズを変更すると、アイコンのサイズも拡大縮小します。 各アイコンは、マウスのホバー時に一回り大きくなります。

最新ストレージで変わるIT運用 仮想化テクノロジーとFlashArrayの組合せで 運用負荷軽減と高性能化を実現したDMM アプリが簡単にできるって本当？ セールス、マーケ、人事の3名が実際に体験 業務をローコードツールで改善してみた 自社利用の知見・経験を顧客に提供 コンテナ活用を推進する日立製作所 VMware Tanzuを利用したモダナイズを伝授 激変するビジネス環境の中でのDX モダンアプリケーション戦略への取り組みが 市場の競争力の源泉となる サイバー犯罪者の優勢に立つ 導入・運用がしやすい次世代セキュリティ 巧みな攻撃を防ぐ「NDR」に注目！ セキュリティモデルは変わった！ クラウド活用、リモートワークはあたりまえ いま求められるゼロトラスト実現のために 見えてますか？通信のボトルネック 快適なデジタルワークの阻害要因を解消 Zscaler Digital Experience

Facebookのようなかっこいいインターフェースを実装したい。そんなあなたにおすすめなのが、『20 Excellent Facebook Scripts and Resources』。Facebookスタイルのインターフェースを実装するスクリプト・素材20です。 とてもかっこいいのが揃っていますよ。 Lightbox famspam作の理想的なlightbox系画像拡大プレビュースクリプト Modal Box Using MooTools ふわっと現れてすっと消えるモーダルボックス Elastic Plug-In テキストエリアで改行すると、自動で高さを高くしてくれる Tipsy Plug-In クールなツールチップ Icons かわいいアイコン。ライセンスはCreative Commons Attribution-Noncommercial-No Derivative Works 3.

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

ウェブ制作に役立つ記事の先週のハイライトです。 チュートリアル・Photoshop関連 70 Beauty-Retouching Photoshop Tutorials 70のPhotoshopのレタ

A few years ago, you might not have pointed out during a meeting with a potential client that you maintained a blog. Over time, though, blogs have evolved from the being a personal hobby to a serious work tool. In fact, today, web designers are supposed to know much more than just how to design and build websites. Customer’s expectations have increased, and unless you are in position to choose you