css, WEB制作

ページレイアウトをする時にちょくちょく躓きそうな、要素の縦横中央配置のcss Tipsです。 IE7含むIE7以下では動作しませんが、化石ブラウザ使っている人はほぼ淘汰されてきているので、この方法でも大丈夫でしょう。 サンプルとサンプルコー ...

photoshop, WEB制作

photoshopブラシの追加方法
photoshopの基本操作チュートリアル。 有料・無償問わず便利なブラシが星の数ほど配布されているphotoshopブラシ。 せっかくダウンロードしても、たまにど忘れして分からなくなる事があるので、復習しておきましょう。 あと追加しすぎて ...

photoshop, WEB制作

グランジ風テキスト
グランジ風のテキストを作るチュートリアルです。 今回はあんまりテクニック的なものを使っていないので、結構簡単に出来ます。 ブラシ頼りになる部分があるけど、そこはセンスでカバーするしかない。 用意するもの まずはグランジ風のブラシをダウンロー ...

photoshop, WEB制作

photoshopで写真の人物を鉛筆画にして漫画っぽくする方法です。 簡単なチュートリアルなので、多分1.2分で出来ると思います。 今回の写真はこちら。 完成後はこうなります。 写真を漫画っぽくする まずは写真を読み込み、【ctrl + J ...

WEB制作, 雑学

ちょっと前にPCを普段あまり触らないような人達が、沢山いる会社に居たのでそのとき感じた事を思い出して書いてみた。ある意味WEB業界で働く人にとって、サイト制作を依頼してくる時のクライアントの知識レベルが図れるかもしれないです。それに合わせて ...

tool, WEB制作

emmetのロゴ

SublimeTextでemmetを使って爆速コーディング 【全3回】 公開日 (その1)Emmetの導入方法 2014年5月21日 (その2)【HTML編】初心者向けEmmetの使い方 2014年5月21日 (その3)【CSS編】初心者向 ...

wordpress, 気になったニュース

All in One SEO Packの画像

今朝yahooニュースを見ていたら、発見しました。 Sucuriによると、All in One SEO Packには権限昇格とクロスサイトスクリプティング(XSS)の2件の脆弱性があり、同プラグインの修正前のバージョンを導入している全サイト ...

tool, WEB制作

google chromeデペロッパーツールでBlocked a frame with originが出た時のエラー画像
サイト制作者向けのgoogle chrome developer tools 簡単にデバッグとかが出来るから、結構使っているんですが、ある日Blocked a frame with originというエラーが出ました。 サイトの表示とか機能 ...

photoshop, WEB制作

photoshopチュートリアル
photoshopでもふもふした文字の作り方です。 やんわりとした印象を与える効果を持っているので、女性向けのデザインを作るときに参考になるかもしれません。 さっそくチュートリアル開始です。 完成画像はこちら 用意するもの まず、もふもふし ...

photoshop, WEB制作

photoshopの人物切抜きのチュートリアルです。 photoshop cs5以上が対応しています。 以下のような写真の人物を切り抜きます。 完成後はこのような感じになります。 人物切り抜き photoshopを開き、切り取りたい人物画像 ...

WEB制作, wordpress

wordpressでplugin無しで人気記事ランキングを作る画像
wordpressでpluginを使わずに人気記事ランキングを作る方法です。 wordpressで記事のアクセスランキングを表示したい時は、大抵plugin等を使って実装しますよね。 今回はfunctions.phpにコードを書いて実装する ...

tool

ブログの関連記事表示やSNSの共有ボタン表示、SNSでの共有コメントの表示等が出来るブログパーツのzenbackですが、ブログのアクセスアップの効果が一番大きいかと思い、こちらのブログでも導入してみました。 Zenbackであなたのブログに ...

php, WEB制作, wordpress

wordpressのロゴ画像
wordpressには擬似的にcron処理を行える【wp_schedule_event】という関数が用意されています。 サンプルコードでは翌月の1日の00時00分に動作させるコードを書きました。 キーワードを変更するだけで、指定の時間に変更 ...

php, WEB制作

PHPのロゴ画像
phpで日付を操作するDateTime関数 date関数の方が感覚的に書きやすい気がしますが、2038年問題にも対応しているという事で、こっちでコードを書いてみました。 コードの目標 wordpressで作りたい機能があったので、その機能に ...

WEB制作, wordpress

wordpressのfacebook公式pluginを導入してみました。 (リアルで友達少ないので、いいねしてくれる人間がほぼ皆無だけどorz) jetpackの機能使ったら滅茶苦茶簡単に出来ますが、jetpack重いし他のpluginは日 ...

jQuery, WEB制作, wordpress

■※2014年12月17日追記 ↓のリンク先が間違っていたので修正しました。 ■SNS Count CacheでSNS共有数を高速表示+オリジナルSNSボタンでwordpressを高速化 | CreativeTips 上記記事では、この記事 ...

tool, WEB制作

emmetのロゴ

SublimeTextでemmetを使って爆速コーディング 【全3回】 公開日 (その1)Emmetの導入方法 2014年5月21日 (その2)【HTML編】初心者向けEmmetの使い方 2014年5月21日 (その3)【CSS編】初心者向 ...

tool, WEB制作

emmetのロゴ

SublimeTextでemmetを使って爆速コーディング 【全3回】 公開日 (その1)Emmetの導入方法 2014年5月21日 (その2)【HTML編】初心者向けEmmetの使い方 2014年5月21日 (その3)【CSS編】初心者向 ...

jQuery, WEB制作

jQueryのロゴ

WEB制作において動きのあるページを表現するのに非常に役立つjavascriptライブラリの一つjQuery。今ではjQueryを使っていないサイトは殆ど見受けられなくなるほど使われています。 これからjQueryを使ってみようとする方に向 ...

WEB制作, wordpress

WordPress Related Postsの画像
wordpressのテーマを新調した所で、関連記事の表示を自前で実装するか、pluginで作ろうか迷っていたところ、すばらしいpluginがあったのでこちらを使うことにしました。 WordPress Related Postsのおススメポイ ...