タグ

ブックマーク / ozpa-h4.com (6)

  • OZPAの表4 «

    ついにHHKBの軍門に下りました(スコスコ翻訳前) 存在自体は10年くらい前から認識していた、知る人ぞ知るキーボード。その名もHHKB。 私OZPAも、ついにその軍門に降ることとなりました…。 まぁ別に敵対していたわけじゃないんですけど。 (記事は前回の記事の日語版となります。前回の記事については読む必要一切無いです。) 続きを読む

    OZPAの表4 «
  • Web初心者だった私がWEBデザイナーになって1年半で勉強したこと・使用しているツールまとめ

    プロフィールに記しておりますとおり、私は現在デザイン会社にて働いております。 昨年の3月、5年ほどやっていた「DTP・グラフィックのデザイン・レイアウト業務」から「Web担当」に相なり、日々勉強しながら仕事に臨んでおると言う状況です。 そのちょっと前までHTMLは妖精が書いていると思っていた私にとって、あまりに勝手の違う作業内容。最初は途方に暮れておりましたが、Twitter等で知り合うことのできた先輩Webデザイナーさん達のおかげもあり、現在では自分でWordPressのテーマを作成できるまでに成長することができました。頭を叩くと「セマンティック!」と音が鳴るまでになりました。 そんなわけでここいらで一度、自分がDTP→WEB担当になるにあたって勉強したこととか使っているツールとかをデロッとまとめておきたいと思います。 まずは業務をする上で必要不可欠になった言語や、作業効率を上げるために

    Web初心者だった私がWEBデザイナーになって1年半で勉強したこと・使用しているツールまとめ
  • Webフォント「Google web fonts」の使い方・実装手順メモ

    商用・非商用を問わず無料で利用できるWebフォント、「Google web fonts」の実装方法をさっくりメモっておきたいと思います。 Google Web Fonts Google web fontsとは Webページ閲覧時、通常ではパソコンにインストールされているフォントしかブラウザで表示することが出来ませんが、「Webフォント」を使用すると任意のフォントを表示することが出来ます。 Googleの提供するGoogle Web Fontsはアカウント登録の必要も無く、実装が非常に簡単なそれの一つです。商用・非商用ともに無償で利用が可能と言うのもポイント:) ちなみに当サイトでも日付の表示とサイドバー・フッターの見出しにGoogle web fontsの「Coda」を使用しています。 Google web fontsの実装方法 実装の手順は3ステップ。 1.使いたいフォントを選択する 2

    Webフォント「Google web fonts」の使い方・実装手順メモ
  • ショートカットが一目でわかる、Photoshop・Illustrator初心者にうってつけのシール!「Ps/Aiショートカットステッカー」

    Photoshop、Illustratorを効率良く使いこなすには切っても切れないテクニック。そうそれがショートカット。 関連:[備忘録]Mac使うなら当然覚えておくべき、ショートカット時に使用する修飾キー記号の読み方について ただ、アプリを使いはじめのころはショートカットをなかなか覚えきれず、イライラがつのって爪を噛み切り、キーボードに血がにじんだりするものです。そうです、鮮血のキーボードです。 そんなあなたにうってつけの、ショートカットが一目でわかるシール「Ps/Aiショートカットステッカー」のご紹介です。(商品をファーイーストガジェット様よりご提供頂きました。ありがとうございます!) Ps/Ai shortcut sticker(Ps/Aiショートカットステッカー) 重ねて使える こちらがショートカットステッカー(Photoshop ver.)です:) 裏面には様々な説明書きがござい

    ショートカットが一目でわかる、Photoshop・Illustrator初心者にうってつけのシール!「Ps/Aiショートカットステッカー」
  • 7つのサンプルでjQueryを学ぼう!「jQueryが全く分からない人のため」の超初級者向け入門講座

    HOME>jQuery>7つのサンプルでjQueryを学ぼう!「jQueryが全く分からない人のため」の超初級者向け入門講座 約半年前まで、興味はあれども全くもって触れたことのなかった「jQuery」。それどころか、「Javascript」を「Javasprict」と何度となく書き間違える癖のあった私。 結局、「スク水すいすいスクリプト」と語呂を合わせることによりようやく正しい綴りをマスターしたわけなんですが、仕事で扱うと言うこともあり多少はjQueryの仕組みが分かってきた今日この頃です。 そんなわけで、今回は「jQueryが全く分からない人のため」の超初級者向け入門講座と銘打ちまして、jQueryの基礎の基礎を学ぶための記事を書いてみました。 とは言っても「jQueryとはなんたるか」などといった難しい理論を記すつもりは一切ございません。(っていうかそんな偉そうなこと言える程修めてない

    7つのサンプルでjQueryを学ぼう!「jQueryが全く分からない人のため」の超初級者向け入門講座
  • 配色のお供に、超使いやすいカラースキームツール!「COLOURCODE」がとっても良い感じ

    これは使いやすい配色ツール! そんなわけで、マウス・トラックパッドで感覚的に使用出来るカラーツール「COLOURCODE」がとっても良い感じでしたのでご紹介です。 Colourco.de – find your colour scheme 画面上をマウスで移動して色を選択 このCOLOURCODE最大の特徴はその使い方。 画面上をマウスで移動するとキャンバスの色が変化しますので、好きな色が出来たらクリックで保存します。スクロールすると彩度の変更も可能。rgb値、hsl値など5種類の数値で色の値を表示してくれます。 クリックした色はこんな感じで保存されていきます。わっかりやすぅーい。 一度保存した色はご覧のように左右の場所を入れ替えたり削除することも可能です。 また、右上の欄にカラーコードを直接入力して色を選択することも出来ます。 配色ツールとしても良い感じ そして、画面上部に用意されている

    配色のお供に、超使いやすいカラースキームツール!「COLOURCODE」がとっても良い感じ
  • 1