GoogleフォームでGoogle Apps Scriptを使って自動メール送信機能のついたお問合せフォームを作成してみた – やってみたら、できた。
『PHPで簡単にPDFを全ページ画像に変換する方法』
本を買わずに解決するWeb制作の小技 ホームページ作成でちょっとしたことを参考書を買わずに解決する方法をPHP CSS Webデザイン jQuery Flashを中心に便利な技をまとめていきます！現在、長野県長野市の制作会社でWeb作成中！ PDFを画像ファイル（JPEG,PNGなど）に変換してサーバーに保存させる方法を探していたらImageMagickを使うと簡単にできることが分かったのでやり方をメモ。 拡張モジュールImagickがインストールされているか確認してください。 インストールされていない場合は、下記のインストールを参考にしてください。 PDFファイルの全ページを画像に変換する$im = new Imagick(); //画像を生成したいPDFを読み込む $im->readImage('hoge.pdf'); //ページ数を取得する $totalPage = $im->get
JavaScriptだけで実装する、ページ内リンクのスムーズスクロール（はてなブログ仕様） - わたしと納豆ごはん
前回、jQuery で脚注もスクロールで移動するようにするスクリプトを紹介したのですが、この動作だけで jQuery を使うのはちょっと…、などと思うことがあるかもしれません。 わたしもどちらかと言えばそんな方です。なので、いろいろ調べてみてJavaScriptだけで作ってみました。 まあ、ページ内リンクのスムーズスクロールとなると、jQuery のほうが断然簡単に書けて楽なのですけどね（笑） でもまあ、何事もチャレンジ。なので、作ってみたスクリプトを紹介したいと思います。 JavaScriptだけで「はてなブログ」の脚注にも対応した、ページ内リンクのスクロール移動最近では JavaScript も jQuery のように書けるものが増え、以前に比べたら非常にシンプルに書けるようになりましたね。 ちょっとだけ長いですが、書いたコードはこちらです。あ、ちなみに対応ブラウザは日本でメジャーなブ
vue.jsでふっかつのじゅもん - jsdo.it - Share JavaScript, HTML5 and CSS
// キーボードのdomを生成するデータ var keyData = [ [ {label: 'あ', handler: 'spellInput'}, {label: 'い', handler: 'spellInput'}, {label: 'う', handler: 'spellInput'}, {label: 'え', handler: 'spellInput'}, {label: 'お', handler: 'spellInput'}, {label: 'ま', handler: 'spellInput'}, {label: 'み', handler: 'spellInput'}, {label: 'む', handler: 'spellInput'}, {label: 'め', handler: 'spellInput'}, {label: 'も', handler: 'spell
Inline Anchor Styles
It had been my luck to live en famille with some herder Lapps once before in North-Western Norway. I had some elk shooting and some fishing up there, and I came across the tribe one day poaching red char from one of my own hired lakes. When we actually did get under weigh, our outfit consisted of one inferior double-barrelled 12-bore shot-gun by an anonymous maker, one good Marlin ’45 repeating ri
pushStateに対応している場合には利用して、それ以外にはjQuery.hashchangeを使う < egashira.jp
pushStateに対応している場合には利用して、それ以外にはjQuery.hashchangeを使う Last Update: 2011-10-14先日に引き続きpushStateに関する話題です。この前はpushStateに対応していない場合にはlocation.pathnameもlocation.hashも変わらず、ブラウザの履歴には何も残らない状態でした。このサイトはIEの比率が高くないのでいいんですが、別途作っているサービスではWeb初心者の比率が高く、IEユーザにも配慮する必要があるため、hashchangeも利用することにしました。以下は簡単なサンプルです。pushStateに対応していない場合にはhashchangeプラグインは必要無いので別ファイルにして選択的にロードするとか改良の余地はありますが、IE6やIE8なんかでも意図したとおりに動作しているので良しとします。 $
pjax こそが pushState + Ajax の本命 - punitan (a.k.a. punytan) のメモ
pjaxの前にpushStateとは AjaxとjQueryの説明は不要として、pushStateとはなんぞや。 pushStateを使ってブラウザの履歴に対する操作をし、HTMLの一部のみを書き換える動作でもブラウザの戻る／進む機能を実現できる方法のひとつ。Ajaxなページを再現し、かつURLを見慣れた方法で自然にpermalinkを表現できる。 有名なところではGitHubで使われてるアレ。 hash fragment (/#!/) ブラウザの履歴を機能させるため、URL の fragment (#) を使ってAjaxなページを実現する方法。一時期もてはやされた感があるが、さらなる「#!」URL批判 - karasuyamatenguの日記 など合理的な反論があり、これから導入するのはためらわれるところ。 有名なところではTwitterで使われているあの厄介者。 pjaxとは pjax
ラジオボタンでグラフィカルなトグルボタンを作ってみる - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） HTMLでトグルボタンを実装するにはinput[type=radio]が近道ですが、 リッチな雰囲気にする為に見た目を制御したい。今回はそんなお話です。 「ラジオボタンがすでにグラフィカルでは？」という細かいつっこみは置いといて頂き、 本稿ではより自由度高く外見をカスタマイズする方法を記していきます。 ラジオボタンでなくともトグルボタンはJavaScriptで作れますが、 択一で選択する仕組みをわざわざ自前で実装するよりも、 その為に作られた物をその為に使って実現してみます。 マークアップ 例えばこんなHTMLとCSSを書きます。 血液型を選択する簡単なトグルボタンです。 HTML <form class="question"> <h1>あなたの血液型は？</h1> <ul class="bloodtype-list"> <li
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
こどもの国｜子どもが今やりたいことをして遊ぶ場所｜神奈川県横浜市
502 Bad Gateway