PhotoShopで新聞の写真風ドットスタイルに画像を加工する

新聞のモノクロ写真のような画像をPhotoShopのハーフトーン(網点)で加工する方法を紹介します。グラフィックデザイン等でレトロな感じを出したい時などポイントで使うといいかも。

【フリー素材】ユニークな写真が多いフリー写真素材サイト「Gratisography」

無料で使用可能なフリー写真素材サイト「Gratisography」の紹介。毎週新しい写真が追加されるようなのでこまめにチェックしたいサイトです。

Web上で差分が確認できるテキスト比較ツール「difff」

Web制作で「どうして動かない?」「ん?…なんかおかしい?」なんて時にファイルを比較して問題を解決する事があると思います。そんな時に便利なWeb上で差分が確認できるテキスト比較ツール「Difff」のご紹介。

【Webデザイン】Webサイト制作に役立つブックマークレット

Webデザイン制作の前に、競合サイトやイメージに近いサイトの情報を参考程度に調べる事があると思います。そんな時、閲覧しながら調べられる役に立ちそうなブックマークレットをご紹介。

【jQuery】サイドバーをスライドで表示できるSimple Sidebar

サイドメニューを左右からスライドで表示することができるjQueryプラグイン「Simple Sidebar」の紹介です。最近よく見かけるドロワーメニューですが簡単に設置できるのでメモ。

スタイリッシュでおしゃれな細字フリーフォント17選

スタイリッシュなWEBサイトは細字フォントが多い(あるある)。さておき、ここ何年か細字フォントを使用する機会が多いので実用性のある細字フォント(英語・日本語)をまとめてみました。

【Illustrator】3Dグラフィックスタイルを作ってみる

Illustratorで立体感のあるメタルっぽい感じのグラフィックスタイルを作成するチュートリアルです。グラフィックスタイルを保存すればテキストやオブジェクトに適用することができます。

【jQuery】ページ移動時にアニメーション効果をつけられるAnimsition

ページ遷移時に様々なアニメーション効果をつけられるJqueryプラグイン「Animsition」の紹介。フェードインフェードアウト・スライド・ズーム・フリップなど58種のアニメーションが用意されてます。

【WordPress】続きを読むのリンクURLから#moreを削除する

Wordpressの記事一覧から「続きを読む」をクリックした先のURLに付く#more を削除する方法。あと「続きを読む」の表示自体を削除する方法のメモ

Flickrでクリエイティブ・コモンズの写真を無料で使用する

オンライン写真共有サービス「flickr」でクリエイティブ・コモンズ(CC)の写真を探して使用する方法のまとめ。CCライセンスなのでクレジット表記が必要ですが魅力的な写真が沢山あります。

【WordPress】ページナビゲーションを簡単に設置できるWP-PageNavi

WordPressでのWebサイトにページナビゲーション(ページ送り)を設置するプラグイン【WP-PageNavi】をご紹介。ページが増えて時には、入れておきたい定番のプラグインです。

【フリー素材】無料で使えるおすすめクリスマスアイコン2014

クリスマスのシーズンが近づいてきました。今回はワンポイントで使えそうなサンタクロースやクリスマスツリー・トナカイといったクリスマスアイテムのアイコンセットを紹介します。

【jQuery】要素を3D回転させるプラグインTURNBOX.js

要素をくるっと回転させる事ができるTURNBOX.jsの紹介。ボタンだけでなくフォームやダイアログ、アップローダーまで動きのある魅力的なUIを実装できるJqueryプラグインです。

【Illustrator】イラストレーターで煙のようなブラシを作ってみる

Illustratorでモクモクと煙のようなブラシを作成するチュートリアルです。海外サイトで紹介されていたチュートリアルを参考にしましたが、比較的簡単にそれっぽくできたので作り方をまとめました。

1970〜80年代のレトロな東京地下鉄のマナー向上ポスター

1970〜80年代を彩った東京地下鉄のマナー向上ポスター集。アメコミから漫画・日本画までバラエティに富んでます。現在でもマナー向上ポスターは貼り出されてますがこんな昔からあるとは…

RANDOM POST
  • SVGの背景パターンを手軽に作れるジェネレーター「SVG Backgrounds」
  • CSSで出力できるドット絵ジェネレーター「Pixel Art to CSS」
  • ブロック要素をドラッグできるグリッドレイアウト「Muuri」
  • 【CSS】text-shadowの使用例をまとめたサイト「Trendy CSS Text Shadows」
  • SVGで作成されたローディングアイコンセット「SVG Loaders」
  • サイトで使用していないCSSセレクタを調べられる「Unused CSS」
POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント63選
  • 【2020年版】無料で使えるフリーイラスト素材サイト32選(商用利用可)
  • 【2020年版】Google Fontsの使い方とおすすめ日本語フォント
  • 【2020年版】Photoshopのブラシを追加する方法
  • フォントを調べる時に役に立つツール・サイト10選
PICKUP
  • 【2020年版】WordPressおすすめレンタルサーバー6選 -初心者向け-
  • 無料で使用できる海外のフリー写真素材サイトまとめ
  • CSSで簡単に作れるおしゃれな見出しデザイン20選
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア
  • 導入しておきたいWordPressのおすすめプラグイン