技術情報 モバイルファーストでレスポンシブ+フレキシブルレイアウトで1カラムの入力フォームを作る
レスポンシブでのメディアクエリを考えるとき、いつもこれという感じがしなかったのですが、モバイルからPCへと共通のデザインが多いときに限り、納得のいくスマートな記述ができました。 というわけで、今回は入力フォームを例にモバイルファーストでレス...
技術情報 
技術情報 CSSでフローティングラベルを行う
下記の記事で紹介されているフローティングラベルが気になったので、CSSで出来るだけ再現してみました。 html 入力のテキストフィールドと対応するラベルを記述しています。 <div class="floating-box"> <input ...
ブログ 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の内容に沿って刷新されており、新機能が記載されています。 初めてSass...
技術情報 CSSで円の外側へ向かってボーダーを徐々に表示して消す
最近CSSのアニメーションが気になり始めてきたので、円の外のボーダーを徐々に表示して消すというものを作ってみました。 ソースコード html ブロック要素をひとつ作っておきます。 <div class="ripple"></div> css...
技術情報 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の設計や実際の手法などが記載されています。設計内容の基準は下記の思...
ブログ 「HTML5 & CSS3 デザインレシピ集」を読んでみた
何かの記事で「HTML5 & CSS3 デザインレシピ集」という書籍が気になったので購入して読んでみました。 どんな書籍か Webでよく使われる基本的な要素の使い方やレシピがよくまとまってる本だと感じました。前半が初心者向け、後半が中級者向...
ブログ honto電子書籍ストアでお得に書籍を購入してみた
honto：書店、通販、電子書籍のハイブリッド総合書店 以前からhonto電子書籍ストアの存在は知っていたのですが、機会がなく利用していませんでした。欲しい書籍が電子で販売されており、タイミングよくセールをやっていたので利用してみました。 ...
技術情報 Laravelに搭載されているBladeテンプレートを使ってみる
Blade Templates - Laravel - The PHP Framework For Web Artisans 以前、VagrantとVirtualBoxでWindowsにLaravelの開発環境を構築する方法をご紹介いたしま...
ニュース ディシディア ファイナルファンタジー NTの予約が開始
DISSIDIA FINAL FANTASY NT | SQUARE ENIX ディシディア ファイナルファンタジー NT (DISSIDIA FINAL FANTASY NT)の予約が開始されました。ディシディア ファイナルファンタジーは...
技術情報 VagrantとVirtualBoxでWindowsにLaravelの開発環境を構築する
Laravel - The PHP Framework For Web Artisans PHPのフレームワークだとLaravelが人気とのことで、WindowsにLaravelの開発環境を構築してみました。 Laravelを導入する La...
ブログ CSSで吹出しの三角形を作るときは「CSS三角形作成ツール」サイトが便利
CSS三角形作成ツール 人物が会話しているデザインに吹出しが用いられることがあります。そういったときは大体三角形部分のスタイルの作り方を忘れて、あーでもない、こーでもないといったように時間を取られてしまうことがあったりします。 そういった考...