HTML5+CSS3の環境で汎用的に利用できるHTML・スタイルシート・スクリプトなどのファイルを一式にまとめたテンプレートを紹介します。 ファイル構成:コメント無し版 各ファイルの説明 index.html HTML5の要素を配置した汎用的に利用できるHTMLファイル。各スタイルシートファイルも埋め込まれています。 css/main.css @import用のスタイルシートです。 css/reset.css Eric Meyerの「Reset CSS」です。 css/core.css ベースとなるスタイルが定義されています。 css/_patches 各ブラウザ用のスタイルシートです。 css/_print プリント用のスタイルシートです。 js Modernizrがセットされています。
いつ見てもこのサイトだけは、狂気の沙汰じゃない情報提供ブログだと思う。 ここで最近紹介されたのが Best of May/June 2007 という記事。 ほんといつもここのまとめは尋常じゃないですね。 というわけで今回はこの記事のWEB制作に使えそうな14個のリンクを抜粋して紹介。 紹介する量は元記事の5分の1にも満たないですから、英語力のある方はぜひとも参考するべきページの一つですよ。 (といっても私自身が英語苦手なので偉そうなことは一切言えません) 詳細は以下に。 色イメージなど プロの画家からの色のインスピレーション すばらしい芸術家から一握りの芸術を選び抜いた。 無料画像検索エンジンPicFindr 無料画像をガンガン検索します。 使い方は前回書いておりますので参考に。 ツール Internet Explorerの開発者のツールバー1.0 マイクロソフトはインターネットエクスプロ
最近、副業に手を染めたいアナタへ贈る11選とか、教えて君ネットがゴールデンウィーク前に仕掛けたXPやVistaを極限まで軽くする! 19のチューニングテクとかを見て、『あーなるほど!』って思った事がありまして。 よーく見るとまとめなんですが、自分のところの記事を、これまたうまい具合にまとめてあって、これはこれで、地味に価値のある行為だなぁと感じた次第です。 そんなわけで、早速ネタ帳でもまとめてみようと思いました。まぁ、いざまとめようと思うとまとまらないもので、今回はwebサイトを作成するときに使いそうな色々をまとめてみました。 webサイト作成前のデザインを決められないでいる人には 100のCSSギャラリーサイト 膨大なハイクオリティサイトを見る事が出来ます。 悩んでいるならまず他の人を見てみるのもいいかもしれないですよ。 webサイト作成時にサイトカラーを決められない人の為のwebサービ
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 Web制作に使えるWebサービスやツールなどが様々なサイトでかなり 紹介されています。便利なものですが、多すぎて混乱するので、 備忘録的にローカルサーバーに入れたWPでリンク集を作っていました。 そろそろ数が落ち着いて来たので多くの方とシェアしたいと思い、公開してみます。 現在330ありますが、追加していく可能性があります。 リンク集は全て無料で使える事を条件に集めていました。英語が苦手な方もいらっしゃいますのでTwitterサービスのまとめ同様、日本語で使い方などを説明してくれているサイトにリンクしています。無い場合は海外サイトにリンクしていますが、その場合はアメリカの国旗をつけてあります。サイトがアメリカのものかは知りませぬ。分かりゃいいんだ、分かりゃ。 無料と
Free HTML CSS Templates Discover 604+ Free HTML CSS Website Templates. Starting this year, we're launching AI-customizable pure CSS designs alongside our responsive Bootstrap layouts. Generate and personalize modern templates instantly with our new AI-powered collection. All 100% free for commercial, personal, or learning purposes. Please contact us if you have any question. We have a variety of C
第 2 回目は「色々なカラムレイアウト(段組)を実現する」です。 WEBサイトには色々なカラムレイアウトが使われています。 その中でも今回は最近よく使われている、レイアウトパターンをいくつかご紹介します。 2カラム固定レイアウト 2カラム固定レイアウトは、企業サイトなどでよく使われるレイアウトパターンです。 サンプルページ 2カラム固定レイアウトの解説 XHTMLの構造は以下のように設定します。 CSSは以下のように設定します(重要な箇所だけ抜粋)。またご紹介するレイアウトすべてで第1回記事のデフォルトリセットも使用しています。 /* ========================================================= ■wrapper ========================================================= */ d
2007年7月に話題となったエントリーの私のブックマーク66個のまとめです。 もしかしたら見逃してしまっている記事があるかもしれませんので、興味のある方は暇なときにでもダラ見してみてください。 アイコン・ブラシ アイコンサーチエンジン フリーで使えるアイコンのサーチエンジン。 フリー・ダウンロードのためのアイコンセット ロイヤリティーフリー。 シンプルなアイコン ライセンス:CreativeCommonsらしいです。 ボタンアイコンジェネレータ『buttonboost』 ボタンアイコンを生成するwebサービス。 多くのボタンを短時間で生成する。種類も豊富です。 使い方のレビューはこちら WEB2.0バッチアイコンジェネレータ WEB2.0なバッチのアイコンを生成します。クオリティ高すぎですが、現在笑えるほど重いです。 国旗アイコン、国旗バッチ ダウンロードファイルは2種類。 一つは大きな画
Item Blur Effect with CSS3 and jQuery 他アイテムをボカして強調表示するCSS3&jQueryサンプル 次のようにアイテムを浮き上がらせることでアイテムを強調させる例です。アイテムが多いと分かりづらい場合がありますが、強調表示してあげることで分かりやすくできます。 色々な場面で活用することができそうですね どんどん表現力が上がっていくのはいいことですね。 関連エントリ カッコよくデザインされたピュアCSS3なアコーディオン実装デモ リボンが可愛いCSS3によるドロップダウンメニュー実装チュート フルスクリーン背景がスライドショーになるCSS3サンプル CSS3のブラウザ別対応がアイコンで超分かりやすいサイト
もともとは24ドル(約1800円)の有料セットだったのですが、今は無料でダウンロード可能なのが「Zocial」です。42種類のCSS3によるフォントフェイス(font-face)と、ベクター形式によって自由なサイズでキレイに描画できるアイコンボタンの組み合わせとなっています。 Zocial ~ CSS3 Buttons, Sass Framework. http://zocialbuttons.com/ Zocial | CSS3 Button Set http://zocial.smcllns.com/ ダウンロードは下記サイトの「ZIP」ボタンをクリックすれば可能です。 samcollins/css-social-buttons - GitHub https://github.com/samcollins/css-social-buttons/ サンプルは以下から閲覧可能。 Zocia
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く