ホーム Web制作

Web制作

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

Mohawk cat. King of the urban jungle. 最近はあまり使わなくなったテーブルタグですが、一時はWebのレイアウトは全てテーブルで書かれていた...

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

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

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

もう一度間違ってないか確認しておきましょう。 I've made a huge mistake Bootstrap3に限らず、レスポンシブデザインはGoogle検...

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

I've got it デザインはグリッドに始まりグリッドに終わるといわれるように、Bootstrap3でもグリッドシステムは単なるコーディングにとどまらず、デザイ...

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

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

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

One owl to rule them all Bootstrap4が公開されていますが、まだα版ということもあり、まだまだ現役バリバリのBootstrap3。レスポンシブ...

今からBootstrap3を始める人のための、CSSフレームワーク入門

Bootstrap3はCSSフレームワークとして定着してきており、情報量も豊富なので、初心者のWebデザイナーさんでも簡単に使い始めることができるのが嬉しいところ。 すでにT...

SiteOrigin CSSをもっと便利い使いたおす方法まとめ

SiteOriginCSSはWordpressにコーディング不要なCSSスタイルパネルを追加してくれる無料プラグインです。前回までで基本的な使い方を紹介しましたが、このプラグインに...

PageBuilderをもっと便利い使いたおす方法まとめ

Wordpressにページビルダー機能を無料で追加できるPageBuilderプラグイン。高機能で手軽にページビルダー化できるため、常に人気上位のプラグインとなっており、Web制作...

SiteOrigin CSSであっという間にWebデザイン エディター編

Wordpressに高品質なCSSエディターを追加できる無料プラグイン、SiteOrigin CSSの使い方。エディターモード編です。 SiteOrigin CSSはビューモード...

SiteOrigin CSSであっという間にWebデザイン ビューモード編

Wordpressにコーディング不要でスタイリングができるCSSスタイルパネルを実装可能なSiteOriginCSSを紹介します。 SiteOriginCSSはWordpress...

PageBuilderで超簡単Webデザイン! ウィジェット編

Wordpressにページビルダー機能を無料で追加できるプラグイン、SiteOrigin PageBuilderを使ってサクッとWeb制作。今回はウィジェット編です。 前回はPa...

PageBuilderで超簡単Webデザイン! レイアウト編

SiteOrigin Page BuilderはWordpressにページビルダー機能を追加できる無料プラグインです。 前回の記事ではページビルダーでできることやどんな機能がある...

SiteOrigin CSS WordPressにCSSエディターを追加できる無...

WordpressにDreamWeaverのようなCSSエディターを追加できる無料プラグイン、「SiteOrigin CSS」を紹介します。 前回紹介したページビルダープラグ...

WordPressにビルダー機能を追加できるSiteOriginPageBuil...

Wordpressに無料でページビルダー機能を追加できるプラグイン、SiteOrigin PageBuilderを紹介します。 Wordpressといえば無料テンプレート。テンプ...

Adobe XD の簡単な使い方&レビュー

現在プレビュー版が公開されているAdobe製のプロトタイプツール。 単にデザインを作るだけでなく、実際の画面の動きを含めてより本番に近い状態で確認できるツールです。 しかも、Ph...

PressBuilder ContactForm7を使った問い合わせページの作成...

PressBuilderはドラッグ&ドロップの簡単な操作でサクッとWebサイトを作れるWordpress向けレスポンシブテンプレートです。 PressBuilderなら問い合...

PressBuilder サイトマップページの作り方

PressBuilderはドラッグ&ドロップの簡単な操作でサクッとWebサイトを作れるWordpress向けレスポンシブテンプレートです。 簡単にページを作れるページビルダー...

PressBuilder ウィジェットの便利な使い方

簡単な操作で自由にWordpressを使ったWebサイト作成が可能なPressBuilder。 この記事ではPressBuilderに搭載されているオリジナルウィジェットのセ...

PressBuilder 固定ページテンプレートの便利な使い方

PressBuilderはドラッグ&ドロップでレイアウトを作成できるWordpressレスポンシブテンプレートです。 今回は固定ページに用意されている3つのテンプレートの使い...

最新記事

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

Mohawk cat. King of the urban jungle. 最近はあまり使わなくなったテーブルタグですが、一時はWebのレイアウトは全てテーブルで書かれていた...

Markdownで書いた記事はSEO的に問題ないのか?調べてみた

最近ブログの記事はMarkdownで書いているのですが、ふと思ったのが、Markdownで書いたブログ記事ってSEO的に大丈夫なの?ってことです。 MarkdownはHT...

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

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

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

もう一度間違ってないか確認しておきましょう。 I've made a huge mistake Bootstrap3に限らず、レスポンシブデザインはGoogle検...

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

I've got it デザインはグリッドに始まりグリッドに終わるといわれるように、Bootstrap3でもグリッドシステムは単なるコーディングにとどまらず、デザイ...

はてな人気記事

人気テンプレート

COLORSTORE simple2 カラーミーショップ レスポンシブテンプレー...

COLORSTORE simple2はカラーミーショップ向けレスポンシブテンプレート。カラーミーキットに対応、高品質なスライダー同梱、スマートフォンに最適化されたナビゲーションメニューを搭載。

CUBESTORE simple2 EC-CUBE2.13系対応 マルチカラムテ...

CUBESTORE simple2はEC-CUBE2.13系に対応したレスポンシブテンプレートです。画像スライダーにはFlexSliderを採用、Bootstrap3に対応しているため高品質なECサイトを低コストで制作可能です。

MinimalCube EC-CUBE2.13 マルチカラムテンプレート

MinimalCubeはEC-CUBE2.13に対応したマルチカラムのレスポンシブテンプレート。Bootstrap3を導入し、様々なコンポーネントも簡単に使えてデザインもシンプルなミニマルデザインを採用。

CUBESTORE minimal1 EC-CUBE2.13系対応 マルチカラム...

CUBESTORE minimal1はEC-CUBE2.13系に対応したレスポンシブテンプレートです。画像スライダーにはFlexSliderを採用、Bootstrap3に対応しているため高品質なECサイトを低コストで制作可能です。

COLOR MART Blue テンプレートプラス対応ブルーテーマ

COLORMARTはカラーミーショップに対応したレスポンシブテンプレート。Bootstrapを導入しカスタマイズしやすいコードとモダンなデザインを実現。また、2カラム、3カラム両対応でレイアウトも自由に行えます。