web-design

WordPress

よく使うwordpressテンプレートタグまとめ

WordPressここの多くはwordpressのテキストで既に出て来た物がほとんどですが、よく使うwordpressテンプレートタグをまとめたので使ってみましょう。ページファイルをカスタムテンプレート化する<?php/* Template...
WordPress

htmlのwordpress化

ステップ1まずはいつものようにHTMLとCSSでページを作成/* ヘッダー部分 */header{width: 100%;height: 60px;position: fixed;top:0;left:0;z-index: 1000;bac...
HTML基礎

adobe brackets|オープンソースの高機能テキストエディタ

adobebracketsとは?HTMLやCSS、JavaScriptのコーディングに特化したOSS製テキストエディターとして、2011年12月から開発をスタートし、Windows版やmacOS版に限らずLinux版(Debパッケージ)をG...
HTML基礎

HTMLとは?

HTMLとは、Hyper Text Markup Language(ハイパーテキスト・マークアップ・ランゲージ)の略で、Webページを作るための最も基本的なマークアップ言語のひとつです。 普段、私たちがブラウザで観ているWebページのほとん...
WordPress

wordpressの公式テーマに子テーマを作ってカスタマイズする

WordPresswordpressでサイトを制作する場合、大きく分けると2つの方法があります。1つは真っ白い状態からオリジナルでテーマを作っていく場合(travel sketch)、もう1つは既存のテーマを自身でカスタマイズしていく方法で...
jQuery

OSS(オープンソースソフトウェア)とは?

jQuerywebサイト制作オープンソースソフトウェアとは、利用者の目的を問わずソースコードを使用、調査、再利用、修正、拡張、再配布が可能なソフトウェアの総称である。GithubやCodePenのようにソースコードをオープンして共有する、と...
ポートフォリオ制作

CODEPENを使ってコードを掲載させる

ポートフォリオ制作CODEPENとは?「CODEPEN」とは、HTML・CSS・JSなどのソースコードを保存・公開・共有できるWEBサービスです。他の人が作ったソースをその場で編集できたり、プレビューで確認出来、動作確認などにも使えて非常に...
ポートフォリオ制作

ポートフォリオの制作

ポートフォリオ制作ポートフォリオ制作でまず自身が把握する事は中に入れるコンテンツの分量です。今までの授業で作ったデータをもう一度見直し、手直しする物は手直して、ポートフォリに掲載する物を決めましょう。次にwebのポートフォリオを何で作るかを...
webサイト制作

配色の基本

webデザインwebサイト制作webサイトはおおまかに別けるとテキスト・画像・色の3つの情報から成り立っています。3つの中でも色はユーザーに最初に伝わる情報なので、配色次第でサイトの第一印象が決まってしまいます。初心者にとって配色は難しい部...
jQuery

フィルタリング機能とモーダルウィンドウを使ったギャラリー

jQuery複数のjQueryプラグインを使って、フィルタリング機能とモーダルウィンドウを使ったギャラリーを作成しましょう。複数のプラグインを使うことで、管理すべきファイルの数が多くなるので、気を付けましょう。参考サイトchiyo-kats...