サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
体力トレーニング
create.irec.jp
もうひとつの運営サイト「大切な記録」のキービジュアルをフルスクリーン対応にしてみました。フルスクリーンに耐えさせる画像のチョイスは ボカしていてもビジュアルとして成り立つ フルスクリーンに耐えられる大きさ 被写体が引いてある といったところでしょうか?キャッチコピーなどの文字周り系は完全に別画像にしたほうが良いでしょう。今回僕は「ボカしていてもビジュアルとして成り立つ」画像を用意しました。シングルページにする想定ではありませんでしたが、そこそこ大きな画像ができたのでもしかするとそのうちシングルページになっているかもしれませんが今回はキービジュアルのみで、スクロール等の仕掛けも無しです。あくまでファーストビューのみフルスクリーンになるていです。 .height()で高さを取得する 実装したサイトはレスポンシブです。PCとタブレットはフルスクリーンでもいいですが、スマホのポートレートがフルスク
僕のXAMPPのバージョンは0.7.2です。そろそろWordpressのバージョンアップにPHPがついていけなくなりそうなので、XAMPP環境をアップグレードするかXAMPPやMAMPを使わずローカル環境を構築するか等、色々考えておりました。とりあえずXAMPPのPHPをアップグレードしようと調べていましたらXAMPPやMAMPを使わなくてもVagrantで手軽にローカル環境を構築できるという記事を目にしました。 仮想環境で構築する?どういうこと?VirtualBoxでプレビューするの?面倒じゃね?的なアホな事しか想像できてませんでしたが、そんなものじゃありませんでした。恥ずかしい・・・・Vagrantについての認識はまだそんなレベルですので、ちょっと自分自身が忘れないための忘備録を残しておきます。 Vagrantのインストール MacにVagrantでWordpressを構築する記事も結
メールフォームを設置するときは入力画面→確認画面→完了画面のタイプのメールフォームです。 僕が主に使わせていただいているのはWordpressではMW WP Form、CMSを使わない場合はTransmitMailを使わせていただいています。 両者共にブラウザの戻る機能で確認画面に戻りもう一度送信ボタンを押すとメールが送れない仕様だったはずなのですが、Mac版のSafariで送れてしまいました。ChromeやFirefoxは大丈夫でした。検証したのが随分前だったので、記憶に自信はもてません。他のブラウザは大丈夫だったのでSafariの仕様が変わったのかな?とりあえずjQueryでブラウザの戻るで戻った場合ページをリロードするようにしてみました。 確認画面に以下を記述すればOKです。
キービジュアルのみ迫力を出すために1500pxの領域を使い以降のコンテンツは1000pxで収める ブラウザの幅を1500px以下にしても横スクロールバーは出したくない そんな時のCSSテクニックです。 サンンプルページです。 以下はサンプルのソースです。 <article id="wrapper"> <h1>DEMO PAGE</h1> <div class="block"> <div class="inner">inner</div> </div> <div class="block02"> <p>contents</p> </div> </article>
OS X MavericksがApp Storeに登場しました!しかも無料!ちょっと無料には度肝を抜かれました!週末にでもじっくりアップグレードしたいと思います。 それとは別にiTunesとSafariとXcodeのアップデートがきてましたのでアップデート気分が味わいたかったので先にそれだけアップデートしました。 そしてGlimsがSafari6.1にアップデートして使えなくなってしまいました。1.0.39は完全に動かなくなり、ならばと思い1.0.41をインストールしてみましたが先日と同じ現象になったのでやむなくアンインストール。 ダウンロードフォルダを日付ごとに自動で振り分けてくれる機能が凄く気に入っていたので残念です。 で、他の方法を探してみました。 Hazelで監視する Appleスクリプトをフォルダアクションに設定する この2通りの解決策にいきつきました.Hazelはシェアウェアな
Sponsored Links Macでホームページ作成のコンセプトは「まず、やってみる」 Macでホームページ作のコンセプトは「まず、やってみる」です。なのでコンテンツによっては説明不足と感じることもあるかもしれませんが、後ほどご説明いたしますし、同じような内容を反復いたしますので安心して読み進めてください。このての事は頭で考えるよりも実際に手を動かした方が理解が深まりやすいですし、ホームページ制作は一つ覚えた事の応用でできる場合が多いので、いずれかのタイミングで理解できるようになります。もう一つのコンセプトは実務で使える制作です。僕の経験則になりますので、偏っているかもしれませんが、その辺はご容赦ください。 アプリケーションなどの情報はMacが中心です Macでホームページ作成と銘打ってますが、アプリケーションの使い方や情報ショートカット等がMac中心なだけでWindowsユーザーの方
WordPressのメールフォームプラグインMW WP Formを当サイトに導入してみましたので個人的感想や設置方法などを MW WP Formの特徴 確認画面が表示可能 受け取ったメールはデータベースに保存可能 送信後ブラウザをリロードしても2重送信されません バリデーションルールが豊富 管理画面上から自動返信メール、管理者宛メールの設定ができる 送信後ブラウザをリロードしても2重送信されないのは嬉しい機能です。ちなみにブラウザの戻るで戻ってもう一度送信しても送信できませんでした。トランザクショントークンでしょうか? まだ仕様を詳しくみてないのであれですが、さりげなくその辺が実装で来ている所が心憎いです! MW WP Formの実装 プラグインを有効化し、僕がまず気になるのがhead内にでるcss読み込みの記述です。 functions.phpに以下を入力して読み込みを解除します。 fu
このページを最初にブックマークしてみませんか?
『https://create.irec.jp/』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く