フォームのlabel要素のテキストをjQueryでプレースホルダーにする フォームのlavel要素をHTML5の placeholder属性にする、という 方法。jQueryを使用します。 フォームが固定されたCMSのスマ フォサイトを作成するにあたり、 省スペース化したいのでこの方法 を使いました。...2012.10.05 | 10時32分41秒jQueryWebデザイン
CSS3のbox-shadowだけで作られたモナリザ・・・ CSS3で~を作った!という類の ものはかなり見かけていました が、今度はbox-shadowだけで 名画モナリザを描いた方が出て 来ました・・・熱意が凄いです。 役に立つかどうかは置いておいて。2012.10.04 | 10時37分17秒cssやプログラミングWebデザイン
jQuery Mobileでシンプルなイメージギャラリーを実装する為のプラグイン・ImageFlip JQM向けのイメージギャラリーを 実装する為のjQueryプラグイン です。フリック操作で進める事 が出来ます。特に変わったエフ ェクトも無いのでシンプルで使 いやすい印象でした。2012.10.03 | 10時32分09秒iPhone / iPadjQueryWebデザイン
ベーシックで使いやすそうなレスポンシブWebデザイン向けCSSフレームワーク・CSSHórus ベーシックなタイプのレスポンシブ Webデザイン向けCSSフレームワーク のご紹介。この手のフレームワーク はかなり出回ってますので肌に合う かどうかで決めても良さそうですね。2012.10.02 | 10時37分40秒cssやプログラミングWebデザイン
画像のズームと、ドラッグによる連続表示を使った360度ビューが可能なECサイト向けjQueryプラグイン・Dopeless ECサイトに良さそうなjQuewryの プラグイン・Dopelessのご紹介 です。画像のズームと、ドラッグ 操作で360度ビューを再現できる というもの。タッチデバイスに も対応しているようです。2012.10.01 | 10時43分03秒jQueryWebデザイン
色覚障害のあるユーザーに、Webサイトがどう見えているかをザックリと教えてくれるWebツール・Chromanope 日曜日ですが、良さ気なツールを 見かけたので備忘録的にご紹介。 色覚障害の方、俗に言う色弱の 人にとってWebサイトがどう見えて いるかを教えてくれる、という Webサービスです。2012.09.30 | 10時49分59秒WebサービスWebツール
サーバー側のCSSの更新をファイル単位で読み込みなおすブックマークレット・SoFresh 使うかどうか分からないけど、慣れた ら楽かも、と思ったのでテスト的に 使っています。サーバー側にCSSの更新 があったら読み込みなおして最新の状 態にしてくれる、というブックマーク レット、SoFreshです。2012.09.29 | 10時59分42秒Webサービスその他
Adobe kulerのカラースキームを使ってTwitter Bootstrap用のCSSを作成出来る国産Webサービス・PaintStrap ご連絡頂いたのでご紹介。人気の Twitter Bootstrapのデザインを、 kulerを使ってサクッと作り出せ るWebサービスです。国産なので 英語が苦手な方でも安心して使用 出来ると思います。2012.09.28 | 11時46分34秒WebサービスWebツールジェネレーター
更新した記事の末尾にフロントエンド側でコンテンツを追加できるようにするWordPressプラグイン・liveblog 使う機会は個人的には多くは無い かもですが、なかなか面白い発想 だったのでご紹介。既に公開した 記事の末尾に、フロントエンド側 からコンテンツを追加できる、と いうWPプラグインです。2012.09.27 | 10時26分04秒WordPressプラグイン
画像やテキスト、動画やPDFなどを貼り付けられるピンボードを複数ユーザーで共有できるサービス・murally ピンボードを共有できる、という Webサービス・murallyのご紹介。 画像やテキストは勿論、他にも Youtubeなどの動画サイトの動画、 PDFやXLSファイルなども張ること が出来ます。2012.09.26 | 10時18分03秒Webサービスその他
Google Web FontのフォントをCSS3で装飾した状態で確認出来る・Best Google Web Fonts Googleにホスティングされて いるWebフォントにCSS3等で 3Dやレタープレスなどのエ フェクトをかけた状態をサク サク確認できる、というWeb サービスのご紹介です。2012.09.25 | 11時02分46秒WebサービスWebツール
:invalidや:valid擬似クラスを使ったフォームバリデーションエラーメッセージのスタイルサンプル 今更ながら擬似クラスを使ったフォームバリデーションのスタイリングを試してみましたのでメモがてら。目新しい情報でもないので適当にスルーして下さいませ。2012.09.24 | 10時47分07秒cssやプログラミングWebデザイン
クリーンなデザインのレスポンシブWebデザイン対応WordPressテーマ・Murmur レスポンシブWebデザイン対応のWP テーマ、Murmurのご紹介です。デ ザインもクリーンで綺麗。このまま 使ってもいいかもしれません。イメ ージスライドショーも付いていま した。2012.09.23 | 13時17分52秒WordPressテーマ
タッチイベントにも対応のレスポンシブなカルーセルを実装するjQueryプラグイン・Responsive Carousel レスポンシブWebデザイン対応の カルーセルを実装出来る、という jQueryのプラグイン・Responsive Carouselのご紹介です。どうでも いいですけど、ネーミングその まんまですね。2012.09.22 | 11時14分45秒jQueryWebデザイン
iPhone向けにレイアウトされたWebデザインのギャラリーサイト・Meer.li iphone向けにレイアウトを組んだ Webサイトのデザインギャラリー・ Meer.liのご紹介です。同じような デザインギャラリーは沢山あるの で参考までに。他にもアイコンや iPad用も構築中みたい。2012.09.21 | 10時31分39秒iPhone / iPadWebデザインインスピレーション
スクロールに応じてパララックス効果を表現できるスクリプト・jarallax スクロールに応じて視差効果 を表現できるスクリプト・ jarallaxのご紹介。jQueryを 必要とするみたいです。よく 見かけるやつですが、デモが 良かったので備忘録的に。2012.09.20 | 10時35分25秒jQueryWebデザイン
AndroidのUIデザインパターンを専門に収集しているギャラリーサイト・Android niceties Androidに特化したUIデザインパターン のギャラリーサイト・Android niceties のご紹介です。自動で次のページを読み 込んでくれるのでサクサクギャラリーを 見る事が出来ます。特化型のギャラリー は少ないので覚え...2012.09.19 | 10時40分17秒Webデザインインスピレーション
Web制作時に地味に役立ちそうな様々なツールを一纏めにしてOSS化したツールセット・Effin Toolset JavaScriptのコード整形や難読化、 リソースのリンク集などなど、Web 制作に地味に役立ちそうなツール を一纏めにしてOSSとして無償配布 しているツール郡、Effin Toolset のご紹介です。役に立つかどうか は...2012.09.18 | 10時35分11秒WebサービスWebツールオープンソース
シンプルで使いやすく、IE7にも対応可能なレスポンシブWebデザイン向けフレームワーク・BASE 結構良さそうなフレームワーク だったのでメモがてらご紹介。 シンプルなレスポンシブWeb デザイン向けフレームワーク・ BASEです。IE7にも対応可能だそ うです。2012.09.17 | 10時32分48秒cssやプログラミングWebデザイン
CSSやJavaScriptでのEasing使用法を確認できるチートシート・Easing Functions Cheat Sheet 見やすかったのでメモ的に。 Easingの動作確認や実装法 などを完結に纏めてある チートシートサイトのご紹 介です。たまにしか利用し ないので覚えられない・・2012.09.16 | 10時30分22秒cssやプログラミングWebデザイン
WordPressで、現在閲覧中の記事をその場で削除できるボタンを作る・改 以前書いた記事がWordPress3.4で 動作しないとのコメントを頂いた ので改正版を書きます。あまり 需要は無さそうな気がしていまし たが、意外とあるものなんですね。2012.09.15 | 10時45分24秒WordPressお手軽カスタマイズカスタマイズ
jQueryでラジオボタンを旧Diggのラジオボタンっぽくする speckyboyの記事が参考になった のでメモ書き。ラジオボタンを jQueryで以前のDiggっぽくする という内容です。CSSによるスタ イルも楽に出来るのは魅力ですね。2012.09.14 | 10時35分33秒jQueryWebデザイン