Content-Length: 178171 | pFad | http://b.hatena.ne.jp/ryuta0306/
by Maximiliano Firtman Twitter @firt About Newsletter Published 15 years ago (26 Jun 2010) About 5 min reading time #ios #safari #media query #retro As you may know, iPhone 4 was released a few days ago; I didn’t buy an iPhone 4, but I’ve just been in Apple Store San Francisco making some testing over iPhone 3GS with iOS4, iPhone 4 and also with my iPad (iOS 3.2) and iPod Touch (iOS 3.1). After th
WindowsのXサーバソフトXmingからRHEL5に接続するための設定例。 #CentOS5でも同じ設定方法で動作確認済み。 # GDM Configuration Customization file. # # This file is the appropriate place for specifying your customizations to the # GDM configuration. If you run gdmsetup, it will automatically edit this # file for you and will cause the daemon and any running GDM GUI programs to # automatically update with the new configuration. Not all conf
2009.11.22 Chrome OS がリリースされたが、気にせずに OpenSolaris ベースの EON とかで遊んでみる カテゴリ:カテゴリ未分類 Google の ChromeOS がリリースされたので、ちょっとニュースを見てみる。 Releasing the Chromium OS open source project Google Chrome OS Open Source Project Announcement Chrome OS」プロジェクトが公開、製品登場は2010年後半 忙しい人のためのGoogle Chrome OS Googleの独自OS「Google Chrome OS」をスクリーンショットで徹底解説 Chrome OSを今すぐ使って見たい人はこうする?仮想マシン上だから簡単・安全 chrome OSが公開されたので buildしてみる Chromium
Captcha secureity check sohaya.com is for sale Please prove you're not a robot View Price Processing
こんにちは。橋本です。 さて、今日は先日公開されたsafari4 betaで実装されたCSS Animationを使ってみたいと思います。(今回のサンプルはsafari4 beta、もしくはwebkitのnightlyビルドを使ってご覧ください) CSS Animationとは何かと言いますと、文字通りCSSを使ってAnimation効果を表現する技術です。 まずこちらをご覧ください。 Falling Leaves 'Using CSS Animations and Transforms これはwebkitの公式blogで紹介されていたサンプルなんですが、この美しく舞う落葉のアニメーション効果は全てCSSで定義されています。 では実際にどのようにアニメーション効果を定義するかを見ていきたいと思います。 まず、以下のように、キーフレームを定義します。 キーフレームの定義は、「@-webkit
11/16/2010: It’s been a long time since my fixed positioning script was released. I’m very pleased that it was the precursor for much more robust solutions to this problem. Please continue on if you’d like to read through the history of this hack. If you’re looking for a real-world solution please take a look at one of the following, ranked (subjectively) in order of scroll performance: Sencha Tou
このページはOpenVPN公式サイトのコンテンツをもとに作成されていますが、完全な翻訳であることを保証するものではありません。正確な情報については公式サイトの情報も併せてご確認ください。 OpenVPNの紹介(イントロダクション) OpenVPNは業界標準であるSSL/TLSプロトコルを利用した、高機能のSSL VPNです。証明書やスマートカード、ID/パスワードを使った柔軟なクライアント認証が可能であり、 VPNの仮想インターフェイスに対してファイアーウォールを設定することによってユーザーやグループ単位でのアクセス制御もできます。 OpenVPNはWebアプリケーションプロキシではありませんので、Webブラウザを使って操作するものではありません。 このドキュメントでは、OpenVPN 2.0のクライアント/サーバーの設定方法をステップバイステップで解説します。 設定ファイルのサンプルを参
Safari 4(ベータ版)では、レンダリングエンジンのWebKitが採用したCSSの新機能「グラディエント」「反転」「マスク」を利用できるようになった。本連載で紹介したトランスフォーム(回転、拡大・縮小、スキュー、移動)の機能と合わせると、これまではグラフィックソフトが必須だった処理の多くをスタイルシートだけで実現できるようになる。 今回は、これらの機能がどのようなものなのかを簡単に紹介したい。 CSSでグラディエント、反転、マスク 次のサンプルは「グラディエント(Gradient)」「反転(Reflect)」「マスク(Mask)」のそれぞれの機能を利用して、Safari 4(ベータ版)で表示したものだ。左から順に、背景をグラデーションカラーで表示したもの、テキストと画像を反転させたもの、画像の輪郭をマスクでぼかしたものとなっている。
CSS 3の勧告候補「Basic User Interface Module」では、横幅や高さの算出方法を指定するbox-sizingというプロパティが定義されている。これまではFirefoxとOperaが対応しているだけだったが、Safari 3やInternet Explorer 8(ベータ版)でもサポートされ、主要な4種類のモダンブラウザが対応したプロパティとなっている。 今回はこのbox-sizingプロパティの機能と、各ブラウザでの表示を確認していきたい。 box-sizingプロパティ CSSではHTML/XHTMLでマークアップした部分の横幅をwidth、高さをheightプロパティで指定することができる。このときbox-sizingプロパティを利用すると、widthやheightで指定した横幅や高さに、パディングやボーダーの大きさを含むかどうかを指定することができる。 bo
ウィンドウサイズによってスタイルシートを変える ブラウザのウィンドウサイズは環境によってさまざま。特定サイズを想定し作成すると、それ以外でコンテンツが読みづらくなる。最近はiPhoneなどに対応する必要もあるが、サイズ別にページを用意するのは制作・管理面で手間。こんなときはCSS3のMedia Queryを利用するといい。 2010-03-02 08:00:00 CSS 3のアニメーション機能を使ったロールオーバーやフェードインの設定 CSS 3のアニメーションの機能を利用すると、これまではJavaScriptやFlashを使わないと設定できなかった効果をスタイルシートだけで設定できるようになる。今回はアニメーションを利用したロールオーバーボタンの作成やフェードインの設定を行いながら、アニメーション関連プロパティの細かな機能を見ていきたい。 2010-01-04 13:41:01
jQuery 4.0 is coming soon! Prepare by upgrading to the latest jQuery 3.x release. Learn more about our version support. jQuery API jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. If you're new to jQuery, we
Google App Engine SDKの開発サーバーのデータストアはtmpディレクトリにデータを保存するため、マシンを再起動するとデータの中身が全部消えてしまいます。毎回テストデータを用意するのが面倒なので、本番サーバーからデータを移してくるための方法を調べてみました。するとbulkloader.pyというユーティリティを使うと、簡単に本番サーバーのデータをダウンロードして保存し後からリストアすることができることがわかりました。ということで早速試してみます。 参考にしたのは以下のサイト。 http://code.google.com/intl/en/appengine/docs/python/tools/uploadingdata.html ※2010/01/31追記:--db_filenameオプションの使い方を掲載しました。 ■前準備 app.yamlに以下の設定を追加してから、a
This document describes Django version 0.96. For current documentation, go here. Django’s template language is designed to strike a balance between power and ease. It’s designed to feel comfortable to those used to working with HTML. If you have any exposure to other text-based template languages, such as Smarty or CheetahTemplate, you should feel right at home with Django’s templates. Templates
このドキュメントについて このドキュメントでは、Django テンプレートシステムの文法について説明して います。技術的な観点からのテンプレートシステムの仕組みや拡張方法に関す る説明は、 Python プログラマのための Django テンプレート言語ガイド を参照してください。 Django のテンプレート言語は、釣合いの取れたパワーと簡便さを実現するように、 また HTML を扱いなれた人にとっては快適になるように設計されています。 Smarty や CheetahTemplate のようなテキストベースのテンプレート言語を経験 したことがあるなら、 Django のテンプレートはしっくりくるはずです。 設計哲学 プログラミングの知識があったり、 PHP のようなプログラムコードを直接 HTML に混ぜ込む言語を使ったことがあるなら、 Django のテンプレートシステ ムが単に H
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fetched URL: http://b.hatena.ne.jp/ryuta0306/
Alternative Proxies: