css, WEB制作

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

サ ...

photoshop, WEB制作

photoshopブラシの追加方法

photoshopの基本操作チュートリアル。
有料・無償問わず便利なブラシが星の数ほど配布されているphotoshopブラシ。

せっかくダウンロードしても、たまにど忘れして分からなくなる事があるので、復習しておきま ...

photoshop, WEB制作

グランジ風テキスト

グランジ風のテキストを作るチュートリアルです。
今回はあんまりテクニック的なものを使っていないので、結構簡単に出来ます。

ブラシ頼りになる部分があるけど、そこはセンスでカバーするしかない。

用意するもの

...

photoshop, WEB制作

photoshopで写真の人物を鉛筆画にして漫画っぽくする方法です。
簡単なチュートリアルなので、多分1.2分で出来ると思います。

今回の写真はこちら。

完成後はこうなります。

写真を漫画っぽくす ...

WEB制作, 雑学

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

2016年11月6日tool, WEB制作

emmetのロゴ

Emmetによる快適高速コーディングを習得するための記事です。
EmmetでのCSSコーディングをなるべく分かりやすくまとめてみました。

慣れると超高速になるので、早いところemmetの記述方法を覚えておきましょう ...

2014年10月9日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以上が対応しています。

以下のような写真の人物を切り抜きます。

完成後はこのような感じになります。

人物切り抜き

WEB制作, wordpress

wordpressでplugin無しで人気記事ランキングを作る画像

wordpressでpluginを使わずに人気記事ランキングを作る方法です。

wordpressで記事のアクセスランキングを表示したい時は、大抵plugin等を使って実装しますよね。
今回はfunctions.ph ...

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で作りたい機能 ...

2015年8月25日WEB制作, wordpress

wordpressのfacebook公式pluginを導入してみました。
(リアルで友達少ないので、いいねしてくれる人間がほぼ皆無だけどorz)

jetpackの機能使ったら滅茶苦茶簡単に出来ますが、jetpack ...

2015年4月5日jQuery, WEB制作, wordpress

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

2016年11月6日tool, WEB制作

emmetのロゴ

Emmetによる快適高速コーディングを習得するための記事です。
EmmetでのHTMLコーディングをなるべく分かりやすくまとめてみました。

自分自身が初心者なので、自分にとって分かりやすく書いたつもりです。 ...

2016年11月6日tool, WEB制作

emmetのロゴ

HTMLやCSSのコーディング効率を非常に高めてくれるemmet。
今回はEmmetの導入方法の解説をしたいと思います。

SublimeText2でEmmetはとりあえず最初に導入していたのですが、【結構難しいもの ...

2015年4月5日jQuery, WEB制作

jQueryのロゴ

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

これからjQueryを使って ...

WEB制作, wordpress

WordPress Related Postsの画像

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

WordPress Related Postsの ...

PAGE TOP