ブログ

おいしい水が飲みたかったのでパナソニックの浄水器を買ってみた

飲料水はペットボトルで飲んでいたのですが、ペットボトルはかさばるので思い切って浄水器を買ってみました。 パナソニック TK-CJ22-S 浄水器 本体と電池、取説、蛇口に取り付けるナットなどが内容物となります。 内容物 ...
ブログ

クロスバイクのパイプなどが錆てきたのでメンテナンスしてみた

以前購入したクロスバイクのパーツが錆びてきたようなので錆とりをしてみました。 用意したもの 今回の錆とりで用意したものは下記のようになります。 錆とりで用意したもの チェーンやパイプこすり用のステンレスブラシ 錆と...
技術情報

gulp-footerを使ってcssファイルの最後の行にコメントを入れる

gulp-footer gulpでscssのファイルなどを結合している場合、統合先のcssファイルの最後の行にコメントを記述していても、さらにその下に出力されてしまう場合があります。 そんなときにgulp-footerを使ってcssファ...
ブログ

技術書オンリーイベントの第3回技術書典にいってみた

技術書典3 | 技術書典 以前は遠方で参加できなかった技術書典ですが、引っ越しで距離的な問題がなくなったこともあり、今回行ってきました。 技術書典とは 技術書典 | 技術書典 技術書典は催される会場にしかない技術同人誌に...
パソコン

Steamのゲームデータを外付けのハードディスクに移動して起動する

Steam へようこそ 最近アップデートなどでSteamのゲームデータがSSDの容量を圧迫してきたので、外付けのハードディスクに移動して起動するようにしてみました。 外付けのハードディスクにデータを移動する まずアプリの「St...
ブログ

「Web制作者のためのIllustrator & ベクターデータの教科書」を読んでみた

Amazonプライム会員なら追加料金を支払うことがなく、Kindleの電子書籍が読み放題になる「PrimeReading」というサービスが日本で始まり、ちょうど読みたいと思っていた「Web制作者のためのIllustrator & ベ...
技術情報

モバイルファーストでレスポンシブ+フレキシブルレイアウトで1カラムの入力フォームを作る

レスポンシブでのメディアクエリを考えるとき、いつもこれという感じがしなかったのですが、モバイルからPCへと共通のデザインが多いときに限り、納得のいくスマートな記述ができました。 というわけで、今回は入力フォームを例にモバイルファーストでレ...
技術情報

CSSでフローティングラベルを行う

下記の記事で紹介されているフローティングラベルが気になったので、CSSで出来るだけ再現してみました。 html 入力のテキストフィールドと対応するラベルを記述しています。 <div class="float...
ブログ

PC用バッグに便利と名高い、スーパークラシックのひらくPCバッグminiを買ってみた

現在使っているバッグがボロボロになったこともあり、先日ご紹介した「MediaPad M3」用に「ひらくPCバッグmini」というバッグを購入してみました。 ひらくPCバッグmini 正面です。パンチングがオシャレなバッグです...
ブログ

コスパがよいと噂のHUAWEI MediaPad M3を買ってみた

ずっと気になっていたHUAWEIのMediaPad M3というタブレットを購入しました。今回購入したのはスタンドダードモデルのWi-Fiとなります。 開封の儀 開封すると本体とオプションがしっかりと梱包されています。 本体...
ブログ

「Web制作者のためのSassの教科書(改訂2版)」を読んでみた

気になっていた書籍の評判がよかったので購入してみました。 どんな書籍か 2013年に出版された「Web制作者のためのSassの教科書」の改訂(2)版で、今現在のSassの内容に沿って刷新されており、新機能が記載されています。 ...
技術情報

CSSで円の外側へ向かってボーダーを徐々に表示して消す

最近CSSのアニメーションが気になり始めてきたので、円の外のボーダーを徐々に表示して消すというものを作ってみました。 ソースコード html ブロック要素をひとつ作っておきます。 <div class="...
技術情報

CSSでスクロール時に要素をコンテンツ横に固定する

スクロールする際、要素を固定する時の表示はCSSだとブラウザの基準からしかできないものだと思いこんでいましたが、コンテンツに沿って表示することができたのでご紹介いたします。 ソースコード html 親のコンテンツ内に固定する要素を...
アプリ

ノベルバンドプロジェクトの「les Lizz」は音楽と小説を織り交ぜた珍しいアプリだった

Twitterのタイムラインを眺めていると、「les Lizz」という面白そうなアプリのツイートがあったのでダウンロードしてみました。 というわけで、今回はノベルバンドプロジェクトの「les Lizz」アプリをご紹介いたします。 ノ...
ブログ

Blendy(ブレンディ)のスティックコーヒーを買ってみた

私はコーヒー好きで、オフィスにある自動コーヒーメーカーで一杯100円のコーヒーを飲んでいるのですが、もっと気軽に安く、コーヒーを飲める方法がないものかと考えました。結果、お徳用スティックコーヒーに行きつきました。 というわけで、今回は購入...
アプリ

「ゆうちょ銀行 ATM検索」アプリを使ってみた

「ゆうちょ銀行 ATM検索」なるアプリがあることを知り、ゆうちょを銀行を頻繫に使う身としては見逃せないアプリなので使ってみることにしました。 使い方 検索方法は大きく分けて、現在地またはフリーワードで検索するの2通り。 現在地...
ニュース

東京ゲームショウ 2017開催記念でPlayStation Stoerが期間限定のセールを開始

TGS2017セール【9/27(水)まで】 | 公式PlayStation®Store 日本 東京ゲームショウ2017の開催を記念してPlayStation Storeにて、2017年9月7日から27日までの期間限定で、100タイトル以上...
技術情報

FLOCSSについて疑問な点を考えてみた

以前、「GulpとFLOCSSで始めるモバイルファースト的なCSS設計」でFLOCSSをご紹介いたしました。 FLOCSSを使う機会があり、疑問に思ったことがあったので考えてみました。 FLOCSSで組んでいて疑問に思ったこ...
ブログ

「HTML5&CSS3デザイン 現場の新標準ガイド」を読んでみた

Twitterを眺めていると「HTML5&CSS3デザイン 現場の新標準ガイド」という本のツイートが流れてきて、「現場の新標準ガイド」という文言に魅かれたので購入して読んでみました。 どんな書籍か 「現場の新標準ガイ...
ブログ

「Web制作者のためのCSS設計の教科書」を読んでみた

レビューの評価がよかったので、「Web制作者のためのCSS設計の教科書」という本を購入して読んでみました。 どんな書籍か Webサイトをコーディングするときに使用する、CSSの設計や実際の手法などが記載されています。設計内容の基...