tool, WEB制作, wordpress

wordpressの利用者が増えている中、大きな問題がひとつある。 数多くの優良な無料テーマが配布されていて、プログラミングやコードが全く分からない人でも、機能性・デザインに優れたブログを構築できるのがwordpressの強みですが、やはり ...

WEB制作, wordpress, ブログ運営

wordpressのテキストエディタにボタンを追加して、簡単に任意のタグやショートコードを挿入できるようにする方法です。 使う頻度の高いタグ、例えば見出しタグや装飾の為のタグなどがある場合、劇的に記事の投稿が楽になりますので是非お試しあれ。 ...

css, WEB制作, wordpress

対話式の吹き出しの記事とか時々見かけるんですが、あれ面白いですよね。 Q&A式のものにも使われたりしているデザインで、こういったものは視認性がいいですね。 CSSで会話形式のフキダシデザインを作ってみる – AIUEO Lab2 ...

css, WEB制作

cssでの見出しデザインを作ってみました。 ブログとかで使う見出しや小見出しなんかに使えると思います。 殆どのものを擬似要素を使って作ってみました。 中々センスある見出しデザインを作るのは難しいですね>< ご参考になれば幸いです。 サンプル ...

photoshop, WEB制作, 素材サイト

これを見ればphotoshopのスキルがレベルアップ間違いなし! オススメのチュートリアルブログとサイトをまとめてみました。 やっぱり日本語ブログのチュートリアルは少ないので貴重。 結構チュートリアルの記事作るの大変なので、更新疲れしちゃう ...

WEB制作, wordpress

wordpressでのアドセンスの設置方法のコード紹介です。 効果的な設置場所と実際に収益を上げている箇所なんですが、どうやら抜粋直後やmoreタグの直後が一番収益率が高いようです。 但しコンテンツ内に配置するときには、規約違反とならないよ ...

photoshop, WEB制作

海外のphotoshopチュートリアルサイトを見ていたら、かっこいいテキストエフェクトのチュートリアルがあったので試して見ました。 Chrome 3D Text Using Image Based Lights – Photos ...

tool, WEB制作

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

javascript, jQuery, WEB制作

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

design, WEB制作, 雑学

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

photoshop, WEB制作

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

photoshop, WEB制作

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

photoshop, WEB制作

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

photoshop, WEB制作

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

WEB制作, wordpress, 動画

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

WEB制作, wordpress

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

WEB制作, wordpress

wordpressのアイキャッチ画像

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

tool

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

tool, ブログ運営

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

WEB制作, wordpress

wordpressのアイキャッチ画像

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