並び順

ブックマーク数

期間指定

  • から
  • まで

121 - 160 件 / 687件

新着順 人気順

BackgroundImageの検索結果121 - 160 件 / 687件

  • HexaFlip: A Flexible 3D Cube Plugin | Codrops

    HexaFlip is a JavaScript UI plugin that let’s you use 3D cubes as interface elements. Dive into the process of creating the plugin and learn some best practices regarding flexible UI plugins. Today I’d like to share my process for creating a flexible JavaScript UI plugin I’ve dubbed HexaFlip. Lately I’ve taken to building simple experimental UI plugins that manipulate elements with a combination o

      HexaFlip: A Flexible 3D Cube Plugin | Codrops
    • AFNetworking 2.0

      Written by Mattt September 16th, 2013 This article has been translated into: 中文 AFNetworking is one of the most widely used open source projects for iOS and OS X development. It powers thousands of popular and critically acclaimed apps, and serves as the foundation for dozens of other great open source libraries and frameworks. With thousands of stars and forks, and hundreds of contributors, the p

        AFNetworking 2.0
      • JavaScript クイック リファレンス

        JavaScript1.0/1.1/1.2/1.3 + IE互換命令 リファレンス|A|B|C|D|E|F|G|H|I|J|K|L|M|N|O|P|Q|R|S|T|U|V|W|X|Y|Z| n2i4==nn2,3,4以上,ie4以上 n3i4==nn3,4以上,ie4以上 n4i4==nn4,ie4以上 n2==nn2以上 n3==nn3以上 n4==nn4以上 i4==ie4以上 *このリファレンスは「だれでもカンタンDynamicHTMLサンプル集」と「だれでもカンタンJavaScriptサンプル集」 の巻末とCD-ROMに収録したものをベースにちょっと手をいれようかな~と思っています。 *ここではie3は不安定なので除外しましたが、ie3はおおむねn2ベース(Mac版ie3はn4ベース)の JavaScriptで動作します(ただしマイナーバージョンや環境によってまちまちです)。 *こ

        • Aerotwist - The Anatomy of a Frame

          I'm often asked by other developers about parts of the pixel workflow, and what fires when and why, so I figured it might be worth putting up a little reference for what's involved in shipping pixels to screen. Last updated: 15 Feb 2016 Est. Read Time: 10 min Share this: Twitter Tagged: #pixels Caveat: this is a Blink / Chrome view of the world. Most of the main thread tasks are "shared" in some f

            Aerotwist - The Anatomy of a Frame
          • iOS5でのUINavigationBarの背景画像処理 - k2ダイアリー

            iOS5以前でUINavigationBarの背景に画像を使用する際には、いくつか方法がありました。 例えば以下の画像(navibar.png)を適用したい場合[navibar.png] よく利用していたパターン2つを参考としてあげます。 【NavigationBarカテゴリでdrawRect】 @implementation UINavigationBar (UINavigationBarCategory) - (void)drawRect:(CGRect)rect { UIImage *image = [UIImage imageNamed:@"navibar.png"]; [image drawInRect:CGRectMake(0, 0, self.frame.size.width, self.frame.size.height)]; } @end 【NavigationBarにi

            • 時間ごとに背景色(画像)を変更する - JavaScript

              サンプルと機能 → Sample 1:時間ごとに背景色を変更する → Sample 2:時間ごとに背景画像を変更する セレクトメニューや、ラジオボタンなどで選択した背景画像に変更します。 サンプルスクリプト 緑の文字が変更箇所で、赤い文字が対応するスクリプトです。 "//"以下はコメントです。削除しても影響ありません。 必要な箇所をコピー&貼り付けして編集してください。 → Sample 1:時間ごとに背景色を変更する <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <SCRIPT language="JavaScript"> <!-- // 時間ごとに背景色を変更 h = (new Date()).getHours(); if((h >=  0) && (h <  3)) document.bgColor = "#

              • iOS 5 ユーザーインターフェースのカスタマイズ

                アップデート 10/4/12: iO6対応にアップデートされました。こちらからどうぞ! Rayから一言: Congratulations, you guys did it! By helping to spread the word about the iOS 5 Feast, you guys unlocked the first iOS 5 tutorial early! Enjoy! こちらはiOS チュートリアル•チーム•メンバー Steve Baranski, 氏によって投稿されました。Steve Baranski氏は komorka technology, の創立者でiOS開発、コンサルティング•サービスを行っています。 今や当たり前となった事ですが、”App Store”で成功する為にはやはり人目を惹き付ける、いわゆる”イカした”デザインでなければなりません。今やAppleが

                • jQuery Demo: Creating A Sliding Image Puzzle Plug-In

                  In this case, 100 is the width/height of the individual puzzle pieces. I have left the P tag in the selector to demonstrate that this will only work on "valid" scenarios; meaning, this will only work on containers that contain an IMG element. Since our P tag (page description) has no nested IMG, it remains unaffected. Only the DIV tags which contain IMG tags get the puzzle behavior. The Javascript

                    jQuery Demo: Creating A Sliding Image Puzzle Plug-In
                  • The "Blur Up" Technique For Loading Background Images | CSS-Tricks

                    DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! The following is a guest post by Emil Björklund. Filter effects in CSS have been around for a while, and together with things like blend modes, they bring new possibilities for recreating and manipulating stuff in the browser that we previously had to do in Photoshop. Here, Emil explores a p

                      The "Blur Up" Technique For Loading Background Images | CSS-Tricks
                    • C# の庭園(Form)

                      C#のWindowsアプリケーションでは、各種コントロールの貼りつけなど操作の対象となるクライアント領域はフォーム となります。 Visual Studioのデザイナーでは、新規アプリケーションの作成時には、form1が自動生成されます。 新たにフォームを作る 新たなフォームは、デザイナのソリューションエクスプローラのApplicationノード上でマウスを右ク リックし、「追加」→「Windowsフォームの追加」で 作ることができます。デフォルトでForm1のみが表示されている場合は、自動採番され、Form2が作られます。 プログラム上から、フォームクラスのオブジェクトを生成するには、次のとおり行います。 Form Form2=new Form(); 当然のことながら、Formオブジェクト名は一意である必要があります。 フォームを表示する フォームを表示するには、Showメソッド又はSh

                      • JavaScriptのキーワードとか予約語をかき集めてみた - Born Neet

                        [PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。 jsの定義済みメソッドやプロパティの一覧欲しいなぁと思うことがあるんだけど、 意外となかったりするので、いろいろなサイトから集めて1ファイルにまとめてみた。 インプットはこちら。 Emeditorのjavascript自動補完を強化する - prog*sig Vim用の辞書ファイル - おつあり SHJS - License Plugins | jQuery Plugins Canvasリファレンス - HTML5.JP File API & Firefox 3.6 これらをjs1.js, js2.jsみたいなファイル名で保存。 で、以下の超適当なシェルでマージ。 (こういう作業はやっぱりunixなmacだとすぐできて楽ですね。) #!/bin/sh rm temp.js js.

                        • イヌでもわかるJavaScript講座-style要素

                          バックグラウンド 以下のプロパティの複合プロパティ backgroundColor, backgroundImage, backgroundRepeat, backgroundAttachment, backgroundPosition 指定されないプロパティは初期値でセットされる。 型:文字列 属性:background

                          • Customizing appearance of UISegmentedControl | Chegg Engineering

                            My name is Simon and I’m part of the Chegg Mobile Team. I wanted to take this opportunity to share some ideas about customizing the appearance of the UISegmentedControl. You are probably familiar with the UISegmentedControl and its default look which is found in many native iOS apps: This UI control can be created using the UISegmentedControl Class which is available in the UIKit framework. The ap

                            • colorboxのカスタマイズ / 今日のプリン言 | イラストレーターみやびの漫画館 作品集 - 月の高いところ

                              2012年10月19日 みやびプリン http://highmoon-miyabi.main.jp/common/images/logo_header.png 140 87 http://highmoon-miyabi.main.jp/webclip.png 144 144 ※この記事は5年以上前の記事です。 現在は状況が異なる可能性がありますのでご注意ください。 もう、すっかり冬だ。 そして、朝っぱらから何やってんだ俺は。 さて、今日は、"colorbox"のカスタマイズについて語ってみようと思う。 colorbox http://www.jacklmoore.com/colorbox/ 先日、ライトボックス風にブロックを表示してほしい、という案件に出くわして、案の定有名プラグインのcolorboxにたどり着いた。 div要素ごとライトボックスにするにはやっぱこれしかない。様々な要素をラ

                                colorboxのカスタマイズ / 今日のプリン言 | イラストレーターみやびの漫画館 作品集 - 月の高いところ
                              • 【コーディング】HTMLとCSSで作れる!見出しに使えるおしゃれな文字装飾サンプル | Web担当者Forum

                                CSS3がほとんどのブラウザでサポートされるようになり、今まで画像で再現するしかなかったデザインがCSSでも表現できるようになってきています。大昔にさかのぼると、角丸も作れない、なんて時代がありましたが、今となってはCSSを書くだけで実現できます。CSSでこれだけのことができるよ!と紹介したいのですがキリがないので、今回は「文字の装飾」にしぼってご紹介します。 Webでかわいくておしゃれな見出しを作るとなると、昔はデザインデータから画像を切り出して・・・と作業していましたが、HTMLとCSSで表現できれば色の変更などの編集や複製がとっても楽ですよね! また、ホバーエフェクト(マウスオンで色が変わるなど)の適用も画像を使うより簡単です。 ここでは皆さんに「CSSだけでここまでデザインが再現できる」ということを知っていただきたく、いくつかサンプルを作ってみました。 はじめに全スタイル共通で使用

                                  【コーディング】HTMLとCSSで作れる!見出しに使えるおしゃれな文字装飾サンプル | Web担当者Forum
                                • 【JavaScript】まるを大きくするゲーム未満のなにか【なんだこれ】 - Little Strange Software

                                  どうも!LSSです!! ふと思いついた動作があって、JavaScriptで作ってみました。 なにか…ゲームになりそうで、まだなってない、そんな謎の状態ですが公開してみます! まるを大きくするゲーム未満のなにか 遊びかた(?) このスクリプトのコード あとがき まるを大きくするゲーム未満のなにか 下の〇をクリックしてスタート! 遊びかた(?) 青い○をクリックすると、○が大きくなった後、小さくなっていき、また大きくなりはじめます。 小さくなる方が多いので、放っておくとどんどん小さくなってしまいます。 大きくなり終えたタイミングでクリックすると、また大きくなり始めるので、タイミングよくクリックするとどんどん大きくなります。 ただし、大きくなりつつある時にクリックしてしまうと、その時点で小さくなり始めるので、余計に小さくなってしまう事になります。 ある程度大きくする事に成功すると、○が赤くなり、

                                    【JavaScript】まるを大きくするゲーム未満のなにか【なんだこれ】 - Little Strange Software
                                  • エレメントスタイル-element.style - JavaScriptist

                                    javascript & ajax samples to improve your web development. トップページ / エレメントスタイル-element.style エレメントスタイル-element.style スタイル背景色 - element.style.background 透かし効果、背景の画像 - element.style.backgroundAttachment 背景色 - element.style.backgroundColor 背景イメージ - element.style.backgroundImage 背景位置 - element.style.backgroundPosition 背景リピート設定 - element.style.backgroundRepeat ボーダー - element.style.border ボーダー(下) - eleme

                                    • Electron + Python で選んだ顔にモザイクをかけるアプリ(ダウンロード可)

                                      さてさて、このところElectronのプログラムが面白くなってきて個人的にもいろいろと開発する意欲が湧いてきています。 そして、そんな中で自然と試したいことが頭に浮かんできました。 それは・・・・・・ 他の言語とのコラボレーション です。 つまり、ElectronはNodeJS(JavaScript)を使っていますが、これ単体だけではなく、例えば、Pythonやコマンドラインなども実行してみたくなったんですね。 ということで、今回は以前試してみた(といっても移転前のブログですが)Python + dlibの顔認証コードを使ってモザイク処理をするElectronアプリをつくってみます。 ぜひ学習の参考にしてみてくださいね。 ※ 開発環境: Electron 2.0、Python 2.7 やりたいこと せっかくElectronを使うので、単純に検出された全ての顔にモザイクをかけるというアプリで

                                        Electron + Python で選んだ顔にモザイクをかけるアプリ(ダウンロード可)
                                      • BBC Radio 1 Zoom Tabs | jQuery for Designers - Tutorials and screencasts

                                        Posted on 3rd April 2009 — Gareth Edward asked how to achieve the effect on the latest BBC Radio 1 website, where the mouse rolls over the image block, tabs slide up and the image zooms a little to reveal more of the picture. Earlier: API: map & grep Next: SlideDown Animation Jump Revisited Watch Watch BBC Radio 1 Zoom Tabs screencast (Alternative flash version) QuickTime version is approximately

                                        • 第18回 Flexが備えるMXMLコンポーネント(Part10:VBox, HBox)

                                          本記事中のサンプルを表示するには最新のFlashPlayer9が必要です(本稿執筆時点では【9,0,45,0】が最新)。こちらから最新のFlashPlayer9をインストールしてください。また,インストール後はブラウザの再起動が必要です。インストールされているFlash Playerのバージョンを確認するにはこちら。 今回から「コンテナ」に分類されるコンポーネントを紹介します。まだ,紹介していないコントロール系のコンポーネントもありますが,それらについてはまたおいおい紹介したいと思います。 「コンテナ」というのは読んで字の如く「入れ物」で,今まで紹介したコントロールや,これから紹介する別のコンテナを入れることのできるクラスです。さて今回は,「レイアウトコンテナ」と呼ばれるコンポーネントの中でも,簡単でよく使う【mx.containers.VBox】コンポーネントと【mx.container

                                            第18回 Flexが備えるMXMLコンポーネント(Part10:VBox, HBox)
                                          • CSS ファイルだけで IE 6 の背景に設定した png のアルファチャンネルを有効にする | ヨモツネット

                                            IE 6 で背景に指定した png のアルファチャンネルを有効にするための JavaScript がいくつかありますが、それとほぼ同じことを CSS のなかで行うコードを書いてみました。 この方法を使うことの利点 / 欠点は 利点 JavaScript で背景の png を AlphaImageLoader に置き換える場合はページの読み込み完了後に置き換わるため、一瞬 png の半透明部分がグレーになりますが、この方法はそれがありません。 JavaScript で同じことを行う場合は IE のために Web ページで読み込む JavaScript のライブラリを増やさなければいけないかもしれませんが、この方法はそれがありません。 背景にする png ファイルへのパスを相対パスで扱えます。 欠点 CSS に IE の独自実装を記述するので CSS 自体は Valid ではなくなります。 実

                                            • Mulberry

                                              A developer tool for creating content-rich mobile applicationsFrom zero to app in minutes Mulberry helps web developers rapidly create content-rich native mobile applications. Powered by HTML5, CSS3, and JavaScript and built on top of PhoneGap, Mulberry transforms your content and data into a responsive, native, cross-platform mobile experience. Create a basic app in the time it takes to write and

                                              • [Flutter] ここが違う!Flutter vs ReactNative!JS vs Dart [RN] - まんくつ

                                                ReactNative developerの皆さんこんにちは(^ ^) そして、Flutter と ReactNative に興味を持つみさなん、ようこそ! ReactNativeは2018年6月あたりのAirbnb撤退とfacebookが自社のアプリをReactNativeからネイティブへ移行するニュースがありましたねぇ〜 AirbnbがReact Nativeを諦めてネイティブアプリに方向転換したわけ – Roy S. Kim – Medium 一部の企業でReact Native離れが始まる – CIOニュース:CIO Magazine しかし、個人のアプリ制作ならiosとandroid両方のネイティブアプリを作ることはしんどい おそらく。。。 と言っても、どちらかのプラットフォームを選ぶのもなんか違う気がする。。。。 そんな時にリリースされたのが Flutter でした! では、F

                                                  [Flutter] ここが違う!Flutter vs ReactNative!JS vs Dart [RN] - まんくつ
                                                • jQueryでロールオーバー時の背景画像切り替えいろいろ|BLACKFLAG

                                                  先日紹介した「jQueryでボタンなどのロールオーバー時、背景画像にエフェクトを掛ける方法」の マウスオーバー時の背景画像切り替えパターンを 別バージョンでいくつか作ってみたので加えて紹介してみます。 HTMLソースとCSSなどについては全く変更なしですが 念のため、記載しておくと ◆HTML <a href="#">BUTTON A</a> <a href="#">BUTTON B</a> <a href="#">BUTTON C</a> ◆CSS a { width: 130px; height: 50px; line-height: 50px; font-size: 15px; font-weight: bold; color: #fff; text-align: center; position: relative; overflow: hidden; display: block

                                                    jQueryでロールオーバー時の背景画像切り替えいろいろ|BLACKFLAG
                                                  • React で簡単に遅延読み込みを実装できるライブラリを作りました - 陽気なサイとエクストリーム!

                                                    はじめに どうも、さぃと (@saitoeku3) です。 突然ですが、あなたは自作のライブラリを公開したことがありますか? 僕は公開したいと思いつつもなかなかできずに年を越してしまいそうだったので、思い切って公開しちゃいました。 ネタは最近よく使っている遅延読み込みと Gatsby.js + Contentful 関連の2つあったのですが、今回は前者の方です。(後者もそのうち公開します) 作ったもの github.com 返り値の ref を任意のエレメントの ref に渡すだけで遅延読み込みをしてくれるカスタムフックを利用できるライブラリです。React での使用を想定しています。 今までにもいくつか遅延読み込みをしてくれるライブラリはあったのですが、コンポーネントベースで利用するものが多くて使いづらかったという問題を解決しています。(強引な押し売り) 特に差別化できると思っているのは

                                                      React で簡単に遅延読み込みを実装できるライブラリを作りました - 陽気なサイとエクストリーム!
                                                    • 阿里云万网虚机过期页面

                                                      {} [{"settings":{},"componentId":34317,"hidden":"false","fullName":"@ali/hmod-ace-website-general-banner","uuid":"1566867500","limitConfig":{},"version":"0.0.48","componentVersionId":358994,"name":"hmod-ace-website-general-banner"},{"settings":{},"componentId":33306,"hidden":"false","fullName":"@ali/hmod-ace-standard-title","uuid":"5395834640","limitConfig":{},"version":"0.0.16","componentVersionI

                                                        阿里云万网虚机过期页面
                                                      • How To Inject JavaScript Functions Into a UIWebView » The App Business Blog

                                                        Advice from an experienced Appreneur, Mentor and Coach. UIWebView has very few instance methods. One of them is stringByEvaluatingJavaScriptFromString, which very powerful and unfortunately poorly documented. (This is literally the extent of Apple’s explanation: “Returns the result of running a script.”) Let’s explore this mysterious method with a couple of examples. A trivial example of how to us

                                                        • Zero-config code transformation with babel-plugin-macros · Babel

                                                          Babel started out as a transpiler to let you write the latest version of the ECMAScript specification but ship to environments that don't implement those features yet. But it has become much more than that. "Compilers are the New Frameworks" says Tom Dale and I could not agree more. We're seeing more and more compile-time optimizations for libraries and frameworks. I'm not talking about syntax ext

                                                            Zero-config code transformation with babel-plugin-macros · Babel
                                                          • Exif.js Exif に設定されている回転情報に対応したinput要素(画像)のプレビュー | バシャログ。

                                                            どうも藤原です。今年のGWは神がかってますね。弊社は5月1日が創立記念日ですので、 4月最終週は (^-^)です。 本日は 画像の Exif 情報を取得する Exif.js をご紹介いたします。 背景 input 要素に画像を添付した時に FileReader を使ってプレビュー表示していたんですが、 スマホで行うと撮影した画像とプレビューしてる画像の回転があってないことありますよね。 原因はExif (wiki)の回転情報です。 PHPで回転を戻して保存したりすることはあったのですが、JSでプレビューしているときも(POST前)正しく表示したいということです。 抜き出すには結構手間な作業必要なのですが、そんな時見つけたのがExif.jsです。 これで簡単に回転を取得できるようになります。 サンプル htmlは以下で、プレビュー自体の実装方法は input の label に対して bac

                                                              Exif.js Exif に設定されている回転情報に対応したinput要素(画像)のプレビュー | バシャログ。
                                                            • (ちょっとメモ)Canvasでグラフを自動生成する「flotr2」が便利

                                                              (ちょっとメモ)Canvasでグラフを自動生成する「flotr2」が便利 最終更新日:2019年02月06日 (初回投稿日:2015年05月25日) Canvasでグラフを生成してくれる javaScriptライブラリ Flotr2 を試してみました。 Flotr2は、折れ線グラフや円グラフなどの20種類以上のグラフを、データを記入するだけで自動的に作ってくれます。パーセントの計算もしなくていいし、グリッドを引くのもオマカセ。頻繁に数値を更新するグラフがあるサイトには最適かも。 Humble software社が開発したライブラリ。MITライセンスです。 Canvasでグラフを描画するのですが、キャンバスのキャの字も出てきません。Canvasをまったく知らなくて使えちゃうw。 ただし、データは javaScriptで入力するので、javaScriptの知識は少しはあったほうがいいかも。 (

                                                                (ちょっとメモ)Canvasでグラフを自動生成する「flotr2」が便利
                                                              • Create an Attractive Before and After Photo Effect with jQuery

                                                                Create an Attractive Before and After Photo Effect with jQuery Introduction 13 Jan 2011, Australia suffered a catastrophic flood disaster, almost 75% of Queensland was affected. Inland Tsunami in Toowoomba, evacuation of Brisbane city, it was a total chaos in the entire state. Sudden flood which lead to torrential and ferocious flood destroyed homes and killed many. It will take 2 years to recove

                                                                  Create an Attractive Before and After Photo Effect with jQuery
                                                                • ゆゆ式 Advent Calendar 2016 17日目 AR縁ちゃんを作りました - cloverrose's blog

                                                                  ゆゆ式アドベントカレンダー2016の17日目です。 www.adventar.org 今年自分はARで縁ちゃんを発見するアプリ、「AR縁ちゃん」を作りました。 AR縁ちゃんとはカメラの画像をリアルタイムで解析して、縁ちゃんの目っぽいもの(コンセント)があったら、そこに縁ちゃんを描画するアプリです。 動画を見ていただくとわかりやすいかと思います。 youtu.be 実装中のコードはGithubにあげてあります。まだ改善したい箇所があるのでぼちぼち更新します。 github.com コードが完成したら版権を考慮してなんらかの形で公開したいと思います。 昨日は hayashida_2ndさんのゆずこたち三人と猫ちゃんのかわいいイラストでした。 ゆゆ式 Advent Calendar 2016 16日目です!来年2/22に発売されるOVAを記念して、イラストを描きました。あとニャンコの日だから猫ち

                                                                    ゆゆ式 Advent Calendar 2016 17日目 AR縁ちゃんを作りました - cloverrose's blog
                                                                  • Solving IE7 & IE8 PNG Opacity Problems

                                                                    How to fix transparent png issues associated with Internet Explorer's alpha filter. PNG Alpha-transparencies /* Normal CSS background using an PNG with an alpha transparency */ #demo { background:url(ie8-logo.png) 0 0 no-repeat; } IE7 and IE8 have native PNG support for alpha-transparencies, but it falls to pieces as soon as opacity comes into the picture. When setting any value for opacity, even

                                                                      Solving IE7 & IE8 PNG Opacity Problems
                                                                    • JavaScript Reference β

                                                                      [A] abort() abs() acos() action addEventListener() alert() alinkColor anchor() anchors appendChild() appCodeName appMinorVersion applets appName area appVersion Array() arity asin() atan2() atan() availHeight attachEvent() availLeft availTop availWidth [B] back() background backgroundAttachment backgroundColor backgroundImage backgroundPosition backgroundPositionX backgroundRepeat backgroundPositi

                                                                      • setExpression と removeExpression について調べ物 - latest log

                                                                        IE 5〜7 限定のメソッド setExpression と removeExpression について。IE8のmode8では CSS:expression は廃止された(setExpression と removeExpression も廃止されたかは不明)。 setExpression element.setExpression(String:プロパティ名, String:式): undefined を返す element.style.setExpression(String:CSSプロパティ名, String:式): undefined を返す CSSプロパティ名はキャメルケース(backgroundImage) getExpression element.setExpression(String:プロパティ名): 式または undefined を返す element.style.

                                                                          setExpression と removeExpression について調べ物 - latest log
                                                                        • Joe's Blog — a non-linear personal web notebook

                                                                          /9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAHgAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAEAsLCwwLEAwMEBcPDQ8XGxQQEBQbHxcXFxcXHx4XGhoaGhceHiMlJyUjHi8vMzMvL0BAQEBAQEBAQEBAQEBAQAERDw8RExEVEhIVFBEUERQaFBYWFBomGhocGhomMCMeHh4eIzArLicnJy4rNTUwMDU1QEA/QEBAQEBAQEBAQEBA/8AAEQgEsAkUAwEiAAIRAQMRAf/EAKMAAAMBAQEBAAAAAAAAAAAAAAABAgMEBQYBAQEBAQEBAAAAAAAAAAAAAAABAgMEBRAAAgIBAwMDAgQEBAUCBgEFAAERAiExQQNREgRhcROBIpEyFAWhsUJS

                                                                          • ブログの記事ごとに背景画像を変更できるJavaScriptサンプルコード - 移転→hapilaki.net

                                                                            記事ごとに背景画像を変更すればそれぞれの記事に個性が出ておもしろいかも。コピペでサンプルコードを追加し、画像のURLを指定するだけ。 はてなブログでは 次の仕様に対応させる。 記事内にCSSコードを記入してもなぜか反映されない。 jQueryがページ下部で読み込まれる。 対応策としては次の通り。 コードを簡潔に書けるようにjQueryを使ってCSSを調整し、背景画像を変更する。 もしくはjQueryを使わずにJavaScriptで背景画像を変更する。 「続きを読む」でリード文と記事本文に分けている人向け。 jQueryを使うコード jQuery記法をページ内で反映させる jQuery本体が読み込まれる前のjQuery記法でも有効にするために、次のプラグインをデザインテーマに追加する。追加方法など詳細はリンク先ページで図解で確認できる。 チョマテヨ「ちょ待てよ!jQueryの2回読み込み、プ

                                                                              ブログの記事ごとに背景画像を変更できるJavaScriptサンプルコード - 移転→hapilaki.net
                                                                            • Swiftで手書きお絵かきアプリを作る - Qiita

                                                                              使い方は、 Carthage周りを準備(フレームワークの追加など) storyboardでUIViewを配置 配置したUIViewのクラスをDrawableViewにする だけで描けるようになります。その他プロパティはリポジトリha1fha1f/SNDrawableViewのREADMEに記載してあります // 設定項目 .lineColor: CGColor .lineWidth: CGFloat .numberOfQueuesToUndo: Int // メソッド .clear() .redo() .undo() .getImage() -> UIImage! だいたい名前の通りだと思います。 numberOfQueuesToUndo はundoで戻れる上限を示します。 PRもお待ちしております。 ********以下は旧記事です******** 概要 iOSで手書き入力を受付け、その

                                                                                Swiftで手書きお絵かきアプリを作る - Qiita
                                                                              • window.getComputedStyle for IE6+ - latest log

                                                                                IE6, IE7, IE8 用の window.getComputedStyle の実装(uu.cstyle.js)です。 uupaa.js 0.7 core の一部として開発していますが、これ自体はライブラリに依存していないため単体でも動きます。 uu.cstyle.js /*!{id:"uu.cstyle.js",license:"MIT",author:"uupaa.js@gmail.com"}*/ window.getComputedStyle || (function() { var _PT = /pt$/, _MORE, _UNIT = { m: 1, t: 2, "%": 3, o: 3 }, // em,pt,%,auto _THICK = (document.documentMode || 0) === 8 ? "5px" : "6px", _BOX_PROPS = []

                                                                                  window.getComputedStyle for IE6+ - latest log
                                                                                • 【C#】Graphicsオブジェクトの違いによる描画速度の比較

                                                                                  C#に限らず.NETのプログラムでは絵や線などを描画するにはGraphicsオブジェクトに対して描画を行いますが、Graphicsオブジェクトの作成方法で描画速度や挙動が異なります。 Graphicsオブジェクトを取得するメソッドにはCreateGraphics、FromHwnd、FromImageと、コントロールのPaintイベントのPaintEventArgsクラスのGraphicsプロパティから取得する方法があります。 まずは、結果から。 評価は画像を描画する速度と、線を描画する速度とで比較しました。 【描画速度の比較】 こちらはフォームのクライアント領域のサイズ、および描画するGraphicsオブジェクトを変えながら、サイズ1024×1024の画像を2枚、交互に表示した場合の結果です。 (評価プログラムのイメージ) (描画速度) 上記結果はフレームレートなので、値が大きいほど描画速

                                                                                    【C#】Graphicsオブジェクトの違いによる描画速度の比較