ノンデザインで簡単！CSSフレームワーク「Bulma」でいろんなUIを実装してみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもだよ！ はやちだよ！ (`⊙ω⊙´)ｶｯ!! 今日はノンデザインでもパーツを組み合わせてコーディングができちゃうBulmaをご紹介いたします！ 導入方法 まずはnpm経由でBulmaをインストール。 npm install bulma-start 使いたい部分をimportします。 @import "../../node_modules/bulma/sass/utilities/_all.sass"; @import "../../node_modules/bulma/sass/base/_all.sass"; @import "../../node_modules/bulma/sass/elements/_all.sass"; @import "../../node_modules/bulma/sass/grid/_all.sass"; @import "../../node_mo
CSS3 Simple Shapes - Cheat Sheet - Land-of-Web
Recently, I`ve decided to make cheat sheet dedicated to simple shapes that can be made only by means of CSS3. I`ve used only instant description. Since I`ve included majority of simple shapes like squares, circles, triangles, ovals etc, you can easile combine some of these in order to make complicated shape using :before or :after content-related pseudo “elements”. If you have some questions or su
CSS3のよく使いそうな１０個のテクニックのまとめ:phpspot開発日誌
The top 10 CSS3 techniques | Feature | .net magazine CSS3のよく使いそうな１０個のテクニックのまとめエントリのご紹介。 font-face によってマシンに入ってないフォントを使うCSS例 opacity による要素の透明度指定 rgbaでRGBと透明度を併せて指定 border-radiusによる角丸 box-shadowによるブロックに影を付ける効果 text-shadowによる影付きテキスト効果 ボックスのグラデーション 複数バックグラウンド指定 transformによる変形 transitionによるアニメーション テクニックのリストだけではなくて、対応していないIE等もカバーするための具体CSSも記載されていて親切です。 関連エントリ CSS3等を使ったサンプルや各種CSSリソース集 CSS3で立体的な3Dリボンを作成するチ
CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 | CREAMU
DiaryTechnology CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 CSSでmin-heightをブラウザに関係なく使いたい。 そんなあなたにおすすめなのが、『Easiest cross-browser CSS min-height』。CSSでmin-heightをクロスブラウザにする最も簡単な方法だ。 There are still enough folks using IE6, unfortunately, and it doesn’t support the min-height or min-width CSS parameters. This has caused the invention of a number of different hacks and browser
CSSで il,ol をテーブルっぽくやるとき ← Neo Inspiration
別にいまさらなんだけど SEOを気にしたらこうなりますっていうメモってことで。 全体を指定して ul{ width:100%; } 割合を指定するして横にならべる li{ width:33%; float:left; } で 使うときはこんな感じ。 <ul> <li>ライン１のカラム１</li> <li>ライン１のカラム２</li> <br /> //行を変える <li>ライン２のカラム１</li> <li>ライン２のカラム２</li> <br /> //行を変える <li>ライン３のカラム１</li> <li>ライン３のカラム２</li> </ul> table タグ使って中に li する人が増えてるけど やっぱやるなら全部 list タグでってことで。
無料CSSテンプレートリンク集 - Css ganbatte
CSS ganbatteとは？ Css ganbatteは世界中の無料CSSテンプレートを登録した検索エンジンです。全て無料でダウンロード出来るので CSSの勉強の為に、サイト作りに役立ててください。ライセンスはそれぞれのテンプレートによって違うので良く 読んでからご使用ください。 テンプレートを公開している方へ cssテンプレートを作った方、公開したい方はこのサイトを利用してより多くの人に貴方の作ったテンプレートを 広める事が出来ます！ユーザーの登録したテンプレートは優先的にトップページに載せるようにしています。 テンプレートの登録は、まずログインして「デザインの投稿」をクリックしてください。 最新コメント一覧
Css 4 Free
WEBサイトを作っていると、「文字の色を変えたい」、「余白を大きくしたい」、「背景をグラデーションにしたい」ということがあります。 文字色や余白、背景を全て画像で用意するということもできますが、画像ばかりを用意するのも手間ですし、ファイルサイズが大きくなるのも問題です。 そこで、WEBサイトをデザインするときCSSを使います。簡単にCSSのことを説明するな、HTMLの見た目を作ることができるプログラミング言語です。 みなさんもCSS、CSS3といった言葉をネットで見たり聞いたりしたことがあると思います。CSSを使うことで、HTMLを色々と変更することができるので、プログを使っていた人は、簡単なCSSの構文を知っている人もいるかもしれません。 本格的にWEBサイトをデザインしようと思ったら、CSSについてより詳しく知る必要が出てきます。 また、CSS4という新しいCSSの仕様もあります。CS
XHTMLとCSSによる携帯サイト制作
ソフトバンク携帯電話向けのXHTML（eXtedable Hypertext Markup Language）を利用した携帯サイトの作り方をご紹介します。HTMLに関する基礎知識を理解している方に、ソフトバンク携帯電話向けのXHTMLやCSSの具体的な使い方をご説明します。 ※仕様書のダウンロードには無料会員登録が必要です。 詳しい仕様については、Mobile Creationで配布されているソフトバンク携帯電話向けXHTMLの仕様書「ウェブコンテンツ開発ガイド［XHTML編］」を参考にしてください。なお、仕様書は技術資料・開発ツールより入手できます。 ※仕様書のダウンロードには無料会員登録が必要です。 「ソフトバンク携帯電話向けXHTML」は、3GC型端末向けの携帯サイトを作成するためのページ記述言語です。従来のソフトバンク携帯電話向けHTMLも利用できますが、XHTMLを利用することで
Webデザイン劇的ビフォーアフター09年春版 (1/4)
この4月、新しい事業年度のスタートに合わせ、各社のWebサイトが相次いでリニューアルした。ここでは、3月下旬～4月にかけて大規模なリニューアルを実施したWebサイトを編集部でピックアップし、リニューアル前後の画面写真付きで紹介する。最新の企業サイトのトレンドをつかみ、自社サイトのリニューアルの参考にしよう。 マイクロソフトが運営するポータルサイト「MSN」は、2008年4月以来ほぼ1年ぶりにトップページをリニューアル。「毎日使いたくなるMSN」（マイクロソフト）を目指し、使い勝手を高めた。 3カラムのレイアウトは従来のままだが、それぞれのカラムの役割を明確にし、各カラムに入る要素を分類、整理している。具体的には、左カラムにHotmailの受信状況や天気などを確認できる個人ツール類を、中央カラムにニュースなどの最新情報を配置。ディスプレイ広告や企画広告への誘導はすべて右カラムに集約した。 ま
携帯電話向けのCSS - 携帯電話向けコンテンツの書き方
フィーチャフォンで使う事の出来るカスケーディングスタイルシート(CSS)のセレクタ及びプロパティを解説します。 フィーチャフォンでのCSSのセレクタ・プロパティは、参考資料・オープンウェーヴ社が定めているCSSのプロパティに移転しました。 また、 フィーチャフォン用の CSS を書くに当たって CSS 非対応機種との兼ね合い も別文書・携帯電話向けの CSS を書くに当たってに移転しました。 CSS に関して基本的な事柄については、CSS 入門(HTML & CSS 入門)をご覧下さい。 また、各プロパティなどの詳細は CSS(カスケーディングスタイルシート)及び CSS リファレンスをご覧下さい。 フィーチャフォンでの CSS について。 WAP 2.0 での CSS。 EZ ウェブ及びソフトバンクのフィーチャフォンは、WAP 2.0 に準拠しているため、CSS を使う事が出来ます。 但
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ごめんなさいね。 - Lopan.jp
147 Colors Grid - CSS Color Names
IDEA * IDEA
IDEA * IDEA
IDEA * IDEA
TemplateWorld - FREE Website Templates (Valid XHTML And CSS)