_sベースのmodernizeというWordPressのテーマが公式ディレクトリで公開されました。今見ているこのブログがそのテーマを使っています。 以前作ったWillowというテーマに続き二つ目です。5月頃に申請を出し、約半年で登録となりま[…]
カテゴリー: Web制作
アクセシビリティに対応したドロワーメニューのjQueryプラグインhiraku.jsを使ってみました。 この記事では、基本的な導入部分しか書いていないので、詳しいカスタマイズ方法は作成されたアップルップルさんのブログを見るのがいいと思います[…]
ReactでSPAを作る時、ページ遷移ってどうするのかなと調べているとReact Routerにたどり着いたので試してみました。 React Router Reactを試す環境がある方はそれで、なければ以下で環境の作り方書いてます。今のとこ[…]
前回はReact.jsを使えるようにしたり、webpack-dev-serverを使ってみました。 webpackでReact.jsとwebpack-dev-serverを使えるようにする React.jsでJSを書いていけるようになったの[…]
React Nativeメモ 前回こんな記事を書いたついでにReact Nativeの方でも試してみました。 WP REST API v2を使って記事一覧をReactで取得してみる コードは以前書いたGitHub API使うやつとほぼ一緒な[…]
最近よく聞くWP REST API。興味はありましたがなかなか触れずいましたが、ようやく触ってみました。 WP REST API v2 WP REST API v2を有効化 まずは以下のプラグインをインストールして有効化します。 WP RE[…]
CSS Trick or TreatというハロウィンパーティをしながらCSSの話をする会に参加してきました。 当日はお菓子を持っていくか、CSSのトリックを持っていかないと変態的なことしちゃうぞ♡というハロウィンパーティです。 当日のTwi[…]
前回、webpackとbabelの導入をやってみたので、次はReact.jsを使えるようにしてみます。 また、webpack-dev-serverも入れて、サーバーを立てたり、変更した時の自動コンパイルをやってみます。 初めてでもできるwe[…]
ちょっとずつwebpackを触って理解していこうという第一弾です。 一度webpackを使って、React.jsをesで書くまでのものは作ってみたんですが、見よう見まねで理解できてないところも多いです。 React-starterk[…]
スクロールに応じて要素の位置を変えたり、色を変えたりする時に便利なskrollrというプラグインを使ってみました。 デモサイトを見ればどんなものか分かると思います。 デモサイト 思い通りに要素を動かすことができます。使い方も簡単です。 もく[…]
PostCSSには変数が使えるようになるプラグインがいくつかあるので比較してみました。 PostCSSの導入記事はこちら PostCSSを導入してみた & PostCSSの便利プラグインと誰得プラグイン gulpでPostCSSま[…]
gulp使ってる人はほぼ間違いなくBrowsersyncを使ってるのではないでしょうか?すごく便利ですよね。gulpの導入記事でもよく紹介されています。 Browsersyncのいいところとしてファイルの内容を変更した時に自動でブラウザをリ[…]
PostCSSにはネストが使えるようになるプラグインがいくつかあるので比較してみました。 PostCSSの導入記事はこちら PostCSSを導入してみた & PostCSSの便利プラグインと誰得プラグイン gulpでPostCSS[…]
flexbox便利ですが、新しいプロパティなためちょいちょい詰まることがあってツラいことも…。 display: flex使ってる要素にはテキストの折り返しが効かないことがあったのでメモ。 結論から言うと、flexboxやめるか[…]
gulpもesで書くことができます。gulp 3.9.0以降でできるようです。 そんなにゴリゴリ記法を使うわけではないですが、最近babelを導入したついでにgulpもesで書いています。 Sassのコンパイルタスクを作って[…]
minimistとgulp-ifを使って、gulpの開発環境用のタスクと本番環境用のタスクを分けるというものをやってみました。 minimistはコマンドライン引数を使えるようにするもの。gulp-ifは条件分岐を使えるようにしてくれます。[…]