WEB制作, 素材サイト

サンプル画像

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

注意書き

無料で使用できる写真だか ...

ライフハック, 雑学

アイキャッチ画像

外出中iphoneでネットをしている時に、面白いページを見つけた時や、知り合いや友人に教えたいページがある時、普段どうやって伝えているでしょうか?

私は最近までは、家に帰ってからPCでそのページを開いてブラウザの拡張機能等 ...

WEB制作, wordpress

wordpressのアイキャッチ画像

ブログをしていると色々と機能をつけすぎて、重くなってしまう。
でも重くなってもどうしても、必要な機能がありますよね。

このブログも色々プラグインを入れすぎて重くなってしまっていました。
ブログ公開時は1秒台 ...

ゲーム, ライフハック

御城プロジェクト

DMM.comの最新ゲーム【御城プロジェクト】を始めました。
艦これと同じくブラウザゲームですが、戦闘システムが違います。
その他のシステム(戦闘以外のUIや、築城、修繕などほぼ艦これと同じです。)

艦これ ...

2017年3月5日ゲーム, ライフハック

片道勇者プラス

私が実際にプレイしてはまったフリーゲームを紹介します。
紹介しているのは本当にはまったフリーゲームなので、総プレイ時間が恐らく1000時間以上はしています。
ここに掲載されていないフリーゲームでも面白いものは沢山あるの ...

2015年10月3日design, WEB制作

前回の記事無料の日本語フォント【Noto Sans Japanese】があまりにも美しいので、ブログに使ってみたに続いて、フォントの話です。

どうしてもそのままだとページ表示速度が遅くなってしまう為に、どうにか出来ないかと ...

2015年6月18日design, WEB制作

Noto Sans Japanese

■2015年1/5日追記
フォントのサブセット化でブログ本文にフォントを適用しても、ページ表示速度低下をかなり軽減できるようにしました。
第一水準漢字を使いサブセット化する事で、12.6MBのファイルサイズをわずか548KB ...

WEB制作, wordpress

wordpressのアイキャッチ画像

記事の執筆時間の記録・表示が出来るwordpress plugin【write-time】を公開したので、そこに至るまでに学んだことの覚書です。
そうそうwordpress pluginを頻繁に作ることも無いかと思うので、次作 ...

WEB制作, wordpress

初めてのwordpress pluginを作成してみました。

phpは独学で学習したので初歩的な所が分らなかったり、wordpressの関数にしても知らないものが多く、色々悩んだり躓いたりしましたが、ようやく公式ディレクト ...

WEB制作, wordpress

wordpressのアイキャッチ画像

wordpressの標準機能に無いもので、どうしても実装したい機能があり、それを実装する為には【新規記事作成時】に処理を実行する必要があったので、調べてみた。

新規記事作成時にのみ動作させる

新規記事を作成する時、メニューで ...

WEB制作, wordpress

wordpressのアイキャッチ画像

wordpressでカスタムフィールドのキーが存在しない場合の条件分岐がしたかったので、調べてみた。

カスタムフィールドの値の有無で条件分岐

よくあるパターンがこれ

しかし、今回やりたいのは値じゃなくて、カスタム ...

wordpress

wordpressのアイキャッチ画像

タイトルがちょっとよく分りにくい感じになってしまいましたが、要点を説明すると。

・動作するタイミング
記事新規投稿・編集・下書き時

・動作の条件
アイキャッチ画像が設定していない時のみ動作

css, WEB制作

css3 transitionの解説画像

動的な表現をWEBページで実現させるには、javascriptライブラリのjQuery等を使えば手っ取り早く出来ていいのですが、最近ではcss3でのtransitionやanimateを使って実装するケースが増えてきていますね。

ライフハック, 雑学

hoge

WEB業界の人やプログラミングに関わる人なら恐らく見たことがあろう【hoge】

よくよく考えれば、サンプルコードとか色々な所で使われているし、自分でもサンプルコード書いてる時に使ってるのに意味とか知らなかった!
つ ...

photoshop, WEB制作

Bubble Brushes by Tazni

水に関するphotoshopのブラシをまとめてみました。
素材集などから合成したり自作でブラシを作ったりするのもいいですが、フリーのブラシを使用すると作業効率も上がるし表現の幅も広がります。

使い方によっては人物合 ...

2015年1月15日WEB制作

Semalt

google analyticsでアクセス解析情報をチェックしていたら、やたら直帰率が高かったり平均セッション時間が短くなっていたので、参照元をチェックしていたら【semalt.semalt.com】というよく分らない所からのアクセス ...

2015年1月17日ライフハック, 雑学

facebookロゴ画像

facebookが繋がらなくなった時にする対応方法をまとめてみました。

■2015/1/17日追記
facebookが繋がらないという現象が終息に向かっているので、情報をまとめてみました。

・アプリから繋がら ...

photoshop

Griddify紹介記事

photoshopでの作業する際に、ガイドを作成していく作業って何気に時間がかかりますよね。
【全体幅は1280pxで、ここの幅は320pxでmarginがサイドに10pxで・・・】
こんな感じでモックアップデザイン作 ...

2015年11月27日気になったニュース

国別の感染者数の変化の画像

世界中に広まりつつあるエボラ出血熱
流行の始まりの2013年12月はまだ日本ではメディアもあまり大々的に報道しておらず、2014年7月末~8月には感染国それぞれが国家非常事態宣言を行ったにも関わらず日本での認知度は低いように感 ...

photoshop

photoshop plugin Ink

デザイン情報をワンクリックで書き出してくれる便利なphotoshop plugin【Ink】(インク)の紹介です。

要素の名前、フォント、レイヤースタイル、縦幅、横幅、透明度、カラーなどの情報を、書き出して表示してくれる便 ...

PAGE TOP