iPhoneやiPadのホーム画面向けアイコン作成用のPSDテンプレート・App Icon Template iPhoneやiPadなどのホーム画面に表示 させるアイコンを作るためのPhotoshop 用テンプレート・App Icon Template をご紹介。そんなに多用するものじゃ 無いと思うんですけど、便利っちゃ 便利でした。2012.01.27 | 10時05分26秒iPhone / iPadWebデザインメディア関連
ゲーム感覚で楽しく学べる系Webサービスいくつか ちょこちょこ見かけるので最近に なって見かけた、ゲーム感覚で 楽しく学べるWebサービス的なもの をご紹介。Webアプリのアイデア の参考にもなればなぁとの気持ち も込めて。2012.01.26 | 11時15分25秒WebツールWebデザイン
シンタックスハイライトされたソースコードを手軽に実装できるWebサービス・syntaxhighlight.in 地味に便利だったのでご紹介です。 ソースコードをブログやWebサイト などで表示するのに、シンタックス ハイライトはもはや必須とも言える と思いますが、多くの場合は高機能 すぎて導入が面倒です。2012.01.25 | 10時59分43秒WebサービスWebツール
WordPressテーマ開発者向けの、様々な機能を兼ね備えたフレームワーク・WordPress Bootstrap 少し気になってたテーマにようやく触れて みたのでついでにご紹介。WordPressテーマ デベロッパー向けに作られたフレームワーク WordPress Bootstrapです。様々な用途に 応用しやすいように作られていますよ。 ベ...2012.01.24 | 10時38分49秒WordPressテーマ
ホタルの光をイメージさせるようなエフェクトを実装するjQueryプラグイン・firefly ちょっと適切なタイトルが思い浮かばな かったのですが、指定した要素を沢山 配置してアニメーションでランダムで 移動させる、というjQueryプラグイン。 デモでは、よく見かけるパーティクルで 作成したホタルっぽいエフェクトを用意 ...2012.01.23 | 11時04分56秒jQueryWebデザイン
シンプルで汎用的なアイコンを扱うPICTOSがTypekitライクなWebフォントサービスを始めたみたいです 日曜なので軽めのネタでも。つい最近 アイコンのWebフォントに関するリソース を書いたばかりで、タイムリーだった のでご紹介。PICTOSっていう、様々な サイトで用いられている汎用的なアイコン があるんですが、このアイコンの新た...2012.01.22 | 11時13分57秒Webサービスその他
Webサイトの制作スピードを、より向上させる目的で作られたスターターキット・99lime 結構参考になったので備忘録がてら ご紹介。Webサイトの制作スピードを より向上させるために、汎用的なUI を集めて、マークアップも綺麗な状態 で済むように設計されたスターター キット、というかフレームワークです。2012.01.21 | 9時57分30秒cssやプログラミングjQueryWebデザイン
商用OKで、Webフォントにも使用可能な、シンプルで汎用的なアイコンタイプのフリーフォント・Modern Pictograms ここ最近、この手のフォントがかなり増えてき ましたが、こちらも良い感じでしたのでご紹介。 Webフォントにも使用できる、アイコンフォント です。シンプルで汎用的なのでなかなか使い 易いのではないかなと思いました。セマンティ ック的...2012.01.20 | 10時43分43秒オープンソースソフトウェア
スマフォのHTML5環境向けに作られたjQueryライクな軽量フレームワーク・jQ.Mobiの日本語サンプル作った なかなか良さそうだったので備忘録。iOSやAndroidなど、スマートフォンでのHTML5環境に合わせて作られた軽量モバイルフレームワークです。jQuery互換なので慣れてる方は使い方もすぐに覚えられると思います。特に軽量なのが嬉しいですね...2012.01.18 | 10時52分02秒cssやプログラミングiPhone / iPadオープンソースソフトウェア
Photoshopで作成したかのようなクオリティのボタンやナビゲーションをCSSで作ってみた!的なものだけを集めたギャラリー・CSSDeck CSS3でこんなクオリティのボタンが作れる! みたいな記事をよく見かけると思うんですが、 そういったものだけを集めたデザインギャラ リーがありましたのでシェア。CSSの勉強に 如何でしょう。さもPhotoshopで作ったかの よう...2012.01.16 | 14時40分32秒cssやプログラミングWebデザインインスピレーション
Media Queriesのように、モニターサイズに応じてスタイルを変更可能にする非依存型で1KBの軽量jsライブラリ・syze シンプルで良さそうだったので一応備忘録。 Media Queriesライクにブレークポイントに 応じてスタイルを変更できるライブラリです。 非依存型で1KBと、超軽量スクリプトなので 簡単なキャンペーンサイトとかならこれでも いい...2012.01.16 | 10時49分38秒cssやプログラミングiPhone / iPadWebデザイン
WordPressで無駄に追加してしまった不要なカスタムフィールドの名前を、簡単に削除するプラグイン 地味に困ってた事が楽に解決したのでシェア。 WordPressで諸事情で無駄に追加してしまった 不要なカスタムフィールドの名前ってあると 思うんです。誤操作とか、他のプラグインで 自動で追加されたけどいらなくなった、とか。 そうい...2012.01.15 | 11時04分18秒WordPressプラグイン
画像やボックス要素にhoverするとエフェクト付きで別のボックス要素を表示するjQueryプラグイン・ContentHover 画像やボックス要素にマウスホバーすると 別のボックス要素をフェードエフェクトや スライドアニメーションで表示させる事が 出来るjQueryプラグインです。昔は色々と これ系を見かけましたけど最近は全然無い ですね。2012.01.14 | 11時10分51秒jQueryWebデザイン
impress.jsライクなダイナミックなプレゼンテーションを作成するjQuery依存タイプのライブラリ・jmpress.js なかなか斬新なプレゼンを作成出来る事で ちょっと話題になった impress.jsという jsライブラリがあるんですが、これのjQuery 依存型があったのでご紹介します。元々 jQueryを使用しているサイトならこちら のほうが...2012.01.12 | 11時04分16秒jQueryWebデザイン
jQueryで動かすアニメーションエフェクトが素敵なプリローダー・CUSTOM PRELOADER EFFECT ちょっとお洒落なプリローダーを探してた という方の参考になるかな・・と思ったの と、自分でも使いたかったので備忘録です。 アニメーションエフェクトが素敵なプリ ローダー・CUSTOM PRELOADER EFFECTの ご紹介です...2012.01.11 | 11時30分45秒cssやプログラミングjQueryWebデザイン
jQueryのカルーセル系プラグイン・Caroufredselだけで「こんな事も出来るよ!」をまとめたサイト・Cool Carousels Caroufredselという、結構人気なプラグイン があるんですが、このプラグインの開発者が 応用例をサンプルソース付きでまとめてくれ ていましたのでご紹介。1つのプラグインで ここまで出来るってちょっと凄いですね。 もう少し軽...2012.01.08 | 9時46分35秒jQueryWebデザイン
ハイクオリティなポートフォリオをプロジェクト単位で作成出来るクリエイター向けネットワーク・Behanceの始め方 何度かご紹介している、インスピレーション を得られるクリエイター向けのネットワーク サイト、Behanceの始め方などをご紹介します。 かなり紹介されているのを見かけますけど 思いのほか使い方は書かれていませんでし たので書いてみ...2012.01.07 | 11時30分26秒WebサービスWebツール
読みやすさを追求した、超シンプル且つユーザー登録不要のRSSリーダー・SubPug 個人的に凄く好みだったのでシェア。 読みやすさだけを追求した、シンプル でユーザー登録も不要のRSSリーダー、 SubPugのご紹介。思いのほか使えそう だったのでちょっと覚えておきたい リーダーです。2012.01.06 | 10時06分41秒WebサービスWebツール
[書評] 標準HTML5 タグリファレンスをご献本頂きました ASCII様よりご献本頂きました。書評を 持って御礼とさせていただきます。最近 目にしない日は無いHTML5のリファレンス です。リファレンスサイトも手軽で良い んですが、コピペできてしまう環境だと どうしても手を抜きがちなので本...2012.01.05 | 9時35分14秒プライベート個人的な日記
スクロールに応じてパララックス効果を出せるjQueryプラグイン・scrolloramaを使ったプレゼンテーションサンプル あけましておめでとう御座います。 今年も何卒宜しくお願い致します。 さて、新年初記事です。正月の間 にパララックス効果を出せるjQuery プラグインを見かけたんですが、 その派生のプレゼンが良かったので メモ。2012.01.04 | 9時50分50秒jQueryWebデザイン
ウィンドウサイズに応じてli要素とselect要素を切り替えるレスポンシブなメニューを実装する軽量jQueryプラグイン・Responsive Menu ウィンドウサイズに応じてli要素と select要素にスイッチできるjQuery プラグイン、Responsive Menuのメモ。 ブレークポイントを設定して、閲覧 するウィンドウサイズがそのポイント に達したらli要素で作った...2011.12.29 | 11時17分27秒iPhone / iPadjQueryWebデザイン
商用利用OKも有る、写真やイラスト、効果音やBGM等の素材サイト・「ニコニ・コモンズ」 商用可の素材もある、写真やイラスト、 BGMや効果音などを共有できる国内の 素材サイト、ニコニ・コモンズのご紹介 です。利用規約がちょっと独特なので 一つの選択肢として。素材自体が凄く 豊富です。2011.12.28 | 11時52分52秒Webデザインメディア関連