2015-01-01から1年間の記事一覧
ごきげんよう。Photoshop VIPが面白いです。 http://photoshopvip.net/ 多重露光エフェクト、面白そうでPhotoshopで遊んでいたら 多重露光エフェクトとは違いますがこういうのが出来ました。 ワケが分からないよ＼（＾O＾）／ 婚活サイトのバナー画像か、映…
ごきげんよう。昨日ポートフォリオに載せるためこちらのバナーを作りました。 この作品には少し思い入れがありまして、 職業訓練が開講して２か月目くらい？の５月頃作ってみようとトライしたのですが 殆ど知識・技術がないときでしたから最後まで作れなくて…
ごきげんよう。昨晩のコレ↓のせいで散々でした。 電線火災、ＪＲ４線運休…青梅線など終電まで http://www.yomiuri.co.jp/national/20150818-OYT1T50128.html ですが、西武線がなんとか復旧してくれ本当に助かりました。 3.11の地震の時もJRは運転見合わせで…
ごきげんよう。昨日無事にPC・スマホサイトのアップロードが完了しました！ 忘れっぽいのでアドレスをあげておきます。 http://egoist10kk.html.xdomain.jp/pc/ スマホサイトは http://egoist10kk.html.xdomain.jp/pc/sp/やっぱりアップロードすると嬉しいも…
ごきげんよう。課題サイト制作無事に終わりました。 あとは授業でアップするのみ…！ ちなみに、Apple touch iconはこんな感じになりました。 結局、色を変えたくらいです（＾ω＾;） faviconも同じデザインです。あと、スマホ用サイトにはこちらのバナーを入…
ごきげんよう。課題が今さっき終わりました。 明日もう一回確認してみて完成となります。 んで、授業中にhtaccessにアップです。 今、ブログ書きながらやること思い出しました。 Apple touch icon修正するんだった。 元はこんな感じ。 修正する理由はサイト…
ごきげんよう。最近『すっとこどっこい』という言葉に笑ってしまいます。 とてもリズミカルな言葉だと思います。音楽で言えばポップ調？ タッタラタッタ♪というリズムね。 「このすっとこどっこいめ！」なんて言われた日には爆笑してしまうと思います。 これ…
ごきげんよう。昨日課題で制作しているサイトに入れるバナーを作りました。 ただの静止画バナーだと普通なので gifアニメにして動きを付けてみました。 尚、サイズはサイトに入れる都合上230×230です。 『勇者だけど転職したい。けれども転職するのに自信が…
ごきげんよう。作品作りしいたらあっという間にこんな時間…！ 昨日作成したものをアップします。 こっちは作品兼ちょっと遊びでgifアニメです。 - ＜今日のおすすめ＞ Naruto All Openings Full Version (1-9)
プラグインについて追加説明です。プラグインは下記サイトより。 http://flexslider.woothemes.com/ ※緑のボタンからダウンロード。 ↓ ダウンロードしたらファイルを展開し、下記の2ファイルを自分のフォルダへ移動。 ・flexslider.css ・jquery.flexslider.…
//アドレスバー(検索バー)を隠す window.addEventListener('load', function(){ setTimeout(function(){ scrollTo(0,1); },100); }, false);
/* * jQuery FlexSlider v2.5.0 * Copyright 2012 WooThemes * Contributing Author: Tyler Smith */ ; (function ($) { //FlexSlider: Object Instance $.flexslider = function(el, options) { var slider = $(el); // making variables public slider.var…
/* * jQuery FlexSlider v2.5.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 and later license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin)…
@charset "utf-8"; /*================================================= * ブラウザのデフォルトのスタイルをリセットする * ================================================= */ html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, head…
ごきげんよう。バナーが1つ出来ましたのでアップします。 あと、こちらは『母の日』をテーマに授業で作ったもの。 残念ながらアップロードしていないのでどんな感じに動くかは お見せできませんが、先生のブログはこちら。 CSS3によるアニメーション http://…
ごきげんよう。Mix It Uｐ、ブログに書きますとか言っておいて書いていなくて申し訳。 今、課題でスマホ用サイト・PC用サイトの制作をしなければならないのですが 制作途中のデータを自分USBに移し忘れるという大失態を犯しておりました。 今日こそは絶対に…
ごきげんよう。本日こちらの映画を観てきました。 BORUTO ボルト -NARUTO THE MOVIE- http://boruto-movie.com/ 正直、NARUTOは10年ほど前にマンガ・アニメで見ていた程度でしたので 今回観ても内容（特にキャラクター）についていけるだろうか…と若干心配で…
ごきげんよう。金曜日に授業でやったRetinaディスプレイについて少しまとめます。 高解像度ディスプレイへの対応 http://yachin29.hatenablog.com/entry/2015/04/24/011441 あと、Mix It Uｐをやりましたのでそれにつきましては明日にでもブログに書く予定で…
ごきげんよう。本日は作品をアップしていきます。 昨日作成分学校のPCだと普通に見えたのに、 改めてみると写真が暗い（＾ω＾;） 今の私の心境を絵にしてみました。 課題やポートフォリオ・就活とかね… それらをRPGでいうところの中ボス・ラスボスに例えてみ…
続いてcss @charset "utf-8"; /* CSS Document */ /*reset*/ html,body,div,h1,p,video{ margin:0; padding:0; } video#bgvid{ position:fixed; left:0; top:0; min-width:100%; min-height:100%; width:auto; height:auto; z-index:-100; background:url(do…
ごきげんよう。動画を背景にする方法を一昨日学びましたのでアップします。 比較的簡単で作れるとかっこいいのでおススメですよ！完成図はこんな感じです。（プリントスクリーン画像ですが、ちゃんと動画が背景となっています） あらかじめmp4形式でフリー動…
個別ページ用のhtml。 <html lang="ja"> <head> <meta charset="utf-8"> <title>空飛ぶペンギン エモトカホリ作品</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <meta name="format-detection" content="telephone=no, email=no"> </meta></meta></meta></head></html>
jsコードは変わっていません。 //アドレスバー(検索バー)を隠す window.addEventListener('load', function(){ setTimeout(function(){ scrollTo(0,1); },100); }, false);
@charset "utf-8"; /*================================================= * ブラウザのデフォルトのスタイルをリセットする * ================================================= */ html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, head…
ごきげんよう。まず今回分と前回分（【勉強メモ】htaccess1〜htmlコード〜）の違いを軽く触れますと ・画像をクリックすると個別ページに飛ぶ ・個別ページ作成した といったところでしょうか。ちなみに本日アップ分のサイト階層図は下記の通りです。 ではht…
全て表示 青だけ表示 濃い色だけ表示 これは自分で作成したものをアップしていき ポートフォリオに使います。
// JavaScript Document $(document).ready(function() { $('ul#filter a').click(function() { $(this).css('outline','none'); $('ul#filter .current').removeClass('current'); $(this).parent().addClass('current'); var filterVal = $(this).attr("cl…
あらかじめ3色の画像を用意。 それぞれの色でさらに2種類濃淡をつけて作成。 （3色×濃淡3種類＝計9枚の用意が必要）html <html lang="ja"> <head> <meta charset="utf-8"> <title>無題ドキュメント</title> <link rel="stylesheet" href="css/style.css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> </link></meta></head></html>
@charset "utf-8"; /*================================================= * ブラウザのデフォルトのスタイルをリセットする * ================================================= */ html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, head…
<html lang="ja"> <head> <meta charset="utf-8"> <title>スマートフォン専用サイト</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> content="width=device-width 幅をデバイスに合わせる旨の記述。 initial-scale=1.0 iphone用記述。横にした時ズームになってしまうので、1.0の初期値を入れて横にしてもズームされないようにしてい…</meta></meta></head></html>
