OpenOffice.org - The Free and Open Productivity Suite OpenOffice.orgコミュニティでながらく役職についてきた3名がOOoコミュニティ評議会からの離脱を発表したが、これに続いてドイツ語セクションの開発者達も次々と離脱を発表した。総勢30名を超えるとみられており、今後もさらに増えると予測される。OracleがOpenOffice.orgコミュニティに求めるものは、これまでOOoの開発に参加してきた開発者にとって自由度が少なすぎると判断したようだ。 OpenOffice.orgはSun Microsystemsのサポートのもとで開発が継続されてきたが、SunがOracleに買収されてから、OOoコミュニティとOracleの関係は良好とは言いがたいところがあった。そうした状況に不満を持つメンバーはより中立の組織としてThe Docu

Get information about their WordPress hosting, WordPress theme, WordPress plugins & more.

Easily Create Text Blocks in IllustratorTutorialsby Diego Sanchez When you need to make text blocks in Illustrator, there are many ways to do it, from selecting each line of text individually and setting the proper font size, to using paragraph text and adjusting sizes and spacing. However, if you want to create a text block in less than a minute—which is especial... Read more How to Easily Turn a

Easily Create Text Blocks in IllustratorTutorialsby Diego Sanchez When you need to make text blocks in Illustrator, there are many ways to do it, from selecting each line of text individually and setting the proper font size, to using paragraph text and adjusting sizes and spacing. However, if you want to create a text block in less than a minute—which is especial... Read more How to Easily Turn a

フォームの入力欄にラベルを通常時にくっきり、フォーカス時にうっすらとアニメーションで表示するスクリプトを紹介します。 jQuery FormLabels Plugin デモページ スクリプトの特徴 クロスブラウザ対応。 ラベルをアニメーションで表示。 多数のオプションと旧式ブラウザへの配慮。 フォームのマークアップを変更しないシンプルさ。 フォームのラベルはinput要素と同じスタイルが可能。 パスワードのラベルはアスタリスク（*）ではなく、テキストで表示。 スクリプトのデモ デモページではいくつかのデモがありますが、デフォルト版のものをキャプチャで紹介します。 デモページ 入力時には入力したテキストが反映されます。 スクリプトの仕様 以下のフォームの要素に対応しています。 input[type='text'] input[type='email'] input[type='passwor

画面をダブルクリックで縦書きと横書きを切り替えることができます。要素を指定して縦書きにしている場合は、次回アクセス時に同じ表示が引き継がれます。 どんなサイトでも縦書きにするブックマークレット。 ↓右クリックで「お気に入り」に保存するか、リンクをドラッグしてブックマークバーにドロップします。 「縦書きにする・iPhone 用リンク」 「縦書き可能にする・iPhone 用リンク」 「段組み縦書き可能にする・iPhone 用リンク」 iPhone に登録するには？ とりあえずこのページを共有ボタンからブックマーク。 iPhone 用リンク を長押ししてコピー。 ブックマークを開いて、追加したブックマークを「編集」。 名前を「縦書き可能にする」などに変更し、URL 欄に上記コードをペースト。 最初の「http://」を削除。 注意！ やや動作が重いです！ うまく変換できなかったときは、画面をダブ

IE用に条件付きコメントを使用してスタイルシートを配置した際に、ブラウザのレンダリングをすこし早くするテクニックを紹介します。 ※下記の画像はクリックで拡大 Conditional comments block downloads 上：test 1の測定結果（適用前：CSSの後に読み込み開始） 下：test 2の測定結果（適用後：CSSと並列で読み込み） [ad#ad-2] 下記は上記ページを参考にしたものです。 はじめに スタイルシートの構成 test 1：ごく普通に条件付きコメントを使用 test 2：条件付きコメント使用時に並列読み込みを可能にする その他の解決方法とまとめ はじめに 条件付きコメントを使用しない場合は通常、CSSファイルと次のファイルが並列で読み込まれます。 条件付きコメントを使用した場合 詳しくは後述のtest 1：ごく普通に条件付きコメントを使用を参照 これを並

Canvas element Attributes Name Type Default

リアルアクセス解析を運営している、前職の先輩でもある小川卓さんが、 このたび「ウェブ分析論」という、Google Analyticsなどをメインとした、 アクセス解析に関する本を出されたのでインタビューに行ってきました。 インタビューの趣旨としては、 「複雑な設定が必要ない、知らないと損しそうなGoogle Analyticsの使い方を教えてください！」 と、Twitterで相談し、実際にインタビューさせていただきました。 僕も結構Google Analyticsを使いこなせてるつもりだったのですが、 かなり勉強になったので、共有します！ 今回は主に、「サイト内検索機能」を使った活用方法がメインとなります。 ◆今回教えてもらった、知らないと損しそうなGoogle Analyticsを完全に使い倒す方法 １・　サイト内検索設定をしよう！ ２・　サイト内検索ワードをアナリ

[読了時間：3分] 米Facebookが、店舗向けの広告の仕組み「Deals」を発表した。Facebookを通じて来店客に対して割引などの特典を提供できる。当面は無料で利用できるという。 ユーザーはGPS機能を使ってモバイル機器のFacebookのサイトやアプリで「チェックイン」（店舗に来ていることを証明）したり、一緒にいる友人を「タグ付け」（友人リストから選択）したりすると、特典をもらえる。 店舗側は特典を自由に設定できる。 ・一人で来店した場合の特典 ・友人と来店した場合の特典 ・頻繁に来店するユーザーに対しての特典 ・購入すれば特定のチャリティーに売り上げの一部を寄付するという特典 今回の発表の最大のポイントは、Facebookがこの仕組みを無償で店舗に提供するということだろう。競合する社には大打撃となる。FacebookのCEOのMark Zuckerberg氏は「もしユーザーコミ

階層を区切る三角のデザインが特徴的なApple風のパンくずを同一の色相でカラーリングしたものを実装するチュートリアルを紹介します。 三角の箇所は画像を使用しないで、CSSで実装されています。 Breadcrumb Navigation with CSS Triangles デモページ [ad#ad-2] HTML -マークアップ パンくずはリスト要素で実装します。 シンプルでクリーンに実装するために、各アイテムにはclassを使用しません。 HTML <ul class="breadcrumb"> <li><a href="#">トップページ</a></li> <li><a href="#">第二階層</a></li> <li><a href="#">第三階層</a></li> <li><a href="#">第四階層</a></li> <li><a href="#">現在位置</a></

ドットインストール代表のライフハックブログ

当サイトで紹介した数多くのチートシートの中から、今まさに役立つであろうチートシートを厳選して紹介します。 ※未紹介のものも含まれています。 HTMLのチートシート CSSのチートシート jQueryのチートシート WordPressのチートシート [ad#ad-2] HTMLのチートシート

「HTML5 ★ Boilerplate」はHTML5とCSS3で作られてテンプレートです。 基本構造の勉強や、汎用的なテンプレートとしてかなり使い道がありそうです。 と言うもの、iPhone、iPadなどのモバイル端末に対応している事。また、HTML5未対応ブラウザへの対応もされているため、汎用的に使えるのではないかと思っています。 業務案件にも使えそう 実際にHTML5が業務案件として使われるには一昔前のブラウザにも対応する必要があります。 その点、HTML5 ★ BoilerplateはIE6から最新のブラウザまで対応しているので、業務案件でも使えそうです。 PNG対応などの基本的なものから、CSS3、JavaScriptの実装対応など多岐に渡って対応されているようです。 興味ある方はぜひ使っても見てください！

コントラストはカラーだけではありません。 ユーザーに伝えたい重要なエレメントを適切に目立たせる4つのコントラストを紹介します。 Fully Understanding Contrast in Design [ad#ad-2] 下記は各ポイントを意訳したものです。 コントラストとは 1. カラーのコントラスト 2. サイズのコントラスト 3. シェイプのコントラスト 4. ポジションのコントラスト おわりに 通常、コントラストがテーマに扱われる時は初心者向けのものが多いでしょう。例えば書籍では、『ブラックとホワイトがコントラストをもっており、レッドとオレンジはそうではありません』と書いてあります。初心者向けの本では、コントラストはカラーのことだけが触れられており、サイズやシェイプについては触れられていないでしょう。 アマチュアのデザイナーとプロのデザイナーを区別する最も容易な方法は、コントラ

About. F->IT is an F-ing easy to use FTP client that resembles Windows Explorer. With it, you can: Drag and drop folders and files. Edit highlighted source files. Upload multiple files. Looking for a desktop application? Check out: CrossFTP - a secure FTP/FXP/SFTP/WebDav client and synchronization tool. The next few weeks we'll be adding features to F->IT. We want you to tell us what's mo

It’s hard to believe that a year has passed since our last WordPress theme collection, but there you have it — the time has come again. Once a year we feature the most useful and interesting WordPress-themes that we are collecting over months and present them in a nice quick overview. The collections from 2007, 2008 and last year are still useful, but some of the themes are outdated or updated now

We need developer help! Fork it, fix it, we'll pull it — on GitHub. SimplePie is a very fast and easy-to-use feed parser, written in PHP, that puts the 'simple' back into 'really simple syndication'. Flexible enough to suit beginners and veterans alike, SimplePie is focused on speed, ease of use, compatibility and standards compliance. Show some love! Wishlists for Geoffrey, Ryan P., and Ryan M. S

投稿日：2010年05月18日　　　レベル：初心者　　　　ソフトウェア：なし このチュートリアルでは、ウェブサイトの読み込み速度を速くする7つの方法を紹介します。 高品質のウェブサイトを制作するうえで、読み込み速度を速くすることは特に重要です。 読み込み速度が遅いと、訪問者は次第に減っていきます。 これから紹介するポイントをチェックして、読み込みの速さとデザイン性の高さを合わせ持ったウェブサイトを作りましょう。 きっと訪問者のサイト滞在時間を延ばすことが出来るはずです。 Step1 ： 画像の使用を減らす Step2 ： 重い画像を使わない Step3 ： テーブルを活用してアイコンをシンプルにする Step4 ： Flashアニメーションを減らす Step5 ： CSSのスタイルシートを活用する Step6 ： アニメーションGIFを極力使用しない Step7 ： ページ公開後も、読み込

投稿日：2010年07月06日　　　レベル：―　　　　ソフトウェア：― Step1 ： はじめに Step2 ： それぞれの色の働き Step3 ： Webサイトにおける色の役割 ウェブサイトのデザインには、入力からレイアウトや色に至るまで、数々のスキルの積み重ねを要します。色は、ユーザーによる第一印象を決める、特に重要な要素です。色遣いが正しければユーザーに好印象を与え、色遣いを間違えるとユーザーに悪印象を与えます。 良いウェブサイトを作るために、ウェブデザイナーは人に印象を与える色の働きについて知る必要があります。人は無意識のうちに色に反応したり、色に対して異なる感情や感覚と関連付けたりします。色は、単に人の感情や感覚を刺激してサイトの見え方に影響を与えるのではなく、ユーザーをサイトの特定のセクションへ誘導するために巧妙に使われます。 最近インターネットで使えると思われるそれぞれの色に

W3Cが「HTML5 Test Suite Conformance Results」を発表した。これは各ブラウザがHTML5をどれだけサポートしているかを調査したもので、232のテストから構成されている。Internet Explorer 9 Platform Preview 6とChromium 9.0.571.0、Firefox 4.0b8pre、Opera 11.00 alpha、WebKit Nightly Build r70732を対象としてテストが行われ、全体としてはIE9がもっとも好成績を残す結果となった。 テスト結果を見ると、IE9はattributeやaudio、video、xhtml5といったテストを100％パスしている。いっぽう、canvasやgetElemetnsByClassNameについてはほかのブラウザよりも劣る結果となっている。

404 Not Found お探しのファイルは見つからないようです。 お手数ですが、下記リンクからトップページへお戻りください。 CoolWebWindow Copyright (C) Cool Web Window All Rights Reserved

» スポンサードサーチ再入門 のバックナンバーを見る[PR] 2010年10月、スポンサードサーチ向けにYahoo!リスティング広告から「キーワードアドバイスツール」が新たにリリースされた。このツールは、キーワード候補のほか、キーワードの各種検索データ（実績値または予測値）を表示するもの。キーワードの選定に役立ててほしい。 キーワード候補を表示する 「キーワードアドバイスツール」 スポンサードサーチを上手に活用するためのポイントの1つは、キーワードの選定作業だ。選定作業では、ざっくりと言えば、①自社の商品やWebサイトと関連性が高い、かつ②広告の目的（商品の販売、会員獲得、PV向上など）に合致するキーワードを見つけ出すことが重要になる。そのうえで入札単価や広告予算などを加味しながら、実際に入札するキーワードをピックアップしていく。 運用時に四苦八苦するのは、無数のキーワードの中から、広告

“There are only two hard things in Computer Science: cache invalidation and naming things” だそうです。そういう訳で、jQueryプラグインのメソッド名が他のプラグインと衝突するのを回避するための設計方法を列挙してみた。今のところ、一番下の方法が自分的にはしっくり来ている。 [2011.02.02追記]  2011年はsub()方式がおすすめです。 jquery.myplugの基本形。基本的に$.fn.extend()は使わない方針。 /** * jquery.myplug基本形 * * SYNOPSIS * * $('#target').myplug(); * $('#target').myplug({param1 : val1, param2 : val2}); */ ;(function($)

最近リリースされた高品質なフリーのデザインフォントを紹介します。 Melbourne 個人利用無料。 Ubuntu 個人・商用利用無料。 Oblik 個人・商用利用無料。 [ad#ad-2] PT S

AWS Week in Review – AWS Documentation Updates, Amazon EventBridge is Faster, and More – May 22, 2023 Here are your AWS updates from the previous 7 days. Last week I was in Turin, Italy for CloudConf, a conference I’ve had the pleasure to participate in for the last 10 years. AWS Hero Anahit Pogosova was also there sharing a few serverless tips in front of a full house. Here’s a picture I […] Amaz

CSSのテクニックに中でも最も使用されている一つ、CSSスプライトの利点と潜在的な問題点、そしてその解決方法を紹介します。 Transparent CSS Sprites デモ [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに CSSスプライトの利点と潜在的な問題点 CSSスプライトの潜在的な問題の解決方法 解決方法のデモ おわりに はじめに 最近のフロントエンドの開発に必要不可欠なテクニックの一つにCSSスプライトがあります。このテクニックはA List Apartの記事「CSS Sprites」によって普及されたものです。 CSSスプライトは一度理解したら本当にシンプルなテクニックで、あらゆる方法に応用することができます。一般的に利用されるのはナビゲーションで、他にもボタンや見出しにも使用されています。 スプライトは複数のイメージを一つのファイルにマージして使用します

ミニマルなWebデザインをする時に気を付けたいなーと思ういくつかを注意書きとしてまとめてみました。ミニマルなWebデザインって簡単そうで一番難しいんじゃないかと感じてる今日この頃。もっとミニマルなデザイン上手になりたいです。最近ミニマルなデザインという言葉をよく目にするようになりました。 （昔からある言葉ですし、最近じゃなくて前から言われてたぞという人もいると思いますが…） 初めて聞いたときは、ミニマルなデザインってどんなデザイン？と思って検索したものでした。 ミニマル（英: minimal）とは、「最小限の」という意味である。 ミニマリズムとは美術・建築などの造形芸術分野において、1960年代のアメリカに登場し主流を占めた傾向、またその創作理論であり、最小限（Minimal)主義（ism）から誕生し、必要最小限を目指す手法である。装飾的な要素を最小限に切り詰め、シンプルなフォルムを