jQuery Mobileを使ったスマートフォン用壁紙ダウンロード用サイト『WALLPAPER COLLECTION for スマートフォン』つくりました！ – VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ-
テーブル内の行やセルなどの要素をドラッグ＆ドロップで自由に配置できるスクリプト・REDIPS.drag
使い方<script type="text/javascript" src="redips-drag.js"></script> <script type="text/javascript" src="script.js"></script>ライブラリと設定用のjsファイルを読み込んでマークアップするだけです。 デモのマークアップは以下のような感じ。 <div id="drag"> <table> <colgroup> <col width="30"/> <col width="100"/> <col width="100"/> <col width="100"/> <col width="100"/> <col width="100"/> </colgroup> <tbody> <tr> <th colspan="6" class="mark">テーブル</th> </tr> <tr c
これは要チェック！豊かなユーザエクスペリエンスを与えるナビゲーション集
ナビゲーションはウェブサイトにとって重要なエレメントであり、基盤となるものです。素晴らしいナビゲーションは豊かなユーザエクスペリエンスを与えます。 ユーザーは使いにくくない困惑されないナビゲーションを望み、シンプルなナビゲーションはたいていの場合、ダイナミックなものよりユーザフレンドリーなものです。ここではダイナミックでクリエイティブなナビゲーションの素晴らしいインタラクションと若干の欠点をSmashing Magazineから紹介します。
Google ChromeのJavaScriptデバッガの進化がすごい - os0x.blog
Chrome版のFirebugことGoogle Chrome Developer Toolsですが、以前gihyoで解説したときよりさらに便利になっているので、少し紹介します(元はWebKitなので、そのうち(近いうちに)Safariでもそれなりに使えるようになるはずです)。 圧縮されたコードの整形 まず、目立つところからいきましょう。ちょうど先日更新されたChromeのdev版(12.0.742.0)に搭載されたばかりの機能で、minifyされているJavaScriptコードを読みやすいように整形して表示してくれるというものです(IE9の開発者ツールにも実装されている機能です)。 例えば、Google Analyticsのコードは圧縮されていて普通は読めません。 しかし、Chromeのデベロッパーツールなら、 このように整形してくれます。 やり方は簡単で、デベロッパーツールのScript
美しくてわかりやすいシングルページウェブデザインの例30
ウェブサイトが生まれてから現在までの20年間で、あまたのウェブデザイナーたちが試行錯誤を重ねながらより美しく、より見やすいウェブデザインを生み出してきました。 ここでは、見た目が美しくて内容がわかりやすい最新のシングルページウェブデザインの例を30種類集めています。どれも新鮮なアイデアが詰まったページばかりなので、これからウェブデザインを始めるという人や、何かデザインのヒントが欲しいという人などの参考になるのではないでしょうか。 シングルページウェブデザイン30種類は以下から。30 Beautiful Single Page Website Designs | SpyreStudios 01：Skysoclear 02：FeelWire 03：Marius Roosendaal 04：Silverback App 05：Scribble And Tweak 06：Visual Box 07
すぐに実施できる、あなたのウェブページのスピードを改善する10のチップス
ウェブページのスピードを改善することは最適なユーザエクスペリエンスを提供するだけでなく、Googleの検索結果にも影響を与える大切な要因です。 すぐに実施できる、あなたのウェブページのスピードを改善する10のチップスを紹介します。 10 Tips for Decreasing Web Page Load Times [ad#ad-2] 下記は各ポイントを意訳したものです。 1. 現在のスピードをチェック 2. 画像の最適化 3. 画像は実寸で配置 4. コンテンツを圧縮して、最適化 5. スタイルシートは上に配置 6. スクリプトは下に配置 7. スクリプトとスタイルシートは外部ファイルで 8. HTTPリクエストは最小限に 9. キャッシュの利用 10. 301リダイレクトは避ける 参考資料とツール 1. 現在のスピードをチェック まず、現在のあなたのウェブページのスピードの分析からはじ
Witness. Disaster in Japan (2011)
The world watched in horror on March 11, 2011, as the fourth largest earthquake ever recorded crippled Japan and triggered a massive tsunami that swallowed entire communities, leaving an unprecedented catastrophe in its wake. All the while, amateur videographers, news crews, tourists and countless others were recording the sights and sounds of the unfolding chaos. To help the people of Japan pleas
HTML5アプリケーションフレームワーク「SproutCore 1.5」が登場 | OSDN Magazine
HTML5アプリケーションフレームワークのSproutCore開発チームは4月20日、最新版「SproutCore 1.5」を公開した。ビューレイヤーを定義する「TemplateView」などの新機能が導入されている。 SproutCoreはHTML5 Webアプリケーションフレームワーク。特定のWebブラウザプラグインに依存することなく任意のWebブラウザで動作する、レスポンスの高いWebアプリケーションを開発できるという。Rubyで実装されており、RubyGemを利用してインストールが可能。ライセンスはMIT license。米Appleの「MobileMe」などでの採用実績がある。 SproutCore 1.5はバージョン1.4.5公開から4ヵ月ぶりのアップデートとなる。新機能として、アプリケーションのビューレイヤーを定義する「TemplateView」が加わった。TemplateV
フレッシュなWordPressテーマ１００:phpspot開発日誌
Straight to the Source: 100 Fresh and Free WordPress Themes | WordPress News at WPMU.org フレッシュなWordPressテーマ１００。 この手のネタが最近多いような気がしますが、クオリティの高いものも多く含まれていたのでご紹介。 テーマが無尽蔵に現れて、世界中の人が機能拡張するという視点でこうしたオープンソースソフトウェアを作る際の設計にはWordPressは参考にしたいところですね 関連エントリ かなりいい感じのWordPressテーマ２０ シンプルなポートフォリオサイト構築用WordPressテーマ25 かなり美麗なフリーのWordPressテーマ60 動画ブログのためのハイクオリティWordPressテーマ２５
25 Amazing HTML5 Portfolio Web Designs For Inspiration
25 Amazing HTML5 Portfolio Web Designs For Inspiration by Priya on April 21st, 2011 No Comments » Share HTML 5 is a higher version of markup language which contains advance tags for web design and web development. It consists of new features, functions and techniques. HTML 5 is a language used for representing content for web technology. It is the latest version of HTML. Its main objective is
WordPressを初導入したら まず最初にやるべき24の設定 – ワードプレステーマTCD
WordPressは、その機能の豊富さに、始めて利用する初心者ユーザーは驚くことがあります。しかし、実際にいつも使うメニューというのは決まってきますし、初期設定も（人によりますが）ほんのわずかの設定だけで事足りることがほとんどです。当記事では、汎用的によく使うであろう、「ここだけは抑えておくべき」初期設定をご紹介します。 2015.12.16 解説を更新しました。 2013.03.12 WordPressの使い方大全集を公開しました。こちらに、WordPress初心者向けの解説ページをまとめましたので、ご参考いただければ幸いです。 目次 基本設定編 1ページに表示される記事数を設定 Ping送信先の設定 コメント、トラックバックの設定 アバター ニックネームを設定する WordPressバージョン 管理バーを非表示にする パーマリンクの設定 セキュリティを強化する 基本設定編 WordPr
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Googleアルゴリズム200項目全てを特別公開 – マーケティングブログ
Googleアルゴリズムの200の要素を発見しましょう！（Let’s Try to Find All 200 Parameters in Google Algorithm） は2009年に書かれた記事ですが、パンダアップデートが適用された今現在（2011年4月）でも重要項目が多く書かれているもので。 多くはGoogleの特許（合衆国特許出願0050071741）に基づいていますが、筆者のアンが自身の解析結果や予測を盛り込んでいる事で、より実践に近い内容になっています。 SEO初心者の方は、これからのウェブ制作の軸に、SEOエキスパートの方はもう一度自身のサイトを見直す目次として確認してみてはいかがでしょうか。 ドメインに関する13要因 ドメイン年齢 ドメイン取得からの長さ ドメイン登録情報（Who is情報）の表示/非表示 ドメイン種類（サイトレベルドメイン（.com や co.uk） ト
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
音楽に合わせてノリノリな気分で顔を振るぬこ