購入ボタンを押すと美しく梱包してくれる見て楽しい触って気持ちいい購入ボタンの実装
面白いなーと思いまして。 購入ボタンをクリックするとまるでそれを包装してくれるかのようにアニメーションして、購入につなげるアクションです。 特にこのサンプルで表示されているのはギフトカードの購入なので、まさにギフトカードを包み込むようにアニメーションするのが気持ちいですね。 以下サンプルでBuyをクリック！ See the Pen Gift Card UI by David Khourshid (@davidkpiano) on CodePen. HTMLと、SCSSのみ。JavaScriptはつかっていませんので、非常にシンプルな構造になっています。 是非お試しあれ。 それでは、また。
PHPでxmlファイルを読み込んでみる ｜ Tips Note by TAM
PHPのsimplexmlを利用して、 XMLファイルを読み込んで情報を出力させてみます。 更新したブログの情報を別のサイトやトップページに表示させたい時などに便利です。 サンプルで下記を読み込んでみます。 [sample.xml] <?xml version="1.0" encoding="utf-8"?> <rss> <channel> <item> <title>テスト01</title> <link>URL01</link> </item> <item> <title>テスト02</title> <link>URL02</link> </item> <item> <title>テスト03</title> <link>URL03</link> </item> </channel> </rss> [テンプレート] simplexml_load_file関数を利用して読み込みます。 ※s
map関数 - 配列のすべての要素の変換 - Perl入門ゼミ
Perl › 関数 › here 配列のすべての要素を変換するにはmap関数を使用します。@arrayの各要素がデフォルト変数$_に渡されてきますので、コードブロック{ }の中で必要な変換を行います。変換文で最後に評価されたものが@mappedに順番に追加されます。 # 配列のすべての要素の変換 @mapped = map { 変換文 } @array; サンプル mapを使ってすべての要素を2倍するサンプルです。@numsが(1, 2, 3)の場合は@doubledは(2, 4, 6)になります。 # すべての要素を2倍 my @nums = (1, 2, 3); my @doubled = map { $_ * 2 } @nums; mapを使ってすべての要素の先頭の文字列を削除するサンプルです。@strsが(' a', ' b', ' c')の場合は@trimedは('a',
環境一新:やっぱりPDTじゃなくPHPEclipseにした理由 - EC studio 技術ブログ
以前書いたテキストエディタからPHPEclipseへ移行した決め手の 記事から一年たちました。 Eclipseも新バージョンが登場し、PDTも1.0正式版が出ましたし、 OSも社内ではVistaに切り替わりつつあります。 というわけで、開発環境一新プロジェクトが立ち上がり、 新しくでた環境の検証を行いました。 EclipseはFireFoxと同じようにプラグイン機構なのですが、 構成をいじろうとするとツールごとの相性の問題などで 頻繁にエラーがでてしまいます Eclipse本体のバージョンやプラグインのバージョンを とっかえひっかえしながら安定する環境をなんとか作成しました。(大変！) 最終的に作った環境は以下になりました。 Eclipse Platform 3.3 Europa Pleiades (日本語化プラグイン) PHPEclipse v1.1.8 (PHP開発環境) Subcli
文字化け解説・文字化けパターンサンプル - instant tools
目次 文字化け解説・文字化けとは 概説 「文字コード違い」によって発生する文字化けの仕組み 文字化け解説・「文字化けテスター」で復元率を高めるコツ クエスチョンマークに置き換えられている部分 単独で安全な文字 単独で復元できない文字 句読点 QuizKnockのYouTube動画の補足 文字化け解説・文字化けパターンサンプル 元のファイルがUTF-8の場合 元のファイルがSJISの場合 元のファイルがEUC-JPの場合 文字化けのパターンのサンプルです。 このページでは、HTMLファイルのヘッダの文字コード指定が間違っている場合などに ブラウザで開いた際に発生する文字化けについて、それぞれの文字化けを閲覧者のブラウザで実際に発生させる事ができるサンプルを用意しました。 対象の文字コードは、UTF-8・Shift_JIS・EUC-JPの3つとしました (2015年3月現在で、日本語文字を表示
秀まるおのホームページ(サイトー企画)－秀丸メールの新機能紹介
秀丸メールの主な新機能のうち、特にユーザーさんに知ってもらうと便利そうな機能を、最新版から順に紹介します。 Version 7.20（2023年8月9日） ・送信者ドメイン認証のヘッダ（Authentication-Result: / Received-SPF:など）の内容によって、メールの差出人を色分け表示します。PASSの場合（送信者が偽装されてない場合）は青で表示し、FAILの場合（差出人が偽装されてる場合）は赤で表示します。不明な場合（送信側または受信側が送信者ドメイン認証に対応してない場合）は通常通りの表示になります。 「全般的な設定・ウィンドウ・枠のタイトルバー」にオプションが追加されてます。 迷惑メールフィルターでの迷惑判定にも送信者ドメイン認証の結果を利用できるようにしています。 ・秀丸エディタのVersion 9.21とソースコード同期をして、秀丸エディタの新機能であるJ
iptablesによるIPマスカレード(NAT) - エーエイチレフ linuxサーバー技術情報
Linuxをルーターとして使用したい場合のマスカレード設定です。インターネットの接続へは１つのグローバルIPアドレスしかなく、その１つのIPアドレスをローカルネットワーク内で共有し、インターネットを利用する為にはIPマスカレードとパケット転送機能の設定が必要です。 以下のような構成があるとします。 ←eth0側 eth1側→ [グローバル] ---- [ゲートウェイPC(Linux)] ---- [ローカルPC] ネットワークの設定を適切に行っていればゲートウェイPCからはインターネットに接続できますが 他PCからはインターネットに接続できません。 これを接続できるようにするにはゲートウェイとなるPCにIPマスカレードの設定が必要です。 ゲートウェイとなるLinuxPCの設定 ゲートウェイとなるLinuxPCにはNICが二つ必要です。(グローバル側とローカル側) こ
ゴーストボタンにマウスを乗せたときの動きいろいろ16個
昨年くらいから流行っているらしいゴーストボタンというもののサンプルをいくつか作ってみました。皆さん色々作られていて、今さら感もありますがぜひご覧ください。 今回、以下のルールに沿って16個サンプルを作りました。 HTMLは全て同じ マウスを乗せる前は同じ状態 擬似要素は使っても1つだけ 擬似要素を2つ使ったり、spanなんかをはさんでやるともっと色々できると思いますが、今回はシンプルにマウスを乗せたときに動きをつけるサンプルを紹介します。 サンプルはこのページで全て載せていますが、まとめて見たいという方はこちらをどうぞ。 ということで、HTMLはこんな感じになります。 <a href="#" class="btn sample1">sample 1</a> 普通のリンクですね。btnは共通部分、sample1はサンプルごとで違ってくる部分になります。 では、共通部分のCSSです。 a.bt
javascript - JavaScriptからファイルをダウンロードさせるのはどうしたら良いですか？ - スタック・オーバーフロー
contentをfileNameでダンロードしたい場合の実装 contentは生の文字列 var downloadAsFile = function(fileName, content) { var blob = new Blob([content]); var url = window.URL || window.webkitURL; var blobURL = url.createObjectURL(blob); var a = document.createElement('a'); a.download = fileName; a.href = blobURL; a.click(); }; コレでも可 var downloadAsFile = function(fileName, content) { var a = document.createElement('a'); a.d
バッチ処理でファイルの中身を変数に入れるやり方
あるファイルの中には1行の文字列があります。 このファイルをバッチで読み取り、変数に設定したいです。 例: test.txt abcacbacbacbacbacbacbacbacb test,bat set DATA=[test.txtを読み込んだ値] よろしくお願い致します。
MPFRについて：任意精度数値計算ライブラリ
以前、１億桁のπの計算のためGMPを使いました。しかし、これには四則演算しか存在していなくて、通常の科学計算にはとても使えませんでした。 その後、調べていたらGMPを元に三角関数等をできるようにした、MPFR、MPCがありました。これら３つのライブラリは何とgccをビルドするのに必要なパッケージだとかで（何に使ってるんだ？）、最新のgccを使いたければインストールしておかないといけません。依存関係があり、GMP←MPFR←MPCという感じになるので、その順番にインストールしていかないといけません。大雑把に概要をいうと、以下のようになります。 ・GMP 任意精度算術演算ライブラリ ・MPFR こちらも任意精度の浮動小数点数演算ライブラリ（各種関数あり） ・MPC 複素数演算ライブラリ MPFRの簡単なサンプルを以下に示します。（これらのライブラリはCなのに注意） /* mpfrの使い方を調べ
任意精度計算ライブラリ(GMP)の使い方 - pyopyopyo - Linuxとかプログラミングの覚え書き -
プログラミング時に注意すべき点の一つに，計算精度の問題があります． たとえばC/C++だと，doubleで計算しても有効桁数は15桁程度(10進数で)しかありません．その結果，以下のような状況で間違った計算結果が出てしまいます． 取り扱う数値が15桁を越える場合 取り扱う数値が7桁を越える場合 たとえば8桁同士の掛け算が行われるとその結果は最大16桁になります．double型の変数には15桁程度の情報しか保存できないので，下位1桁の情報は棄てられます． 取り扱う数値の最大値と最小値に，15桁の以上の差がある場合 たとえばC言語のdouble型で(1.0 + 1e-16)を計算すると結果は 1.0 になります． これら計算精度の問題を避ける方法の一つにGMPというライブラリを使う方法があります。以下ポイントをまとめます。 GMPとは GMP(GNU Multiple Precision li
即日対応、ウレタンスポンジ加工を一個からお引き受けします。 | TOPページ | 株式会社大番
工業製品向けの加工 家電や建機、農機など機械の内部には、振動音を減少させる吸音材や結露による故障を防ぐための断熱材、 機密を確保するためのシール材、パッキンなど様々な緩衝機能材が使用されています。 株式会社大番では、創業より60余年にわたりスポンジ、ゴム機械部品に特化した加工を行って来ました。 蓄積されたノウハウで、求められる機能性や耐久性に応じた素材選定と多種多様な加工技術で、お客様の問題解決にお応えします。試作から量産まで、柔軟に対応する体制が整っております。
HTMLテンプレートの基本ファイル一式、Webページを実装するための必要最小限をまとめたHTML
HTMLで、Webページやアプリを作成する時に役立つ、フロントエンド用に必要最小限をまとめたシンプルなHTMLの基本テンプレートのファイル一式を紹介します。 v.8.0.0がリリースされ、現在の環境に合わせた設計にアップデートされました。 IE11を含む、すべてのモダンブラウザをサポートしています。 HTML5 Boilerplate -GitHub HTML5 Boilerplateの特徴 HTMLの基本テンプレート HTML5 Boilerplateの使い方 HTML5 Boilerplateの特徴 HTML5 Boilerplateは、Webサイトやアプリを実装するためのプロフェッショナルなフロントエンド用のHTMLの基本テンプレートです。 実践的な基本のテンプレート 200人を超える貢献者による分析・研究・実験をもとにしています。 ブラウザの見え方を最適化 プログレッシブエンハンス
みんな大好きリキッドレイアウト～固定幅＋リキッドレイアウトに挑戦～ « SetucoCMSプロジェクト
はい、こんにちは。リーダーのskyguildこと三上です。 SetucoCMS合宿@2011のLT大会でリキッドレイアウトの話をしました。今回はそのスライド内で語り切れないデモの部分を中心に解説してみます。 リキッドレイアウトのLTスライド うまく表示されない方は下記のリンクからご覧ください。 みんな大好きリキッドレイアウト（別窓で開きます） 要約 リキッドレイアウトとは、可変レイアウトの一種で、ブラウザ幅に対して％で幅を指定する。 リキッドレイアウトなら閲覧環境に合わせて最適なレイアウトに可変できる！ とはいえ、「ナビゲーションの幅が可変すると使いづらい」とか一部は固定幅にしたい。そんな時の固定幅+リキッドレイアウト。 参考にしたサイト：「サイトの横幅」再論：950px時代のウェブデザイン 実装方法 というわけで、普通のリキッドレイアウトと、固定幅+リキッドレイアウトの実装方法について解
Ruby support in Firefox Developer Edition 38 – Mozilla Hacks - the Web developer blog
It was a long-time request from East Asian users, especially Japanese users, to have ruby support in the browser. Formerly, because of the lack of native ruby support in Firefox, users had to install add-ons like HTML Ruby to make ruby work. However, in Firefox Developer Edition 38, CSS Ruby has been enabled by default, which also brings the support of HTML5 ruby tags. Introduction What is ruby? I
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
ファイルから読み込んだ数値を演算するには？ (DOSプロンプト活用相談室LOG)
■小ネタ動画
絶版マンガ図書館 | かくてるポニーテール