[B! css] mionosukeのブックマーク

mionosuke id:mionosuke

cssに関するmionosukeのブックマーク (15)

CSSで無限回転のスライドショーを制作する方法 | エンタープライズ | マイコミジャーナル
A Web Design Community curated by Chris Coyier. 写真データがひたすら右から左に流れているサイトに遭遇することがある。それは何らかのイベントで撮影したであろう写真データを流すものであったり、製品の写真を写すものであったりさまざまだが、煩雑なUIでなければなかなかクールな見た目になる。この効果はJavaScriptを利用しなくともCSSを使うだけで実現可能だという説明がCSS-Tricksにおいて﹁Infinite All-CSS Scrolling Slideshow﹂として掲載された。シンプルなCSS3で構築されており興味深い。ここでのアイディアは、流しておきたい画像を横長の1つの画像として用意しておき、それをkeyframeでアニメーションさせるというものだ。たとえば次のような横長の画像を﹁summer.jpg﹂として用意したとする。
mionosuke 2011/08/24
css

スライドショー
リンク
CSSの知識をもっと深める30+2の小技テクニック集｜Webpark
基本的なことやちょっと変わった意外な使い方などCSSに関する小技テクニックをたくさん紹介していきます。知っていることも多いかと思いますが、新しい発見もあるかもしれませんので復習を兼ねてぜひご覧ください。
mionosuke 2011/05/13
まとめ

web制作

CSS

Tips
リンク
http://www.webbibo.com/
mionosuke 2010/02/28
css
リンク
[CSS]初心者にも分かりやすいスタイルシートのチュートリアル
スタイルシートの初心者にも分かりやすく、各要素に的確なマークアップを行い、ワイヤーフレームをビジュアル化するチュートリアルをSoh Tanakaから紹介します。 Styling Post Headings That Stick Out demo 下記のチュートリアルでは、見出し、日付、カテゴリ、タグを含むブログのヘッダをステップに分けて実装していきます。 Step 1. Wireframe – HTML ワイヤーフレームに基づいて、「ヘッダ」と「コンテンツ」をdiv要素で配置します。 <textarea name="code" class="html" cols="60" rows="5"> <div class="post"> <div class="postheader">  </div>  </div> </textarea>
mionosuke 2009/10/16
*あとで読む

css
リンク
フリーで使えるプロ顔負けの美麗CSSサイトテンプレート集:phpspot開発日誌
フリーで使えるプロ顔負けの美麗CSSサイトテンプレート集。次のような、これが無料？というようなテンプレートが９種類、紹介されています。デザインが苦手な方も、こうしたものを流用することでクールなサイトが簡単に作れそうですね。それなりのデザインセンスやCSSの知識がないと流用したとしてもどんどん崩れていく、という恐れがありますが、これは便利ですね。それぞれのリンク先は以下のエントリを参考にしてください。 9 Beautiful Free CSS Web Templates | CrazyLeaf Design Blog
mionosuke 2009/09/08
デザイン

css
リンク
これさえやればCSSをマスターできるかもしれないCSSチュートリアル＆サンプル20:phpspot開発日誌
皆さん、新年あけましておめでとうございます。今年も読んでいただき、ありがとうございます。では、早速ですが記事のご紹介。 20 Ultimate CSS Tutorials That Will Help You Master CSS | DWSmg.com これさえやればCSSをマスターできるかもしれないCSSチュートリアル＆サンプル20。全部、そのメカニズムについて覚えたらかなりCSSに詳しくなるのは間違いなさそう。 Advanced CSS Menu カーソルを合わせたときにメニューがCSSオンリーで切り替わる CSS Based Navigation こちらも同様。JavaScriptレスでメニューを切り替えます CSS Fancy Menu CSSとJSを使ってFlashばりのアニメーションメニューを作成 Expandable CSS Tabs Tutorial テキスト長に応
mionosuke 2009/01/06
css

まとめ
リンク
モビットってどんな返済方法があるの？ | 現金が必要な時に一番便利なネットキャッシングで即日借入【ネポ】
カードローンって最近よく耳にするようになったのではないでしょうか。カードローンというのは消費者金融や銀行に申し込んでカードを発行してもらい、そのカードを使って提携のATMなどからお金を借りるというものです。金額は人によって決まっていますが、特に目的について制限されるわけではなく、1万円からなど比較的少額からの借り入れも出来るという便利な個人ローンなんです。でもカードローンって本当にたくさん種類があります。各銀行でもそれぞれカードローンがありますし、消費者金融だってそれぞれの商品としてカードローンを取り扱っています。モビットもカードローンの1つですね。モビットは三井住友銀行系の会社ですので、三井住友銀行のATMからの借り入れ・返済であれば手数料無料になるんですよ。実際お金を借りたら返さなければいけないのですが、モビットはどのような返済方法があるのでしょうか。返済方法は3つ！口座引き落とし
mionosuke 2009/01/05
css

webデザイン

まとめ

あとで読む
リンク
Project Deploy - The Future Of Robotics & Programming
Many medical institutes in the United States use some type of software to manage their records. It eliminates the use of paper, makes transf erring information easier, and provides an easy to access database. Most would assume that such a system is also very secure. But programmers and physicians from the University of California recently showed […] Everyone dreams of making their own game, and wit
mionosuke 2008/11/27
ジェネレータ

webデザイン

css

HTML
リンク
サイト制作のためのテンプレートをごっそり自動生成してくれる『Project deply*』 | IDEA*IDEA
ドットインストール代表のライフハックブログ
mionosuke 2008/11/27
テンプレート作るのがめんどい。。。

ジェネレータ

webサービス

web制作

*web制作

tool

HTML

css
リンク
HTML をシンプルに保ちつつ、ブロック要素の段組みを実現する方法 | バシャログ。
HTML をシンプルに保ったままブロック要素を段組みする方法です。 ↑のように写真を横並びで表示したい、というケースはよくあると思います。まず、上記の HTML ソースがこちら。 <div id="photo"> <ul> <li><img src="hoge1.jpg" alt="サンプル1" width="160" height="120" /></li> <li><img src="hoge2.jpg" alt="サンプル2" width="160" height="120" /></li> <li><img src="hoge3.jpg" alt="サンプル3" width="160" height="120" /></li> </ul> </div> 今回のサンプルでは、ボックスと余白が以下になっています。全体の横幅︵500px︶が決まっていて
mionosuke 2008/11/25
*web制作

css

HTML

webデザイン

web制作
リンク
栄光ゼミナール；塾選びガイド
栄光ゼミナールとほかの塾との授業料、サービスなどさまざまなポイントについて比較しています。栄光ゼミナールの授業料、サービスなど充実させたコンテンツで作成していますが、やはり一番栄光ゼミナールを知るには、資料請求が一番です。栄光ゼミナール資料内容日程と授業料についてのご案内栄光ゼミナールの夏期講習のご案内個別指導のご案内。「今子供たちは・」資料集栄光ブックレットとっておきなＤＶＤ（届くまでお楽しみ）栄光ゼミナールでは、はじめての方には無料の夏期講習会になります。テキストの教材費は自己負担になりますが、それでも1教科につきたったの2100円。栄光ゼミナールは特に中学生を対象に向けて圧倒的人気のサービスです。もちろん、それに付随するしっかりとしたサービスがあります。大手の学習塾には、有名講師が授業を100人程度で聞くタイプと少人数制（6人から20人程度）できめ細やかな授業
mionosuke 2007/06/06
css

まとめサイト
リンク
CSSセレクタ簡易対応表｜CSS HappyLife
:nth-last-of-type() IE 6：× IE 7：× Fx 2：× Op 9.1：× Sf 2.0.4：×
mionosuke 2007/04/16
css
リンク
ブラウザ上で簡単にCSSを作成できる「Sky CSS Tool」:phpspot開発日誌
Sky CSS Tool ・kyCSSallows you to create CSS classes almost without using manuscript code. ブラウザ上で簡単にCSSを作成できる﹁Sky CSS Tool﹂。このツールを使えば、CSSのプロパティを詳しく覚えていなくても簡単にCSSを組み立てることが出来ます。 CSSを少ししっていれば、スピーディかつ、直感的に分かりやすい方法でCSSを完成させられるでしょう。使い方は、(1) 左のボックスから、編集したいCSSのセレクタ(body等)を選択します。そして、(2) 右上のFontやTextをクリックして編集したいプロパティを選択します。すると、(3) 右下のウィンドウに設定ボックスが現れるので個別に設定していきます。この流れでプロパティを設定していき、最後に右上の方にある﹁CSS Code﹂をク
mionosuke 2007/04/09
css

お役立ち
リンク
artcodeグループ - 2007 CSS Study Meeting
はてなグループの終了日を2020年1月31日(金)に決定しました以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記はてなグループ日記のエクスポートデータは2020年2月28
mionosuke 2007/01/19
css

まとめ
リンク
Flashなしでもここまで作れる！：ITpro
Webプログラミングは，プロはもちろんアマチュアのプログラマの間でも，もはや欠かせない開発ジャンルの一つです。しかし，書籍や雑誌の解説記事のほとんどが，データベースがどうとか，サーバーサイドがどうとか，どうしてもディープな方向に進んでしまう傾向にあります。もちろん，それはそれで大切なことなんですが，いったい何割の人が，その技術を“自分の”ホームページに使っているでしょう。最近話題の﹁リッチ・コンテンツ﹂にしても同様です。例えばFlash。たしかにActionScriptというスクリプト言語を使えば，動く，鳴る，つながると，いいこと尽くめです。でも，いかんせん﹁Macromedia Flash MX 2004を買ってきてね﹂とあっては，皆がみな使えるわけではありません。 Part1でも解説があったようにblog︵ブログ︶の認知度が上がり，利用率も増えて，プロバイダからの提供体制も整ってきて
mionosuke 2006/10/18
あとで読む

css
リンク
1