tsukasa さん プロフィール

  •  
tsukasaさん: 今日からWebデザイナー
ハンドル名tsukasa さん
ブログタイトル今日からWebデザイナー
ブログURLhttp://kyo-kara.xyz/
サイト紹介文WEBデザイナーになってそろそろ3年。 これまでに得た知識などをひけらかします。
参加カテゴリー
更新頻度(1年)情報提供11回 / 365日(平均0.2回/週) - 参加 2017/04/19 10:14

tsukasa さんのブログ記事

  • 過去の記事 …
  • 【jQuery】スクロール量でナビゲーションバーを実装するScrollgress
  • クライアントからの依頼で、縦長HPに現在地を表示させるナビゲーションを実装したいとのご要望。調べてみると「プログレスバー」というのですね。大体はページの読込とかで進捗状況を何パーセントとか、バーで表示するものですが、スクロール量に応じて現在地を表示してくれるjQueryプラグインありましたよ。ってことでご紹介です。現在地をプログレスバーで教えてくれるjQueryプラグイン「Scrollgress」まずは、デモをご覧くださ [続きを読む]
  • 何故教えてくれなかったの?WEBデザイナーになって初めて知った神ツール
  • 私は職業訓練を経てWEBデザイナーになったのですが、職業訓練の時に教えてもらっていたらもっとスキルアップ出来たんじゃないかという、仕事効率を段違いにレベルアップさせるソフトや機能をご紹介します。ブラウザでcss調整ができる!?デベロッパーツールホントに何故これを教えてくれなかったのか。。。実務ではかなりお世話になるのがこれです。ブラウザを開いて、12キーを押すと表示されます。何がスゴイって、ブラウザ上で、 [続きを読む]
  • 現在の当サイト「今日からWEBデザイナー」の状況
  • このサイトは、2017年の1月に開設しました。そして現在の記事数は「16記事」。。。全然更新してませんねw実は、別のブログも持っていて、昨年はそちらの方に力を入れ始めたのでこちらがおざなりになっておりました(言い訳ですw)。別のブログの方は昨年の4月に開設して120記事ほど書いたので、今後はこのブログにも力を入れていこうと思いたった次第です。ということでTwitterアカウントも取りました。@kyokara_webをよろしくお願 [続きを読む]
  • ノンタンがクソヤロー過ぎる件
  • ノンタンを知っていますか?お子さんのいる方なら知ってると思います。今回はその「ノンタン」についての記事です。ノンタンは猫キャラアニメノンタンは可愛らしい猫のキャラクターで、クマ君、ウサギさん、ブタくん、タヌキ君との日常を描いている「ノンタンと一緒」という幼児向けのアニメの主役です。 わたし いや、そこは他の動物さんたちも名前つけたげて〜 調べてみると [続きを読む]
  • 【PHP】URLに〜(チルダ)が勝手についてしまう件でアレコレ
  • 最近対応した案件にこんなことがありましたので備忘録。クライアントの自社サーバーにVPNで入って、Wordpressと英語版のWordpressじゃないサイトを作る案件でした。トップページは問題ないのですが、下層ページに行くとブラウザのアドレスバーのURLに〜が入ってる。もちろん、アンカーリンクにはそんなもん入れた覚えはありません。ちなみに、この記号、「カラ」と呼んでたのですが、正式には「チルダ」というようです。ということ [続きを読む]
  • 職業訓練でWEBデザイナーになるには?その1
  • まず、前提としてPCを持っている。毎日PCを触っている。ワードやエクセルがなんとなくでも使える。フォルダの作り方がわかる上記が当てはまらない方にははっきり言って職業としてのWEBデザイナーは難しいと思います。ちなみに、ブラインドタッチは特にできなくても問題ないと思います。毎日PCを触っていれば、そこそこ出来るようになると思いますので。ではひとつづつ説明していきます。■PCを持っている制作会社などで働く場合は [続きを読む]
  • 【CSS】cssだけで実装できるborderを駆使したホバーエフェクト
  • 今回もcssシリーズです。以前に、コピペで実装できるホバーエフェクトが気持ちいいボタンをご紹介させていただきました。【CSS】cssだけで簡単に実装できる7種類のボタンホバーエフェクト今回もコピペで簡単に実装できます。まずはDEMOをご覧ください。DEMOボーダーの色がゆっくり変わったり、回りながら変わったりと面白いエフェクトが今回は6種類です。それではソースです。HTML Draw Draw Meet Center Spin Spin Circle S [続きを読む]
  • 【css】cssだけでフラッシュするテキスト
  • 今回もcssだけシリーズです。テキストがフラッシュしている感じに見せるエフェクトをcssだけで実装しています。まずはデモをご覧ください。DEMO注意を促したいときなどに良いですね。ってことでソースです。HTML? CAUTION ?? Warning ?area2では赤文字にしてみました。CSSbody { background: #111; font-family: arial;}.area { text-align: center; font-size: 6.5em; color: #fff; letter-spacing: -5px; font-weight: [続きを読む]
  • 【CSS】cssだけで簡単に実装できる7種類のボタンホバーエフェクト
  • ボタンのホバーエフェクト。WEBデザイナーなら一度は通る道だと思います。目まぐるしくトレンドが変わっていく業界なので、様々なホバーエフェクトがいろんなサイトで公開されています。今回は、コードペンに公開されていたcssだけで実装が可能なボタンホバーエフェクトをご紹介いたします。デモまずはデモをご覧ください。DEMOこんなエフェクト、実装出来たら超気持ちいいと思いません?しかもJSなど使わずにcssだけで実装できた [続きを読む]
  • 【CSS】cssだけで作るタブ切り替え
  • 今回はコピペで簡単に使えるタブ切り替えをご紹介します。まずはデモをご覧ください。DEMOJavaScriptやJquery等を使わずにcssで実装しています。下記がコードです。HTML TAB.01 テキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入りますテキストが入ります [続きを読む]
  • 【jQuery】現在のページのナビにクラス付与
  • グローバルナビに、現在のページの箇所だけ、デザインを変更したいってこと、多々ありますよね?WordPressだと、if文の条件分岐で、is_pageを使えば、固定ページのスラッグから、クラスを付与することが出来ますが、今回はWordPressでの実装ではなかったので、少し手間取りました。ってことで備忘録です。HTMLはこんな感じTOPサイトについて事業内容アクセス会社概要li要素にクラスnavi_01〜navi05を持たせておきます。もちろん任 [続きを読む]
  • WEBデザイナーになる前に買った本
  • こんばんは。Webデザイナーって、響きがもうカッコいいですよね。ですが、実際なってみると、「WEBデザイナーです!」って恥ずかしくて言えない私ですw 今回は、WEBデザイナーになる前に買った書籍と、なってから読んだ書籍をご紹介します。これからはじめるWebデザインの本 Webデザイナーを目指したときに、初めて買った本です。PCは持っていましたが、そんなに触らずに、この本を読んでワクワクしておりました。ですが、途 [続きを読む]
  • 過去の記事 …