tool, WEB制作

emmetロゴ画像
コーディングの速度を爆速にしてくれるemmet。 HTML側の連番出力は公式サイトでも解説があるので、簡単にできていたのですが、HTML側で連番でclass名とかを出力したら、CSS側でも連番出力したい!でも公式で調べても見つからなかったの ...

javascript, jQuery, WEB制作

jQuery
画面を下にスクロールしたら画像やらテキストやら等の要素を、ふわっっとアニメーションして表示されるやつのコードを書いてみました。 こういったエフェクトを使用しているページは、キャンペーンサイトとか、商品のランディングページとかによく使われてい ...

design, WEB制作, 雑学

シネマグラフ 最近WEB業界でめちゃめちゃ流行っているcinemagraph(シネマグラフ)の情報をまとめてみました。 シネマグラフってのは、簡単に説明すると、写真画像の一部分だけを動かし斬新な表現をする手法の画像です。 静止画や動画に比べ ...

ライフハック, 雑学

2014年今年の紅白出演アーティストが発表されましたね。 紅白の出演者の発表が出る時期、今年もあと少しですね。 妖怪ウォッチのOP/ED曲で社会現象を巻き起こしたあのアーティストも特別枠で出演します。 2014年紅白歌合戦出演者一覧 放送予 ...

photoshop, WEB制作

photoshopでアイメイクをするチュートリアルです。 アイメイクといっても、ナチュラルメイク、たれ目メイク、特殊メイク、ヴィジュアル系メイク、小悪魔系メイクと挙げていったらキリが無いほど様々な手法と種類がありますが、今回は基本的なメイク ...

photoshop, WEB制作

完成画像
photoshopで二重まぶたを作るチュートリアルです。 具体的には一重まぶたの人物を二重まぶたにしちゃおうという方法です。 二重にも種類があり、平行型、末広型、幅広型、奥二重型等がありますが、今回は作りやすい平行型で作っていきたいと思いま ...

photoshop, WEB制作

完成画像
photoshopで瞳や目を大きくする簡単チュートリアルです。 比較的需要が高いテクニックですが、結構簡単に出来るので、気軽に試してみてください。 今回はフリー写真素材で有名な大川竜弥さんの画像を使用させていただきました。 ■とにかくパーテ ...

ライフハック, 動画

2006年12月12日にニコニコ動画(仮)のサービスが開始して、もう8年もの月日が流れました。 サービス開始当初からニコニコ動画を見ていたので、もうそんなに経ったのかという感じである。 今年10月に角川書店で有名な株式会社KADOKAWAと ...

photoshop, WEB制作

チュートリアルっていうほどのものでも無いのですが、せっかく作ったのでシェアします。 結構photoshopのチュートリアルって海外情報ソースのものが多くて、日本語のチュートリアルって少ないんですよね。 お手軽なテクニックのやつだと英語でも十 ...

ライフハック, 雑学

検索エンジンで知っておくと便利な検索の方法をご紹介。 検索しても自分が求めている検索結果が出ない時って結構あるんですよね。 そういう場合は、条件指定やダイレクト検索などの方法を使い、うまい事検索したら、欲しい検索結果が手に入れやすくなります ...

WEB制作, wordpress, 動画

ブログやサイト等でyoutubeの動画を埋め込んで紹介するのは楽しいのですが、ついついオススメの動画を埋め込みすぎて、ページの表示速度がかなり遅くなるときってあると思うんです。 以前書いた記事で【【wordpress】youtubeの埋め込 ...

WEB制作, wordpress

今年もクリスマスが近づいてきましたね。 クリスマス近くになると、色々なサイトがクリスマス仕様のデザインに変えたり、特設ページ作ったりと何かと忙しい季節。 小さい子供にとっては、とても胸が躍り楽しい季節の始まりです。 大きい子供にとっては、と ...

ライフハック, 雑学

facebookロゴ画像
facebookのチャットやコメントなどで使える裏技と小技をまとめてみました。 デフォルトで使える絵文字とかスタンプが少ないと思いますが、こういった隠し機能的なものがあるのはいいですね。 絵文字アプリを使う方法 iphoneの場合はiTun ...

WEB制作, wordpress

wordpressのアイキャッチ画像

wordpressでサイト制作した時に、ページネーションなどの実装をする時によく【ページネーションが正常に動作しない】って話しを聞きます。 テーマのfunctions.phpに書かれている関数を使っていたり、plugin等を使っていたりと、 ...

tool

twitterで毎日つぶやいている人もそうでない人も、どれくらい自分のつぶやきが他の人に見られているか気になる事はありませんか? 2014年8月27日にtwitterがサービスを開始した公式のtwitterツール【twitter analy ...

tool, ブログ運営

PCの画面を撮りたい時、私が普段使用しているツールの紹介です。 これ本当におすすめなので、スクリーンショットを撮るツールを探しているなら、もうこれで十分だと思います。 私の場合だと、ブログで記事を書く時の説明画像とかを用意するのに使っていま ...

ライフハック, 雑学

PCを使っていると時々日本語入力が出来なくなる時があります。 私の場合はもっぱら作業中に猫がキーボードに乗って、がちゃがちゃといろんなキーを押していって良く分からない状態になる事がありあす。 猫って何で作業の邪魔をするんでしょうね>< とま ...

WEB制作, wordpress

wordpressのアイキャッチ画像

※現在の最新バージョンは0.3.5です。 0.3以下のバージョンでは記録時間が正常に行われないバグがあるので、更新してください。 ■2014/12/11追記 記録時間を修正する仕組みを変えました。 詳細は記録時間が正常でない場合の項目をご覧 ...

php, WEB制作

PHPで時間操作のTipsです。 以前に公開したwordpress pluginで記事を書いた時間を表示する為に必要だったので、覚書しておきます。 ■【記事を書くのにかかった時間】を表示するwordpress pluginを公開しました 結 ...

WEB制作, 素材サイト

サンプル画像
WEBデザインのモックアップや、ブログのアイキャッチ画像等、様々な用途に使える無料の写真素材サイトのまとめです。 サンプル画像はこのブログで圧縮している為、若干画質が落ちています。 注意書き 無料で使用できる写真だからといって、何にでも使え ...