ホーム Web制作

Web制作

jquery初心者のためのセレクタ入門

jQuery 初心者のためのセレクタ入門

javascriptでもDOM操作やイベント処理などはできるのですが、jQueryはセレクタの書き方が簡単で非常にわかりやすくてjavascriptよりもかなりパワフル。 j...
javascript

javascript イベントの書き方使い方まとめ

フォームのバリデーションやボタンを押したときの処理など、イベント関連の操作は基本的な処理になっています。javascriptではイベントの受付やイベントの発動条件の設定などができる...
javascript

javascript 初心者のためのDOM操作の実践

javascriptを使うなら必ず理解しておきたいDOM操作。DOM操作をマスターすればHTMLファイルの中から変更したい場所を取得し、必要な処理を行えるようになります。 一度覚...
javascript

javascript if文とfor文の使い方

javascriptのif文の使い方 if文は条件によって処理を分けたい場合に使う制御構文。例えばフォームに正しく値が入ってるかどうかでエラーを表示したりする場合にif文を使って...
javascript

javascript 関数とオブジェクトの使い方

javascriptはWebアプリの開発でなくてはならない言語の一つ。変数と配列についてはこちらでまとめたので、次は関数とオブジェクトについて。 javascriptの関数の書...
javascript

javascript 変数と配列の書き方入門

前回はjavascriptの読み込み方について確認しました。 ここではjavascriptの変数と配列の書き方、使い方をまとめまていきます。 javascriptの変数の書き方...
javascript

javascriptを読み込む3つのパターン

最近ではWebアプリなどでもよく使われるようになったjavascript。AngularJSやNode.jsなどのフレームワークもでてきて複雑なことでも簡単に実装できるようになって...
muse-template

Adobe Museのハイクオリティなテンプレートまとめ

Adobe Museはコーディング作業なしでWebサイトを作れてしまうとんでもないツール。しかもただ作れるだけでなく、レスポンシブやスマートフォンサイトも簡単に作れます。 ま...
zen-cart-thumb

ZenCartのハイクオリティなテンプレートまとめ

ZenCartはオープンソースで開発されている無料のネットショップ構築ツール。ブログの場合はWordpressが有名ですが、このZenCartもPHPとMySQLで構築されており、...
Tumblrにnoteカウントとtagを追加する方法

Tumblr Facebookウィジェットを追加する方法

前回のTumblrにTwitterウィジェットを追加では、独自タグなども使用せず簡単に設置することができました。 ここではFacebook Like Boxを追加してみます。...
Tumblrにnoteカウントとtagを追加する方法

Tumblr Twitterウィジェットを追加する方法

Tumblrでは多くのテンプレートが用意されており、その中から好きなデザインを選んでページを表示することができます。 ただ、デザインは良くても機能を追加したい場合などは独自タ...
Tumblrにnoteカウントとtagを追加する方法

Tumblr ページネーションを追加する方法

Tumblrは誰でも簡単にブログを開設できるサービス。リブログやフォローなどの機能もあって人気の高いブログツールになってます。 デフォルトのテンプレートも結構使いやすくて便利...
Tumblrにnoteカウントとtagを追加する方法

Tumblrにライクボタン、リブログボタンを設置する方法

Tumblrの機能で特徴的なものの1つにリブログがあります。気になった投稿を簡単に共有することができる機能ですが、この機能もテンプレート内で必要なコードを記述しないと実装できま...

Tumblr タグを表示する方法

Tumblrには数多くのテンプレートが用意されていますが、ちょっとオリジナル要素を入れたいということってありますよね?そんなときに大きな壁になっているのが独自タグ。 テンプレ...
Tumblrにnoteカウントとtagを追加する方法

Tumblrにオプション機能を追加する方法

Tumblrではオプションを設定することで、編集画面からHTMLやCSSを変更することなく簡単に背景画像などを変更することができます。 オプションを設定するためにはhead部...
Tumblrにnoteカウントとtagを追加する方法

Tumblrにサイドバーを追加する一番簡単な方法

Tumblrのデフォルトテーマでもそうなっているように、テーマの中にはサイドバーがないものがたくさんあります。 このテーマ使いたいけどサイドバーほしい!という場合でもTumbl...
Tumblr-custom

Tumblrで投稿を表示するためのコーディング方法

Tumblrは誰でも簡単にブログを作って公開できるサービス。比較的入らすとの投稿が多く、クオリティの高いものもたくさんアップされてるので、デザインの参考になったりもします。 T...
Designup_tumblr_thumb

初心者のためのTumblrテーマカスタマイズ方法入門

Tumblrはブログを簡単に投稿できるサービスですが、Wordpressよりも簡単に始めることができ、しかもカスタマイズも自由に行えます。 公式サイトでも数多くのテーマが公開さ...

WordPress BuddyPress用テンプレートまとめ

BuddyPressはWordpressにSNSの機能を追加するプラグイン。ユーザープロフィールを作成したり、ユーザーグループを作ることもできるみたいです。 無料で使うことが...
wordpress-theme

WordPress スマートフォン・モバイル向けテンプレートまとめ

Wordpressでスマホやモバイルサイト用にテーマを作るには、WPTouchなどのプラグインを導入するか、レスポンシブ化などを行って自分で用意する必要があります。 ...

最新記事

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

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

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

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

Bootstrap3 Progress bars の使い方

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

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

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

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

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

はてな人気記事