これだけあればシンプルアイコン探しには困らないかも！全部フリーのシンプルアイコンを一挙紹介！ | バンクーバーのうぇぶ屋
僕はとにかくシンプルなデザインが大好きです。無駄が無く、伝えることだけを伝えるあの潔さと、目的意識の高さが気持ちがいいです。もはや愛してます。 そんなミニマル変態な僕が集めたシンプルアイコン集。Evernoteのノートにびっしりになっていたので、せっかくだからここで全部ご紹介出来ればと思います！これだけあれば、まぁ今年は困ることは無いでしょう（たぶん）。自称ミニマル変態の僕は、まだまだ追加していくつもりなので、何か知っていれば是非教えてください！ なんだか一部、別にシンプルじゃないアイコンも混ざった気がしますが、その辺は軽く流してあげてください。僕のEvernoteの中は、人に見せられないくらい乱雑な分け方なので、整理整頓かねて、ちょっとこういう投稿増やしていこうかなと思います！ あと、大半は僕も商用利用を確認して利用したので、ほとんどはCommerciallyであることは確認していますが
list-style-image－スタイルシートリファレンス
list-style-imageプロパティは、リストの先頭に表示するマーカーに画像ファイルを指定する際に使用します。 尚、list-style-typeと、list-style-imageの値を同時に指定した場合には、 list-style-imageの値が優先されます。 ■値 URI（URL）で画像ファイルを指定 URI（URL）で画像ファイルを指定します。 none リストの先頭に表示するマーカーに画像ファイルを使用しないことを明示します。これが初期値です。
list-style-type－スタイルシートリファレンス
list-style-typeプロパティは、リストの先頭に表示するマーカー文字の種類を指定する際に使用します。 閲覧環境により、本来の仕様の通りに表示されない値もあるので注意してください。 尚、list-style-typeと、list-style-imageの値を同時に指定した場合には、 list-style-imageの値が優先されます。 ■使用例 HTMLソース <b>list-style-type: none</b> マーカーなし <ul style="list-style-type: none"> <li>いちご</li> <li>人参</li> <li>サンダル</li> </ul> <b>list-style-type: disc</b> 黒丸 <ul style="list-style-type: disc"> <li>いちご</li> <li>人参</li> <li>サン
テーブルを見やすく、使いやすくするためのアルティメットガイド
ウェブページでデータをみせるテーブルを見やすく、使いやすくするためのスタイルや機能性などUIパターンを紹介したアルティメットガイドをJanko At Warp Speedから紹介します。 Ultimate guide to table UI patterns 下記は各ポイントを意訳したものです。 テーブルの「（エクセルでいうところの）行と列」の表記は、「横列と縦列」に統一しています。 はじめに 1. 列を交互にスタイリング 2. 列をフルに 3. テーブルのセクション 4. ソート 5. フィルタリング 6. ページネーション 7. スクロール 8. 固定されたヘッダ 9. ヘッダのないテーブル 10. 拡張可能な列 11. 列のアクション 12. マルチプルな列のアクション はじめに テーブルは構造化されたデータをみせるものです。そして、その目的はデータを読みやすくし、走査しやすく、簡単
ハイパーテキストリンクのスタイル大全
ハイパーテキストリンクをデザインする上で知っておきたい基礎知識から、実用的なチップス、やってはいけない間違いなど、すぐに役立つテクニックをSmashing Magazineから紹介します。 The Definitive Guide To Styling Web Links 以下は、各ポイントを意訳したものです。 はじめに ハイパーテキストリンク（リンク）はウェブページをつなぎます。Web Standardistasによると「ハイパーテキストリンク無しではウェブはウェブではなく、それはただ別個の、無関係なページのコレクションでしょう」と言っています。 我々はページにたどり着いたら、ある種のリンクをクリックする必然性があります。 1. CSSのセレクタと擬似クラス リンクをスタイルする時には、ユーザーはページを流し読みすることを忘れないでください。そのため、リンク箇所はしっかりと明示すべきです
cssの情報・まとめ - かちびと.net
cssの情報まとめです。ローカル 環境にストックしていた情報を 開放してみますのでシェアして 頂ければ幸いです。内容は 結構偏っていると思いますので 参考程度になさってください。 全てのcss情報が有るわけではありません。主観でストックしていたリンク集です。ツールとかメニュー関連とかハックとかいろいろ188の情報です。 ツール オンラインのcssツール。 CSS Validation Service / W3C検証サービス日本語版 RoundedCornr / 角丸のHTML・CSSコードを生成してくれる CSS Type Set / ファミリー、色、単語間、行間等をプレビューで確認 CSS Text Wrapper / 様々な形のテキストの回りこみを簡単に実現できる CSS Builder / オンラインでスタイルを生成可能 Spiffy Box / cssによる角丸を簡単に生成 The
PNG最適化テクニック | エンタープライズ | マイコミジャーナル
Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. Sergey Chikuyonok氏がSmashing Magazineにおいて「Clever PNG Optimization Techniques」のタイトルのもと、PNG画像を最適化するためのいくつかのテクニックを紹介している。このテクニックは、PNGエンコーダがどのようにデータを保存するかを調査することで得られたテクニックだと説明されている。 記事の中でSergey Chikuyonok氏は、まず、PNGで導入された機能のうち、特に次の2つを理解しておくことが重要だと説明。 スキャンラインフィルタリング (データフィルタ) ピクセルのカラーを別のピクセルから得る方法。全ピクセルにカラー情報を持た
JavaScriptで入力チェック・文字を入力制限する方法 [ホームページ作成] All About
フォームに入力された文字を送信前にチェックしたい ウェブ上のフォームに入力された内容が期待通りの規則に沿った文字になっているかどうかを、送信前に自動チェックできると便利です。メールアドレスを書いてほしいテキスト入力欄に住所が日本語で入力されていたり、電話番号を書いてほしいテキスト入力欄に郵便番号が入力されていたりすると、そのまま送信されても困ってしまいますから。 そこで本記事では、HTML5の仕様を使って簡単に入力チェックをする方法と、JavaScriptを使って詳細な入力チェック機能を作る方法をご紹介いたします。テキスト入力欄に望まない文字が入力されていないかどうかを自動でチェックする仕組みを用意しておけば、ユーザにとってもサイト運営者にとっても手間が省けて便利です。 【本記事の目次】 スクリプトを使わずに、HTMLだけで入力チェックする方法 (p.1) では、JavaScriptを使っ
![JavaScriptで入力チェック・文字を入力制限する方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/75ec97343e9558225beca6307a5407f5adc10b96/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F8%2F5%2F4%2F201612051203%2Ftopimg_original.png)
eWeb - ホームページ作成支援 Web Design
Oops! Sorry!! This site doesn't support Internet Explorer. Please use a modern browser like Chrome, Firefox or Edge. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut elementum elit. Nulla pharetra sem id nisi ornare, eget porta eros vehicula. Morbi vel nisl finibus, porta lacus eget, lobortis enim. Vivamus laoreet ligula ut ipsum sagittis lobortis. Lorem ipsum dolor sit amet, cons
螺旋デザイン
制作の受付は現在行っておりません。 ご了承ください。 螺旋デザインに関連するコンテンツの紹介です。 おしゃれなホームページのテンプレート パーフェクト・コレクション（書籍） 文章と写真を入れるだけでWebサイトができるテンプレート素材集の書籍。第二弾。 特設サイトでは書籍の魅力を余すことなく紹介しているだけではなく、「Chapter3-10のテンプレート修正」という項目からテンプレートが1つダウンロードできてしまうお得なサイトです。 特設サイト アマゾンのページ レイアウトで選べるWebデザイン・テンプレート集 HTML & CSSが書けなくてもホームページができる（書籍） 文章と写真を入れるだけでWebサイトができるテンプレート素材集の書籍。第一弾。 アマゾンのページ サイトのタイプ別につくる Webデザインテクニックブック 仕事ですぐに役立つプロのアイデア（書籍） 「ワンランク上」の制
Web Safe Color一覧表/カラーチャート
Home | 目次 | Prev | Web Safe Color | Next ■ Web Safe Color (カラーチャート) Wabにおける SafeColorパレット #0000ff #00f RGB(0,0,255) #0033ff #03f RGB(0,51,255) #0066ff #06f RGB(0,102,255) #0099ff #09f RGB(0,153,255) #00ccff #0cf RGB(0,204,255) #00ffff #0ff RGB(0,255,255) #0000cc #00c RGB(0,0,204) #0033cc #03c RGB(0,51,204) #0066cc #06c RGB(0,102,204) #0099cc #09c RGB(0,153,204) #00cccc #0cc RGB(0,204,204) #00ffcc
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTMLクイックリファレンス
Web制作 W3G
http://www.stylish-style.com/index.html