筆者は、長らく MAMP を利用してきました。 しかし WordCamp Kyoto 2017 を契機に、 valet というツールも積極的に使うようになりました。この valet のいいところは、VCCW, Wocker などの優れたツール同様、WordPress をインストールしたり削除したりする機能が盛り込まれているので、テスト環境を作成しやすいことです。また標準で 下図のように自己証明書エラーにならない常時SSL（https://◯◯.dev） が利用できます！ ※【Virtual Host 対応】コマンドツールで MAMP を SSL 対応しよう！ - macOS High Sierra 編 - も公開（2018年2月9日） valet では .htaccess が使えない valet は Apache ではなく Nginx が利用されているので、 .htaccess が利用でき

#1 【アートボード】アートボード作成、修正、書き出し 三階ラボさんのアートボード作成・再構築・書き出しのワークフローが鉄板。 特にアートボード名の修正（一括置換など）はデフォルトではできないので、本当に重宝します。 3flab inc. | #Illustrator でアートボードごとに画像を書き出してからファイル名を変更するのが面倒くさい 3flab inc. | アートボード再構築 3flab inc. | #Illustrator でアートボードを作り、そして書き出す #2 【テキスト】選択したテキストの編集をダイアログボックス内で行う これまた、三階ラボさんのスクリプト。 3flab inc. | テキスト編集 | Edit Texts Pro for Illustrator 3flab inc. | #Illustrator のテキスト編集をスムーズに行う リアルタイムプレビュ

GEOlayers 3 lets you design and animate maps directly in After Effects. It renders custom maps for you from different online data sources. It also provides direct access to extensive databases of geospatial features of the world. You can easily draw buildings to After Effects shape layers, highlight country borders, streets, lakes, rivers, places, regions, animate driving routes, and extrude build

こんにちわ。システムエンジニアのリョータです。 前回は、オプションをずらーっと並べて紹介しました。 mysqldumpの使い方 オプション編 mysqldumpのオプションが多すぎて、どこをどうすればいいのかわかりません。 ということで、今回はもうすこし実用的な形で進めたいと思います。 今回は、テーブルやデータベースをバックアップ＆リストアをする、基本的な方法をまとめてみました！ テーブル まずは、テーブルをバックアップ＆リストアする方法です。 1.テーブルのダンプ mysqldump -uroot -p -hlocalhost database_name table_name > filename テーブルの定義とデータをダンプする方法です。 テーブルは、1つだけでなく複数指定することもできます。 mysqldump -uroot -p -hlocalhost database_name

qdmail.php �� >V � ��=V <?php /** * Qdmail ver 1.2.6b * E-Mail for multibyte charset * * PHP versions 4 and 5 (PHP4.3 upper) * * Copyright 2008, Spok in japan , tokyo * hal456.net/qdmail : http://hal456.net/qdmail/ * & CPA-LAB/Technical : http://www.cpa-lab.com/tech/ * Licensed under The MIT License License * * @copyright Copyright 2008, Spok. * @link http://hal456.net/qdmail/ * @version 1.2.6b *

画像は使用せずにCSSだけでスタイリングしたタイトル（見出し）のデザインサンプルで、似たようなものやちょっとCSS追記した程度のものも多いですが全50種類です。 全体的にすごく手間がかかっているようなものはないのですが、似たようなタイトルデザインを使う場合はCSSコピペで実装できると思います。 また、一部複数行に向かないものもありますが、基本的には複数行のタイトルでも見栄えが崩れない感じのものになっており、余白やカラーなどを調整することでデザインを変更するのも容易です。 以下で紹介している内容は一部異なるものもありますが、基本的に下記のようなシンプルなHTMLを使用しています。 ただ、一部異なるものといってもいずれもspan要素を1つ追記する程度です。

Description Advanced Custom Fields (ACF®) turns WordPress sites into a fully-fledged content management system by giving you all the tools to do more with your data. Use the ACF plugin to take full control of your WordPress edit screens, custom field data, and more. Add fields on demand. The ACF field builder allows you to quickly and easily add fields to WP edit screens with only the click of a f

matchHeight makes the height of all selected elements exactly equal (2014) Modern browsers This library was developed before related functionality became available in the browser. Therefore it's now strongly recommended to use more modern CSS techniques in place of this library. For some alternatives see CSS Flexbox and CSS Grid. Features match the heights for groups of elements automatically use

ダンダダン考察まとめ 各種考察まとめ 時系列のまとめや各エピソードで気になる伏線などを考察しています。 アニメ・漫画 【電子書籍】安いおすすめサイトまとめ！全巻安く読む方法をご紹介 【どこまで放送】アニメいつから？主題歌や放送局についてもご紹介 【宇宙人や妖怪一覧】まとめ！名前や元ネタもご紹介 【強さランキングTOP10】カシマレイコやターボババアの実力は？ 【主要キャラクター一覧】人間・妖怪・宇宙人別にご紹介 【呪い】種類・効果・影響を徹底検証！ 【必殺技まとめ】モエモエ気功砲や蛇銃の強さを考察 【死亡キャラ一覧】バモラやオカルンは死ぬのか？ 【最終回】結末を徹底考察！最後は何を達成したら完結する？ 【タイトルの意味】163話で回収された伏線を徹底考察 【好きな人におすすめ】似ている・類似する漫画やアニメ10選 キャラ・ネタバレ 【オカルン(高倉健)】死亡する？モモとの関係や変身について

これからのCSSレイアウトはFlexboxで決まり！FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。前々からあった技術ですが、ブラウザーによって書き方が違ったり、仕様がころころ変わったりと、イマイチ一歩踏み出せない感があったFlexbox。しかしようやくモダンブラウザーでの利用に難がなくなり、実務にも充分使えるようになりました。今回はそんなFlexboxの魅力と使いドコロを、デモ付きで紹介していこうと思います！ 対応ブラウザーCan I use…で紹介されているように、現行のモダンブラウザーでは問題なく利用できます。ただし、Safari 用に -webkit- のベンダープレフィックスが必要です。IE については 11 から正式に対応。IE10 にも対応していますが、書き方が少し変わって

こんにちは。エンジニアののびすけです。 最近はひさしぶりに浅草をランニングして健康オタクを気取っています。 さて、ランニングといえば、アプリを使ってタイム測定をしている人も多いのではないでしょうか。大半のアプリには地図が内蔵してあり、特にGoogle Mapsを呼び出しているものが多いですね。 そこで今回は、そのGoogle Mapsをカンタンに導入できるgmaps.jsを使ってみたいと思います。コピペで試せるので、JavaScriptが得意ではないデザイナーやコーダーの方にもおすすめです。 http://hpneo.github.io/gmaps/ gmaps.jsはGoogle Maps APIを使いやすくしてくれるライブラリです。 そのメリットは大きく3つあります。 1. シンプルなコード 記述方法がとてもカンタンで、通常のGoogle Maps APIよりも分かりやすいソースコード

A modular, responsive and touch-enabled jQuery slider plugin that enables you to create elegant and professionally looking sliders. The slider is also available in Vanilla JavaScript and as a WordPress plugin. Main features: modular architecture responsive touch-swipe CSS3 transitions animated layers (and static) infinite scrolling carousel layout different sized images full width and full window

デスクトップ、スマホ、タブレットの表示・操作に対応したさまざまなスライダーを実装できるjQueryのプラグインを紹介します。 今必要とされるさまざまな機能を備えています。 「Pro」がついてるから有料？って思うかもしれませんが、MITラインセンスで個人でも商用でも無料で利用できます。 Slider Pro Slider Pro -GitHub Slider Proの特徴 Slider Proのデモ Slider Proの使い方 Slider Proの特徴 Slider Proはさまざまなスライダーをモジュール式に実装でき、レスポンシブ対応、タッチ操作にも対応したjQueryのプラグインです。 デフォルトの5タイプのスライダー 機能は非常に豊富です。 さまざまなデバイスのスクリーンに対応 デフォルトで完全にレスポンシブ対応（デモ全て） タッチ・スワイプ操作に対応（デモ全て） ブレイクポイント

Webサイトのプロトタイプやワイヤーフレームなどに使えるページレイアウトを数クリックで作れてしまうPhotoshop CS6/CC/CC2014対応の機能拡張を紹介します。 今時のコンポーネントが数多く用意されているので、デザインの勉強にもいいですよ。 Velositey v2 Velositey v2とは Velositey v2のインストール Velositey v2の使い方 Velositey v2とは Velositeyをは「Photoshopでの作業がはかどる便利な機能拡張・プラグインのまとめ (1,000 Pocket Thanks!)」で紹介した時からバージョンアップし、機能も大幅に強化されました。このバージョンからCC2014対応です。 Photoshopにインストールすると、最近のWebページで見かけるさまざまなコンポーネントが1クリックで簡単に利用できます。 左上から、

dropzonejs.com 2014月7月1日: dropzone.js のバージョンが上がり、以前の記事の内容では動作しないものが多くなっていたため、2014年7月1日時点での最新版 3.10.2 の仕様にあわせて記事内容を見直し、改訂しています。(更新が遅くなってしまってすみません。) サポートしているブラウザは Chrome 7+ Firefox 4+ IE 10+ Opera 12+ (Mac版のOperaではバグがあるため現在は無効のようです) Safari 5+ となっています。 ドラッグアンドドロップが利用できないブラウザのためには、 クリックするとinput:fileで表示されるファイル選択ウィンドウを表示させたり、 動作しなかったときの処理を書いて対応することが可能となっています。 動作方法 まず実際に動かしてみましょう。 事前にdropzoneを下記よりダウンロードし

My latest side project is Codespace. A new beautiful cross-platform snippet manager.