[JS]ボタンがパネルに、パネルがモーダルウインドウにアニメーションで変形する超軽量スクリプト -cta.js
最近のWebページで人気があるのは、ビジュアルの連続性。 パネルをクリックすると、それが拡大してモーダルウインドウになり、ボタンをクリックすると、それが変形してパネルになるなど、ユーザーのアクションをトリガーに要素が別の要素にアニメーションで表示される超軽量（1.2KB）スクリプトを紹介します。 モーダルウインドウとサイドバーのデモ コマを落としているので分かりにくいですが、ボタンをクリックするとモーダルウインドウやサイドバーに、アニメーションで変形して表示されます。 cta.jsの使い方 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 <body> ... コンテンツ ... <script src="src/cta.js"></script> </body> Step 2: HTML 一つ目のデモ「タイル状コンテンツ」のHTMLは、こんな感じです。 data
![[JS]ボタンがパネルに、パネルがモーダルウインドウにアニメーションで変形する超軽量スクリプト -cta.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/3b796beb0e3307e8d7086ea2aaa29efd7e12d443/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015042101.png)
ExtendScript カテゴリーの記事一覧 - Two hats
久々にイラストレーター用のスクリプトを作成しました。今回のスクリプトはダミー画像を大量に作るというスクリプトです。 大規模なシステムのソフトウェアのリニューアルの案件などで稀に、刷新される新しいデザインに沿った画像ができあがるまで既存の画像…
Webアプリケーションでのビットフラグ - ソース味のテラケン
どうもお久しぶりです。 データ容量やメモリ容量を抑える為に、ビットフラグで情報を管理するのは、常套手段ですよね。 PHPではenumがないので(OrbitEnumは非推奨ですしね)、defineかハッシュを使います。 すなわち、 <?php define("STATUS_01", 0x00000001); ///< ステータス1フラグ define("STATUS_02", 0x00000002); ///< ステータス2フラグ define("STATUS_03", 0x00000004); ///< ステータス3フラグ define("STATUS_04", 0x00000008); ///< ステータス4フラグ $status = 0; // ステータス1フラグを設定 $status |= STATUS_01; // ステータス2フラグを解除 $status &= ~STATUS_0
ビットフラグをDBのテーブル設計に用いてみる – sawara.me
DBのテーブル設計を行うときにフラグを持つフィールドは、それぞれtinyint(1)とかでフィールドを作って0 or 1を入れるようにしていました。 [sql title=”こんなかんじで”] CREATE TABLE `sample_old` ( `id` int(10) unsigned NOT NULL AUTO_INCREMENT COMMENT ‘ID’, `flg1` tinyint(1) unsigned NOT NULL DEFAULT ‘0’ COMMENT ‘フラグ１’, `flg2` tinyint(1) unsigned NOT NULL DEFAULT ‘0’ COMMENT ‘フラグ２’, `flg3` tinyint(1) unsigned NOT NULL DEFAULT ‘0’ COMMENT ‘フラグ３’, `flg4` tinyint(1) unsig
SSHポートフォワーディングでMySQLに接続する方法
SSHポートフォワーディング（トンネリング）でMySQLに接続する方法を紹介します。 ここではWindowsのMySQLクライアント「HeidiSQL」+SSHで、さくらVPSのMySQLに接続する例で解説します。 HeidiSQLについては以下の記事を参考にしてください。 Windows向けMySQL管理クライアント「HeidiSQL」 本手順の設定を行う場合、以下の記事を参考に、公開鍵と秘密鍵の設定を予め行って下さい（WinSCPまで接続確認できていればなおGood）。 WinSCPを使って公開鍵認証でログインする方法（PuTTYgenで鍵生成） １．SSHポートフォワーディングとは SSHポートフォワーディング（トンネリング）とは、図のようにSSHによって確立した通信経路を利用して、クライアント（ここではHeidiSQL）のポートをMySQLのポート（3306）にマッピングすることを
Ｅｘｃｅｌの起動が遅い時の解決方法 : 現役SE開発関連情報綴り
5月24 Ｅｘｃｅｌの起動が遅い時の解決方法 カテゴリ:OFFICE excelの起動が遅い。 文書を開くときに、数分かかってしまう。 そのようなときに以下の方法でexcelの起動の遅さを解決できる可能性があります。 原因のひとつとしてツール バー ファイル (Excel.xlb) またはクイック アクセス ツール バー ファイル (Excel.qat) が破損して起動動作を遅くしている可能性があります。 ■ツール バー ファイル (Excel.xlb)の修復 １．以下のフォルダーを開きます。 ■windowsXP マイコンピュータから以下の場所に移動します。 C:\Documents and Settings\<ログインユーザー名>\Application Data\Microsoft\Excel ※<ログインユーザー名>は今現在ログインしているユーザに置き換えてください。 ■windo
Win8.1からWin7へリモートデスクトップ(RDP8.1)で繋げる方法
会社のPCが新しくなり、OSがWin8.1になりました。 家でも多少Win8.1は使用しているので問題ないのですが、もともと使っていたWin7やVista、XPにリモートデスクトップで繋げるとネットワークが悪いのか！っていわんばかりに反応が遅かったです。 なので調べてみるとWin7以下にRDP8をインストールすれば遅延は解決するようです。 レスポンスが悪い原因はウイルスバスターが原因でした。アンインストールすればサクサク動きましたのでWin7をRDP8.1で繋げる方法に変更します。 ※何故か一部環境にてrdpudd.dllが原因によるブルースクリーンが発生します。ブルースクリーンが発生した場合、RDP8の設定をやめた方がいいです。 設定方法 Windows Update コントロール パネル⇒システムとセキュリティ⇒Windows Updateにアクセスし、オプション選択インストールでKB
CSSでの@font-face,つまりweb fontが使えない事でハマった件。 | WisdomTrees
どうもこんにちは！最近はとっても寒いですね。 しかも、新年からなんとなくイメチェンしたくて先輩のやってる美容室に行って 「なんか変わった感じにしてください」とお願いしたら、ものすごい刈上げをいただき、首元がスースーすごい！ 第二次世界大戦時のドイツ男性みたいな髪型になりました。面白い！でも寒い！ 近況報告はこのあたりにして・・・。 最近友人のホームページを製作中に、友人の提示するフォントをホームページ中に使って欲しいと言われました。 WEBフォントの事は大体知っていたので、「ああ、出来ると思うよ。出来る出来る。」と二つ返事で快諾したところまではよかったのですが。 もらったフォントはTTFファイルであるにも関わらず、ど～しても適用できない。 どこのリファレンスを見ても @font-face{ font-family:'testFont'; src:url('FontFileName.ttf'
Xlune::Blog
可変グリッドレイアウトjQueryプラグイン(jquery.vgrid.js) なんだか可変グリッドレイアウトがまた流行ってる（？）ようなので、jQueryプラグイン書いてみた。 一通りブラウザで表示確認ぐらいはしたけど、テストは十分じゃありません。 Demo Demo Index 利用方法はデモのソースを確認してください。(ウィンドウリサイズして動きも確認してね) Download github zip file 利用には、jQuery本体とjquery.easingプラグインが必要です。別途読み込んでください。 更新情報 v0.1.8 (20120421) display属性で、グリッド要素の表示/非表示を切り替えれるように修正しました。 demo009を追加 v0.1.7 (20111110) 複数の可変ボックスを指定すると、開始位置がおかしくなるバグを修正しました。 demo008
jqueryを効率よく学ぶ方法は？ - プログラミング学習の窓口
jQueryを学ぼうと思ってネット検索をしても、色々な情報が出てきてどの情報を参考にすればいいか分からないという経験をした方はいるのではないでしょうか。 特に独学で学ぼうとすると、その壁によくぶつかります。ドットインストールのようなメジャーなサービスも使ったことがなければ、その価値は分かりません。 そこでおすすめなのがプログラミングスクールの活用です。最初に何から学ぶべきかといった説明はもちろんのこと、キャリアプランまで相談に乗ってくれるので、ただ単に学んで終わるということが減らせます。 The post jqueryを効率よく学ぶ方法は？ first appeared on プログラミング学習の窓口.
PHPでPDF帳票を出力する方法（TCPDF + FPDI） - Qiita
PHPでPDFを出力する場合、PDFlib や FPDF 、haru などさまざまなソリューションがありますが、たとえば、請求書や納品書といった、レイアウトが複雑なデザインの帳票を出力したいときには、 既存のPDFをテンプレートとして活用し、そこに必要な文字だけ配置していく ことでソースコードをシンプルに保つことができます。 既存のPDFをテンプレートとして読み込むことができ、かつ無償で活用できるライブラリとして、TCPDF と FPDI の組み合わせをご紹介します。 テンプレートとなるPDFを作成する PDFの読み込みを行うFPDIは、有償のパーサーを別途導入しない場合、PDF 1.5以上のファイルをパースすることができません。テンプレートとなるPDFファイルは PDF 1.4以下の圧縮形式で作成する必要があります。 また、PHP上から文字を配置する場合、座標を使用するため（左から10m
宅急便のサービス拡充について | ヤマトホールディングス
近年、通販やオークション市場の拡大に伴い、「小さな荷物」の宅配に関わるニーズが多様化しています。 法人のお客さまからは、小さいサイズの通販商品に適した安価で高品質な宅配サービスへのニーズが、また個人のお客さまからは、オークションやフリーマーケットサイトなどを通じた小さな荷物のやりとりに、スピーディーかつ安心して利用できるサービスへのニーズが拡大しています。
郵便局 | 日本郵便株式会社
郵便ポストからいつでも差し出せます。フリマアプリやネットオークションに出品した小型の商品などを、安く、簡単に送ることができます！ 土曜日・日曜日・休日も含めて毎日配達いたします。
『Lenovo G475 の OneKey Recovery で出荷時状態にリカバリー』
iPad 2 を購入してから殆ど電源を入れることが無くなってしまった Lenovo G475。知人に譲ることになり「OneKey Recovery」でリカバリーしてから渡す段取りでしたが、購入時に作成しておいたリカバリーディスクでリカバリーが一向にできない有様。 BIOS の設定でハードディスクより DVD ドライブを先に起動するように設定（他の起動ディスクで試して起動することを確認済）しているのにも関わらず、OneKey Recovery で作成した起動リカバリーディスクだとハードディスクが起動してしまう。何で？！ 何度試しても駄目だったのであきらめて Windows 7 上から OneKey Recovery を起動。ここからリカバリーすることに。すると一旦 Windows がシャットダウンし、リカバリーモードで再度 PC が立ち上がりました。これが正解なんですかね？ その時のスクリー
RGBA colours in IE via a LESS mixin
Modern browsers have support for RGBA colours, allowing you to have semi-transparent background colours. Unfortunately, this only works in awesome browsers (everything except IE 8 and below). However, IE does support a custom gradient filter. Whilst it's commonly used to render gradients (obviously), it supports alpha transparency. If you set the start and end colours to be the same, this has the
なぜリセットではなく Normalize.css を使うのか | Yomotsu net
まずは、歴史をみてみよう。 初期* { margin:0; padding:0; border:none; } table レイアウトから CSS レイアウトへの移行期に考案された。すべてゼロにするというコードで、実装者が書いたコードのみが適用できるという手法。弊害として input 要素の枠線など、本来、スタイルをゼロにする必要がない箇所までスタイルが消えてしまい、しょうがないので更に上から枠線を加えるなどが必要になっていた 中期今から 5 年ほど前の 2008 年、エリックメイヤー氏によるリセット CSS や YUI のリセット CSS が登場した。全称セレクター「*」 ではなく、要素セレクターそれぞれに対して CSS をゼロにするという手法。 ただし、p や見出し要素の上下マージンや li のリストスタイルまでも依然としてゼロになっていたため、次のような、本末転倒な HTML まで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - NEKOGET/ci_user_guide_src
[CSSのハマリどころ] marginの相殺 | ファーストロジック ラボ
PHP_AUTH_USER not set?
Progate | プログラミングの入門なら基礎から学べるProgate[プロゲート]![Progate | プログラミングの入門なら基礎から学べるProgate[プロゲート]](https://cdn-ak-scissors.b.st-hatena.com/image/square/2ab30e2329cc1549a46525bef7d0686d8dca4b79/height=288;version=1;width=512/https%3A%2F%2Fprog-8.com%2Fimages%2Fogp%2Fdefault.png)
