シンプルでクリーンでレスポンシブWebデザイン対応なフリーのWordPressテーマ・Origin なかなか素敵なテーマがあったのでシェア。 シンプル且つクリーンなデザインで、iPhone などにもレイアウトを自動調整できるレスポ ンシブWebデザイン対応のWordPressテーマ。 開発者は勉強用でもいいと思いますし、この ま...2012.02.14 | 11時23分20秒WordPressテーマ
最新のWebデザイントレンドを取り入れたWebサイトを紹介するデザインギャラリー・stylesinspiration 最新のWebデザイントレンドを取り入れた Webデザインに特化したギャラリーサイト、 stylesinspirationのご紹介です。少し前 から購読しているんですが、他のWebデザ インギャラリーと一味違っていてなかなか 素敵で...2012.02.13 | 10時27分07秒Webデザインインスピレーション
利用中のテーマやプラグインのCSS編集と保存がその場で出来るWordPressプラグイン・WP Live CSS Editor WordPressを使ったWebサイトで現在利用中の テーマやプラグインのCSSをその場で編集、 保存を可能にするWordPressプラグインの ご紹介。多用するものではありませんが、 開発中とかに使っても便利かも、と思った ので...2012.02.12 | 10時36分01秒WordPressプラグイン
「パス」を定義して、スクロールに応じて曲線を描くようなアニメーションを実装出来るjQueryプラグイン・Scroll Path 過去に何度か出ている、スクロールに応じて 要素がユニークな動きをするプレゼンを実装 出来るjQueryプラグイン。今日のプラグイン は、Photoshopやイラレなんかでお馴染みの ペンツールによるパスを定義できる、という もので...2012.02.11 | 11時09分49秒jQueryWebデザイン
色を指定すると、トーン表や同系色など、その色に関連した情報を抽出してくれるカラー提案サービス・colllor ちょっと便利そうだったので備忘録的に。 色を指定すると、その色に沿ったトーン表 や同系色などを提案してくれるWebツール。 こういうの便利だけど結局あんまり使わな い事も多いんですけど、、色は苦手なので 飛びついちゃいますねw2012.02.10 | 10時44分20秒WebサービスWebツールWebデザイン
どんな要素でも全画面表示に出来るFullscreen APIをブログの記事に使ってみる ※動作サンプル有 どんな要素でも全画面表示に出来る Fullscreen APIというものがありま して、主に動画で使われている事が 多いですが、今回はブログコンテン ツのリーダビリティに貢献させる 目的で使って見ます。2012.02.07 | 11時09分03秒cssやプログラミングjQueryWebデザイン
HTML5製のWebサイト向けUIフレームワーク・Kendo UIモバイル版の日本語サンプル作った 以前ご紹介した、HTML5製のWebサイト 向けUIフレームワーク・Kendo UIの モバイル版に触ってみたついでに 日本語化してサンプルにしました。 まだベータ版みたいなので、実用 段階では無さそうですが。2012.02.06 | 11時01分51秒iPhone / iPadjQuery
HTMLファイルをアップロードすると、使われているclassやidを取り出してcssの雛形にしてくれるWebサービス・Bear CSS 日曜日です。如何お過ごしでしょうか。 さて、今日も軽い話題・・HTMLファイル を送信するとそのページで利用している classやidを抽出、cssの雛形としてDL 出来るようにするWebサービスです。2012.02.05 | 10時46分50秒WebサービスWebツール
ページ内に「しおり」を付けられるシンプルなjQueryプラグイン・youRhereで「後で読む」ユーザーに配慮する 便利そうだったのでご紹介。ページ内に栞 を付けられるjQueryプラグインです。栞は 行単位で付けられて、次アクセス時には自動 でスクロールしてくれます。長文コンテンツ やドキュメントサイトなんかには積極的に 導入して欲しいなぁ、...2012.02.03 | 11時14分17秒jQueryWebデザイン
「Pinterestに投稿する」ボタンをWordPressに設置するコード Pinterestが流行ってますね。こうした ソーシャルサイトには必ずある投稿ボタン ですが、勿論、Pinterestにもあります。 その「Pinterestに投稿する」ボタンを WordPressに設置するコードをご紹介 致しま...2012.02.01 | 9時59分23秒WordPressお手軽カスタマイズカスタマイズ
[書評]jQuery Mobile スマートフォンサイト デザイン入門 ASCII様よりご献本頂きました。書評を 持って御礼とさせていただきます。よ うやく正式版がリリースされたjQuery Mobileですが、まだまだ実践向けの 情報の書かれたブログ記事なども少な いですが、こちらはかなり実践向け...2012.01.31 | 10時59分35秒cssやプログラミングiPhone / iPadjQueryプライベート個人的な日記
jQueryによる背景のスライドショーを手軽に実装出来るWordPressプラグイン・Site Background Slider Webサイトの背景に画像をいっぱいに 広げて、jQueryでスライドショー化、 というのを手軽に実装出来るWordPress のプラグインです。jQueryとWPでよく 困ってる方を見かけますのでプラグイン に頼るのも手かなと思い...2012.01.30 | 11時14分04秒jQueryWordPressプラグイン
ユニークなボックスタイプのナビゲーションメニューを実装するjQueryプラグイン・BoxyMenu いろいろとアイデアが参考になった ので備忘録。ボックスタイプのナビ メニューで、ユニークなUIです。こ ういうアイデアというか、発想が出 てくるようになりたいです。2012.01.29 | 10時26分30秒jQueryWebデザイン
テキストのサイズを自動調整して幅一杯に広げるレスポンシブWebデザイン対応のjQueryプラグイン・SLABTEXT テキストの幅にあわせてテキストの サイズを自動調整してくれる、という jQueryプラグイン。Fittextという、 同じようなライブラリがあるんですが、 このライブラリに影響を受けている みたいです。2012.01.28 | 12時55分14秒jQueryWebデザイン
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デザイン
ホタルの光をイメージさせるようなエフェクトを実装する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秒オープンソースソフトウェア
Photoshopで作成したかのようなクオリティのボタンやナビゲーションをCSSで作ってみた!的なものだけを集めたギャラリー・CSSDeck CSS3でこんなクオリティのボタンが作れる! みたいな記事をよく見かけると思うんですが、 そういったものだけを集めたデザインギャラ リーがありましたのでシェア。CSSの勉強に 如何でしょう。さもPhotoshopで作ったかの よう...2012.01.16 | 14時40分32秒cssやプログラミングWebデザインインスピレーション
画像やボックス要素にhoverするとエフェクト付きで別のボックス要素を表示するjQueryプラグイン・ContentHover 画像やボックス要素にマウスホバーすると 別のボックス要素をフェードエフェクトや スライドアニメーションで表示させる事が 出来るjQueryプラグインです。昔は色々と これ系を見かけましたけど最近は全然無い ですね。2012.01.14 | 11時10分51秒jQueryWebデザイン