Webのアレコレを科学する?WEB-LABO

Webのアレコレを科学する?WEB-LABO

要素の追加(appendChild)と削除(removeChild)で上手くいかない原因はTextNode(テキストノード)だった。。。

  • 2013/10/03
    • JavaScript

要素の追加と削除

さてさて、今週作成した学生のポートフォリオサイトを紹介するページで、要素の追加と削除が上手くいかずに悩まされたので書いておきます。( ..)φメモメモ

原因はタイトルにも書いてるとおり、TextNode(テキストノード)でした。

続きを読む

キーワードは「未来」、そして「積み上げ」。 teamLab猪子寿之氏スペシャル講義

  • 2013/09/28
    • まとめ記事

猪子寿之

2013年9月7日(金) 熊本電子ビジネス専門学校でteamLab 猪子寿之氏のスペシャル講義がありました。

WEB-LABOでは、そのスペシャル講義について超個人的な視点で書いてみたいと思います。

続きを読む

Photoshopのマスクの使い方を解説した3サイト

  • 2013/09/27
    • Webについて
    • デザイン
    • まとめ記事

Photoshopマスク

マスク使ってますか?今年の秋は、夏の暑さのせいで花粉がひどいらしいです。

と、マスク違いですが(笑) Photoshopもマスクが使えるようになるとデザインの幅が広がりますよね!

続きを読む

teamLab猪子氏、来熊。 これから熊本で何かが起こる!?

  • 2013/09/24
    • デジタルなこと

teamLab

全ては、空港での偶然の出会いから始まった。 

2013年9月27日(金) 世界でも注目を注目を浴びているteamLabの猪子寿之氏が熊本にやってきます。どんな話が聞けるのか?楽しみです。

続きを読む

迷うけど、結局やっちゃうんだろうなぁ的な iPad mini に iOS7。動作は軽いのか?

  • 2013/09/19
    • デジタルなこと

WEB-LABO

今日は、iOS7へのアップデートであちこち盛り上がってましたね。私は、iPad miniでも重くなければアップデートしてみようかなぁぐらい(笑)

ということで、レビューをググってみました。

続きを読む

floatを使ったCSSレイアウトの基礎

  • 2013/09/18
    • HTML&CSS

CSSレイアウトの基礎

floatを使って2つのBOXを並べて配置する3つの方法です。

注意する点は、floatを使用した場合、floatの解除を行わないとレイアウトが崩れる可能性があるので必ず解除しましょう。

続きを読む

どうしてWEB-LABOは、WEB-LABじゃないのか!?WEB-LABOまとめ

  • 2013/09/11
    • まとめ記事

WEB-LABO

どうして「WEB-LABじゃないんですか?」と、ある日・・・聞かれたことはありませんが(笑)

今日はこのネタで!

続きを読む

JavaScriptのsetInterval()でアニメーションの初歩

  • 2013/08/27
    • JavaScript

JavaScriptのsetInterval()でアニメーション

またまたsetInterval()ネタです。

今回は、画像の座標を変更することで移動させます。更にボタンでON/OFFします。

続きを読む

JavaScriptのsetInterval()を使い、一定間隔で処理を繰り返す。

  • 2013/08/24
    • JavaScript

タイマー処理

一定間隔で処理を繰り返すときに便利なのがsetInterval()です。繰返しは任意のタイミングで止めることもできます。

まずは、簡単なタイマー処理をマスターしましょう!

続きを読む

jQueryでアニメーション初歩の初歩!「ボックスを移動させる」の巻

  • 2013/08/23
    • HTML&CSS
    • jQuery

アニメーション初歩の初歩

今までは、最初にjQueryのプラグインを使わせて、慣れてきたら自作させるようにしていましたが・・・ なかなか自作しない(笑)

ということで、今年はプラグインの存在を教えずに、最初から自作させる方向で考えてます。

続きを読む

« 先頭«...10...1415161718...»最後 »

Webデザインを短期間にマスターする方法「完コピのススメ」

レイアウトの四原則

デザインとアートの違い

 

カテゴリー

  • TOP
  • HTML&CSS
  • JavaScript
  • jQuery
  • PHP
  • Thinkingタイム
  • Webについて
  • WordPress
  • YouTube LAB
  • デザイン
  • デジタルなこと
  • ビジネスについて
  • まとめ記事
  • 未分類
PR

人気記事

  • プラグインに頼らず自力でjQueryのスライドショーを作る方法(はじめてのスライドショー作成編)
    60,392 views
    はじめてのスライドショー作成
  • CSS3で簡単アニメーション!画像や要素を動かせる!背景色が変化する!
    44,001 views
    CSS3アニメーション
  • 要素の追加(appendChild)と削除(removeChild)で上手くいかない原因はTextNode(テキストノード)だった。。。
    35,720 views
    要素の追加と削除
  • getElementByIdを使って要素内の文字や画像を変更する
    33,752 views
    getElementById
  • ログインしていなくてもfacebookページを閲覧可能にする方法
    31,549 views
    facebbokアンロック
  • Photoshopのテキストを背景の枠に合わせて自動で改行する方法
    30,748 views
    Photoshopのテキストボックス
  • jQueryでウインドウのスクロールやリサイズが終わった時だけ処理する方法
    28,313 views
    CreativeStyle

facebookページ

プロフィール

Kimi.

 熊本の専門学校でWebをメインに教えています。 「Webデザイナーである前に、ビジネスパーソンであれ」がモットーです。

「教育とは、詰め込むものではなく、興味を引き出すこと!」

「未来は、やってくるものではなく、みずから創るもの!」

「今」の積み重ねによる未来を待つのではなく、未来から逆算して「今」を生きる。

WEB-LABOワード

CSS テーマ 検索エンジン対策 TechWeb 専門学校 スライドショー アニメーション SEO Webデザイン テンプレート JavaScript 熊本 google カスタマイズ Webデザイナー PHP WordPress HTML5 プラグイン iPad mini Google Analytics CSS3 アクセス解析 jQuery マーケティング

フィード

  • RSS
  • Atom

WEB-LABO