ホーム Web制作

Web制作

php-first-step

PHPの使い方の基本まとめ

PHPの使い方をもう一度基本からおさらいしておこうと思います。WebアプリケーションやWordpressでも使われるPHP。使いこなすことができれば、自分でWebサービスなんかをつくったりできます。その前に、まずは基本の復習をしてみます。
jquery-first

jQueryの使い方の基本をおさらい

javascriptライブラリのjQueryを使うことでコードの短縮やクロスブラウザ対策を行うことが出来ます。使い方を覚えれば以外と簡単なのでここで基本のおさらいをしておきましょう。
js-second

javascript DOMの基本操作まとめ

javascriptのDOM操作の基本をおさらいしておこうと思います。jQueryは少し触ったことがあるのですが、javascript自体はほとんど使ったことがないのでこれを機会に勉強していこうと思います。
js-first-step

javascript 書き方の基礎

Javascriptの書き方の基礎、まずは基本的な書き方から。普段Web上で使われているjavascriptはDOMの操作をしていることが多いため、なにやらごちゃごちゃした関数がでてきて非常にわかりにくい、という印象でした。ここでは一度DOMは忘れて、基本文法から見ていきたいと思います。

CSSの基本 レスポンシブレイアウトのおさらい

CSSの基本としてレスポンシブレイアウトをテーマにしてみました。昨年あたりから注目を集めているレスポンシブレイアウト。さまざまなスクリーンサイズに対応したWebサイトを作成するための方法として是非身につけておきたいスキルですね。
cssの基本アニメーション

CSSの基本 アニメーションのおさらい

CSSの基本をもう一度しっかりおさえるため、CSSの基礎的なことをおさらいしていこうと思っています。今回はアニメーションです。ブログでもボタンのアニメーションなんかでは使えそうなプロパティです。
css-layout

CSSの基本 レイアウトのおさらい

CSSの基本としてレイアウトをおさらいします。初心者のかたにもオススメ!ですので要チェックです!

CSSで画像をゆがませて、iTunesアートワークを作る

CSSで画像をゆがませることができれば、一つの画像からいろんな見せ方ができるようになります。具体的にはTransformというCSSのプロパティを使って画像をゆがませてみます。
loginform

CSSでログインフォームをつくってみる

CSSでログインフォームを弄ったことが少ないのでやってみました。デザインを変えたいと思いながらも、デフォルトのまま使ってしまうことが多いコメントフォームなどのフォームのデザイン。この記事ではそのフォームのデザインをCSSジェネレーターで簡単に作ってしまいます。
wordpress-seo

ここから始めるWordPressのSEO対策

Wordpress用のSEO対策プラグインで有名なものはAllinOneSEOです。これを入れておけばブログ記事以外のSEO対策はバッチリできるのですが、きちんと使わないと全く効果が出ない・・・なんてことになりかねません。ここではAllinOneSeoを使ったSEO対策を紹介します。

HTMLをカスタマイズしてWordPressのテーマを作成する方法

既に作られたテーマの中から選択するだけでもWordPressを使うことができますが、せっかくHTMLを書けるなら自分でテーマを作らなきゃもったいない!自分だけのドメインを取得して、さらに自分だけのテーマを作っちゃいましょう。

WordPressのインストールとパーマリンク設定の方法

WordPressのインストールからパーマリンクの設定までを紹介します。WordPressって普通のブログと違って、アカウント登録するだけでは使えないです。この記事の方法をみながら挑戦してみて下さい。

最新記事

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

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

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

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

Bootstrap3 Progress bars の使い方

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

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

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

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

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

はてな人気記事