ホーム Web制作

Web制作

Bootstrap3 ポップオーバーとPopover.jsの簡単な使い方

要素をクリックすることでヘルプメッセージなどを表示することができるポップオーバーコンポーネント。ツールチップとよく似てるので作るのは簡単ですが、Webアプリなどでは結構使えるコンテ...

Bootstrap3 Progress bars の使い方

進行状況を表示するのに使えるのがProgressバーコンポーネント。Webアプリやショップサイトで注文工程の進歩状況を表示する際に使うことができます。 Bootstrap3 Pr...

Bootstrap3 Panelsコンポーネントの使い方

Panelsは要素をまとめて表示する際に使えるコンポーネント。中身には何でも表示できるため、記事一覧をカテゴリーごとに表示したり、データごとに表を作ったりする場合に使うと便利です。...

Bootstrap3 ListGroupの使い方

ListGroupはメニューリストを表示する際に使えるコンポーネント。ulタグにつけるだけで使えるシンプルな作りなので使う機会も多いはず。構造がシンプルなのでスタイルしやすいのも良...

Bootstrap3 AlertとWellsコンポーネントの使い方

AlertとWellsはブログなどでBootstrap3を使っている場合はそんなに見かけることがないコンポーネントですが、Webアプリやフォームを使うようなサイトだと必ずと言ってい...

Bootstrap3 ThumbnailsとMediaObjectの使い方

ThumbnailsとMediaObjectはブログの新着記事一覧や、事業案内などでサムネイルと合わせてリンクを表示したり、Webサイトの中でも特によく使われるコンポーネントの1つ...

Bootstrap3 JumbotronとPageHeaderの使い方

Bootstrap3の中でも使われてなさそうで以外とよく使われているのがJumbotronとPageHeaderコンポーネントです。 JumbotronはLPやトップページのヘッ...

Bootstrap3 LabelとBadgeの使い方

通常のWebサイトではあまり使うことはないかもしれませんが、アプリなんかを作ってると必ず必要なのがLabelやBadgeコンポーネント。 メニューのカテゴリーやグループを表示した...

Bootstrap3 Breadcrumbの書き方、使い方

Bootstrap3のBreadcrumbの使い方 breadcrumbのclass Bootstrap3のパンくずリストは.breadcrumbをolタグにつけるだけで簡単に...

Bootstrap3 PaginationとPagerの使い方

Bootstrap3のPaginationとPagerの使い方まとめ。 ページネーションは複数のページにまたがる場合に使われるコンポーネント。ulタグにclassをつけるだけで簡...

Bootstrap3 Glyphiconの簡単な使い方

Bootstrap3で使用できるGlyphiconの使い方。 簡単なアイコンであれば、ほぼほぼアイコンフォントが使われるようになってきてますね。小さな画像を何枚も用意する必要がな...

Bootstrap3の便利なヘルパーclassの使い方

Bootstrap3で使える便利なヘルパークラスの使い方を紹介します。 Bootstrap3のコンポーネントはよく使われるのですが、ヘルパークラスは以外と使ったことがない、知らな...

これからウェブデザイナーを目指す人が読むと3倍早く成長できる本まとめ

//s.imgur.com/min/embed.js これからウェブデザイナーを目指す人に絶対読んでおいてほしい本をまとめてみました。これさえ読んでおけば成長速度も3倍アップ...

Bootstrap3のFormパーツの使い方とカスタマイズ方法

Bootstrap3のFormパーツの使い方とカスタマイズについてまとめ。 前回の記事でFormの基本的なところについて書いたので、ここではフォームで使えるパーツについてまとめて...

Bootstrap3 テーブル(表)の書き方、使い方

Mohawk cat. King of the urban jungle. //s.imgur.com/min/embed.js 最近はあまり使わなくなったテーブルタグですが、...

ひとつ上の Bootstrap3 グリッドレイアウト使いこなし術

前回の投稿でグリッドレイアウトの基本的な使い方についてまとめたので、ここではさらにもう一歩突っ込んだ内容のお話をしたいと思います。 Bootstrap3では単に横並びのレイアウト...

もう一度確認しておきたい、Bootstrap3 レスポンシブの基礎知識

もう一度間違ってないか確認しておきましょう。 I've made a huge mistake //s.imgur.com/min/embed.js Bootstr...

今度こそ覚える、Bootstrap3 グリッドシステムの使い方

I've got it //s.imgur.com/min/embed.js デザインはグリッドに始まりグリッドに終わるといわれるように、Bootstrap3でもグリ...

Bootstrap3のテーマをカスタマイズして読み込み速度を速くする裏技

Bootstrap3のテーマをカスタマイズし、ページの読み込み速度をアップする裏技教えます。 "I blocked imgur on your computer... ...

神ってるWebデザイナーになるためのBootstrap3の始め方

One owl to rule them all //s.imgur.com/min/embed.js Bootstrap4が公開されていますが、まだα版ということもあり、まだ...

最新記事

超高品質!Drupal向けテンプレートまとめ 2017年最新版

Drupalは高度な技術を持っていなくても簡単に使えるのが特徴のCMS。現在も活発に活動が続けられ、海外では人気の高いCMSです。ここでは最新版のDrupal8に対応した高品質なテ...

Bootstrap3 ポップオーバーとPopover.jsの簡単な使い方

要素をクリックすることでヘルプメッセージなどを表示することができるポップオーバーコンポーネント。ツールチップとよく似てるので作るのは簡単ですが、Webアプリなどでは結構使えるコンテ...

Bootstrap3 Progress bars の使い方

進行状況を表示するのに使えるのがProgressバーコンポーネント。Webアプリやショップサイトで注文工程の進歩状況を表示する際に使うことができます。 Bootstrap3 Pr...

スマホ向けアプリアイコンのデザインに使えるフリー素材128個まとめ

アプリアイコンのデザインに使えるフリー素材を128個集めてみました。 アプリアイコンはGimpなどのフリーツールでも簡単に作れるのですが、フリー素材を使うことで効率良くアイコン作...

キラキラ光るエフェクトが美しい無料ベクター素材

キラキラ光る美しいエフェクトの無料ベクター素材を厳選して集めました。 こういったライトエフェクト系の素材はゴージャスなイメージを作る時によく使われる素材で、バナーやヘッダー画像は...

はてな人気記事