読者です 読者をやめる 読者になる 読者になる

ねっとぱんだ

webdesignとprogramingの勉強ブログ。

【1日1つデザイン分析】アプリ開発チームのサイト

アプリ開発チームのサイトlabs.invisionapp.com 3/10種類:アプリ開発チームのサイト概要:デザイン用アプリケーションの公開サイト感想・いいと思ったpoint・大きめなサイズの簡単な英語、幾何学を使ったデザイン等誰が見ても分かりやすいです。テキストは…

【1日1つデザイン分析】海外向けの沖縄観光サイト

1日1つ気になるデザインを分析していきます。沖縄の海外向けプロモーションサイトbeokinawa-pr.jp 3/8 種類:プロモーションサイト 概要:沖縄の海外向け観光サイト ターゲット:海外の観光客 感想・いいと思ったpoint リゾート感が溢れてます。太めのディス…

【1日1つデザイン分析】海外の建築事務所のサイト

1day1site(1日1つ、おすすめのサイトを紹介していきます。)海外の建築事務所のサイトwww.g-a.co.nz 3/7 種類:コーポレートサイト 概要:海外の建築事務所のサイト 感想・いいと思ったpoint デザイン事務所らしい芸術性が重視されているようなサイトです。何…

Javascriptの記述2

Javascriptの記述法について勉強した事をまとめます。Javascriptの記述方法HTML内に記述ブラウザでHelloと表示されます。 <html> <body> <script> document.write("Hello ") </script> </body> </html> 外部から読み込み外部からsample.jsを読み込みます。 <script src="js/sample.js"></script> 文章を改行する時は(バックスラッシュ) docu…

Javascriptの記述

Javascriptの記述法について勉強した事をまとめます。Javascript記述の基本 大文字と小文字は区別される セミコロンで文が終わる。 処理が完結しており改行されていれば終わり。 改行してあってもまだ続く記号があったり、分が未完結なら改行の次も続いてい…

【1日1つデザイン分析】スマートな法律事務所のサイト

1day1site(1日1つ、おすすめのサイトを紹介していきます。)代官山綜合法律事務所https://daikanyamalawdaikanyamalaw 3/4 種類:コーポレートサイト 概要:代官山にある法律事務所のサイト ターゲット:渋谷近郊の企業経営者、弁護士を必要とする社会人 感想…

【1日1つデザイン分析】今風なテレビ局のリクルートサイト

1day1site(1日1つ、おすすめのサイトを紹介していきます。)関西テレビ RECRUIT 2018 「DIG -ジブンの奥に、何がある?-」www.ktv.co.jp 3/4 種類:リクルートサイト 概要:関西テレビのリクルートサイト ターゲット:就活生(10代後半~20代前半の男女) 感想・…

【1日1つデザイン分析】大豆を使った自然派スイーツのサイト

1day1site(1日1つ、おすすめのサイトを紹介していきます。)913 | ヌフアントロワ オフィシャルneufuntrois.com 3/4 種類:食品のブランドサイト 概要:大豆食品のサイト ターゲット:女性(20=30代?) 感想・いいと思ったpoint earth等、自然派なブランドを持…

【1日1つデザイン分析】500色の色鉛筆のプロモーションサイト

1day1site(1日1つ、おすすめのサイトを紹介していきます。)FELISSIMO 500色の色えんぴつwww.felissimo.co.jp 3/3 種類:プロモーションサイト 概要:500色の色鉛筆の特設ページ ターゲット:女性(30=40代?) 感想・いいと思ったpoint 1992年に、フェリシモの…

【1日1つデザイン分析】フランスのギタリストのポートフォリオサイト

1day1site(1日1つ、おすすめのサイトを紹介していきます。)remijousselmeremijousselme.com 3/1 種類:ポートフォリオサイト 概要:フランスのクラシックギタリストの個人ページ 感想・いいと思ったpoint リンク先のページは全てSNSになっていて、1ページの…

ulとolとdlの使い分け

・ulとolとdtの違い。 ul unordered list(unorderd=順序が置き換わっても意味が伝わる様内容に使う。 ol ordered list 順序が必要な内容に使う。 ol = ordered list(指定されたリスト) dl definition list(definition定義)タイトルと説明文が必要なとき…

【1日1つデザイン分析】女性向け靴のECサイトデザイン

1day1site(1日1つ、おすすめのサイトを紹介していきます。)mâRe mâRe DAILYMARKETmaremare.jp 2/26 種類:ECサイト 業種:アパレル、靴の販売 ターゲット:女性(20代〜30代、もう少し若め?) 感想・いいと思ったpoint ブランドのコンセプト通り、自然で柔…

CSSで基本的なレイアウトの練習

cssの基本的なレイアウトの枠組みを記述してみます。 ①float layout #container{ background-color:#eee; width:700px; height:550px; } #header{ color:#fff; height:100px; background-color:#000; } #side{ height:450px; width:180px; float:left; borde…

CSSの要素の順番(ボックスモデル)

大まかな要素の順番一般的には外側のエリアから内側に行くごとに重なっていくイメージ。 content border background-image background-color content area(width height) padding margin その他のプロパティより詳細に知る為にはW3CのSpecificationを見た方…

CSSで画像に乗算やスクリーン等の加工をする(background-blend-mode)

CSSで画像に乗算やスクリーン等の加工ができるプロパティ、background-blend-modeについてまとめてみました。 background-image: url("画像のパス");background-color:重ねる背景色background-blend-mode:どうブレンドするかの値;} "background-image" "back…

PHP基礎 制御構文(if , else if , for , while)

PHP

phpの制御構文if , else if , for , whileについて勉強しました。 制御構文 (繰り返しや判断を実行するための構文) if「もし~だったら」を判断する。 if(式){ 処理 } ・1990年2月10日15:30:0が現在より過去なら"NEW!“が表示される。 比較演算子 ==$a==…

PHP 変数と論理演算子

PHP

phpの変数と論理演算子について勉強しました。 変数 値を入れられる。 (例)$a 代入 変数に値を入れること。 変数($name)に値(山田花子)を代入 演算子 計算するための記号 = 代入演算子 . 結合演算子 四則演算の方法 +加算$a+$baにbを足す -減算$a-$b…

PHP 記述方法と基本の型

PHP

phpの基本的な記述方法と型を勉強しました。 基礎知識 の間に記述していきます。 動作チェック phpのinfoが表示されます。 echoを使ってみる。 //helloと表示されます。 保存するときは文字コードUTF-8Nで保存する。 UTF-8だと文書の前に見えないBOMとい…

MACのターミナルを触ってみる

Mac

macのターミナル。今までグラフィックデザインのみをやってきたので何となく放置していたターミナルを触りました。 CUIとGUIの違いから… GUI(Graphical User Interface ) 一般的に、私たちが使っている画面はGUIです。 Graphical(絵的という意味)に操作でき…

jQueryプラグイン①bxSlider導入方法

今回はbxSliderをつかったスライドの作り方に着いて勉強しました。 bxSlider導入方法 1.まず[bxSlider](http://bxslider.com/)のサイトに行き、ダウンロードします。 2.「jquery.bxslider.zip」がダウンロードできるので解答し、フォルダ内にある「jquery.bx…

jQuaryのメソッドの種類2

今回はjQueryのメソッドの種類についてまとめてみました。 ・メソッドの種類2 ・hide(表示されている#aを隠す) ・すぐに隠す alert($("#a").hide()); ・スピードを指定する(slow,normal,fast) alert($("#a").hide('slow')); ・スピードを秒数で指定する(10…

jQuaryのイベントの種類

今回はjQueryのイベントの記述法と種類についてまとめてみました。 ・イベントの記述 ・一つのイベント $("セレクタ").イベント(function(){ }}); ・複数のイベント $("セレクタ").イベント1 イベント2 (function(){ }}); ・親セレクタの中の子セレクタを指…

jQuaryのメソッドの種類

今回はjQueryのメソッドの記述法と種類についてまとめてみました。 ・メソッドの記述 ・1つの指示の場合 $("セレクタ").css("color","#fff"); ・複数の指示の場合 $("セレクタ").css("color","#000"); $("セレクタ").css("font-size",12px"); $("セレクタ").…

jQuaryのセレクタの種類

今回はjQueryのセレクタの種類についてまとめてみました。 主なセレクタの種類 ・全ての要素 $("*") ・その要素全て $(".要素名") ・nameを指定 $("[name=name名]") ・idを指定 $("#id名") ・classを指定 $(".class") ・AもしくはBに一致する要素 $("A,B") …

jQueryのエラー検証方法(GoogleChrome)

今回はGoogleChromeでのデバックの方法についてまとめてみました。 google chromeでのエラーの検証方法 ・ブラウザ上で右クリックし、検証をクリック ・「console」と書かれている部分をクリックすると、 エラーがある場合はエラーの内容(赤い文字)とエラー…

jQuary基礎②記述方法など

今回はjQueryの基本的な記述方法についてまとめてみました。 基本的な記述 ・$かjQueryから記述が始まる。 ・WordPressの場合はjQueryでしか動作しない。 ・行末に必ず;(セミコロン)をつける。 $("セレクタ").イベント(function(){ $("セレクタ").メソッド…

jQueryをダウンロードせずに読み込む方法(2017年1月現在)

jQueryの教本を見ていた所、実際のサイトとは少し違う場所に本体を読み込むコードが書かれていたのでここにメモしておきたいと思います。 2017年1月現在の状況です。 jQueryを読み込む手順 まずjQueryのサイトに行きます。 Downloadページに飛びます。 スク…

nameとidとclassの違いは?

今日はidとname、classの違いについてまとめてみました。 id 原則として固有のもので、同じ文章内で重複して書く事はできない。 class その名の通りグループを指定するもので、複数のタグにつける事ができる。 name idと同じようなものだそうですが、formタ…

Macでアニメを作りたい!OpenToonzに挑戦。

Mac用アニメーションソフトを探していた… Photoshopで作れる簡単なgif画像じゃなくて、もう一歩踏み込んで作ってみたい! でもアニメーション制作ソフトは数万円以上するものが多くて、なかなか手が出ない… そんなとき見つけたのが「OpenToonz」というアニメ…

マリメッコ展 -渋谷bunkamura-

bunkamuraでやっていたマリメッコ展を見にいきました。 実際にお店に入ったり買ったりしたことはないんですが、そんな僕でもウニッコ柄だけは知っていました。上のポスターでも使われていますが、マリメッコはよく知らなくても、この柄なら見た事があるとい…