キーワード検索「ファイル」
1368
web制作で使えるWebサービスや、Webツールなどをご紹介。 小分けして紹介していた分もあわせてまとめています。定番の物からマニアックなものまでお楽しみください。 グラフィック・創作 10,000s Cool FREE Seamless Patterns-パターンファイルジェネレータ Web制作でもよく背景で利用するパターンファイルを作成する素晴らしいジェネレータ。様々な模様があり、色は決めれま...
909
Google , その他 PDFや画像ファイルをGoogleドキュメントを使って「Wordに変換」する方法 2011.04.22 12:00 コメント数：[ 0 ] Check Tweet Googleドキュメントを使って、PDFや画像からテキストを抽出し、Wordに変換する方法をご存知ですか？ テキストの抽出さえできれば、色んな形式で保存できるのがGoogleドキュメントの便利なところです。 以...
985
新たに導入されたフォームコントロール これまでウェブにおける入力フォームコントロールは、非常に限られたものしかありませんでした。皆さんがよくご存じのテキスト（パスワード）入力フィールド、ラジオボタン、チェックボックス、セレクトメニュー、テキストエリア、ファイル選択です。お問い合わせフォームであれば、ほとんどのシーンで十分といえるでしょうが、ウェブアプリケーションにおいては、不足していると言わざるを...
1034
素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します！「jQueryってなんだ？」という人もコピペで実装できますよ！サンプルも用意したのでぜひご覧ください！jQueryの基本的な使い方まずはjQue...
736
〜新人プログラマ／SEは覚えておきたい“まとめ”〜 ＠IT編集部 2011/3/24このページは、開発者／プログラマが、以下のような項目に関して、常識的な基礎知識を学ぶための記事リンクのまとめです。デスクトップなどの見た目に関する3つの常識プログラミング・コーディングに関する6つの常識ネットワーク／通信に関する9つの常識セキュリティに関する4つの常識データとファイルに関する5つの常識設計・アーキテ...
785
こんばんは。LatLongLabの河合（@inuro）です。ようやくiPadが日本でも発売されましたね。入手された方もたくさんいらっしゃることかと思います。 ヤフーではこのiPad国内発売にタイミングを合わせ、Yahoo!ラボで「yubichiz」というiPad専用の地図Webアプリを公開しました。Yahoo!ラボ - yubichiz（ゆびちず）詳しい機能はリンク先ページを見ていただくとして、地...
641
HTML5 TemplateのデモページEasy HTML5 Templateの特徴汎用性の高いシンプルなつくりHTML5の新しい要素に重点をおいて設計HTML5対応ブラウザはもちろん、IE6, IE7, IE8も考慮モバイルデバイスも考慮jQuery, Google Analyticsなどよく使用されるものを配置済みEasy HTML5 Templateの外部ファイルEasy HTML5 Tem...
587
HTML5版の新規でサイトを作るのに使えそうな一式です。 今までの新規で使えそうな一式のVer3からも有る程度流用はしていますが、結構いじってます。今までみたいに、社内のマークアップエンジニアとかそういう人がもう居ない環境なので、何処かで使われていた訳ではありませんが、まー最初の準備って地味に面倒なのでちゃちゃっと始めるには良いんじゃないでしょうか。【HTML5】新規でサイトを作るのに使えそうな一...
489
Adobe が Flash アニメの一部をHTML5 に変換する実験的ツール Wallaby のテクノロジープレビュー版をリリースしました。Flash は一般に連想される動画表示だけでなく通信プロトコルやコンテンツ保護までさまざまな技術を含んだアプリケーションプラットフォームですが、「ワラビー」が扱うのは FLA ファイルに含まれるアートワークとアニメーションの部分のみ。つまり iOSなどFlas...
461
これはすんごく便利・・・。 zbugsを使えば、ワンクリックであらゆるサイトのCSSおよびJavaScriptを圧縮してくれるようだ。 もちろん何パーセント圧縮されたかとか、どのファイルがどれだけ小さくなったかといったことの詳細も教えてくれる。 さらに圧縮したファイル群をまとめてダウンロードすることも可能だ。 サイトをつくったあとに、さらなるスピードアップを図るのにいいだろう。インターフェースも素...
488
最近の愛用はFirefox を普段使っている時は、 HttpFox を使っています。昔は Live HTTP Headers :: Add-ons for Firefoxを使っていたのですが、けして見やすいというわけでは無かったのと、実際にボディの中身を見たいという時にパワー不足が否めません。そこで、 HttpFox です。HttpFox :: Add-ons for Firefoxレスポンスコー...
420
Page Speed Online 「Leverage browser caching」と表示された場合の対応 一度アクセスしたことがあるサイトでは、ブラウザがキャッシュを生成する。 HTTPレスポンスヘッダにExpiresを追加することで、キャッシュが存在する場合には、サイトにはアクセスせず、キャッシュのデータを利用するように、指示することができる。ファイルの種類や期間を設定し、最適なキャッシュ...
423
はじめに はじめまして、Yahoo!検索のデザイナー担当の竹内美帆と申します。 今Yahoo! JAPANでは、プロジェクト毎にバージョン管理システムを使い分けていますが、Subversionを使用しコードを管理しているプロジェクトもあります。2011年1月～3月には、デザイナーが所属する部署でもデザイナーが作成するHTML・CSS・JavaScriptファイルなどをバージョン管理システムであるS...
427
HTML5にはオフラインアプリケーション機能があり、オフラインに対応したWebサイトを作ることができます。Webブラウザでいちど表示させれば、あとはネットワークとの接続が切れてもそのままエラーを起こさずに利用し続けられるWebサイトです。iPod TouchやiPhoneに搭載されているWebブラウザの「Safari」はHTML5のオフラインアプリケーション機能に対応しているそうなので、HTML5...
377
![[CSS]classを加えるだけで多彩なアニメーションが簡単に使用できるスタイルシート -Animate.css | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/css/css-cross-browser-animations-animate-css.html)
フェードイン、フェードアウト、バウンド、シェイク、回転などのアニメーションを簡単に使用できるクロスブラウザ対応のスタイルシートを紹介します。 ※JavaScriptは一切使用していません。 Animate.cssの使い方 「animate.css」を外部ファイルとして指定し、アニメーションを加えたいエレメントにclassを付与するだけです。 外部ファイル <link rel="stylesheet...
404
ウェブページのスピードを改善することは最適なユーザエクスペリエンスを提供するだけでなく、Googleの検索結果にも影響を与える大切な要因です。 すぐに実施できる、あなたのウェブページのスピードを改善する10のチップスを紹介します。 下記は各ポイントを意訳したものです。 1. 現在のスピードをチェック 2. 画像の最適化 3. 画像は実寸で配置 4. コンテンツを圧縮して、最適化 5. スタイルシー...
389
確かにWebベースで開発するということに大きなメリットは感じられなかったのは確かだ。だがSourceKitを見たら、その考えが変わってしまいそうだ。 0 SourceKitはGoogle Chromeの機能拡張として提供される。左側にファイルツリー、右側に編集画面が表示される。開発者向きに各言語向けのハイライトに対応している。さらにテーマも幾つも用意されており自分好みの配色を選択できる。 0 設定...
391
マイクロソフトは先週、無償のWeb開発環境「WebMatrix」の提供を開始しました。WebMatrixには以下のコンポーネントが含まれており、Windowsで簡単にWebサイトの構築を行うことができます。Web開発ツール HTML/CSS/JavaScript/PHPなどに対応したテキストエディタを含む開発ツール。FTPによりファイルをホストへボタン1つで転送できるHTTPサーバ IIS Exp...
368
レイアウトのグリッドをはじめ、ナビゲーション、パラグラフ、リスト、フォーム、テーブルなどページでよく使用するエレメント、角丸、グラデーション、ドロップシャドウ、回転のエフェクトなど、ウェブページを構成するさまざまエレメントが用意されたHTML5+CSS3ベースのフレームワークを紹介します。 Perkinsはウェブデザイナー・開発者の大切な時間を節約するために開発されたもので、HTML5+CSS3で...
398
Flashを捨てる端末があれば、なんとか拾いあげようとするのが挑戦者というものです。Chris Smoakさんが開発中のSmokescreenは、Flashを分解してHTML5+JavaScriptで再構築するライブラリ。具体的にはフラッシュのswfファイルを読み込み、中にあるスクリプトデータをJavaScriptに変換、画像データと音声データも抽出し、HTML5として再構成してウェブページ内にロ...
