レスポンシブに完全対応、でも面倒なブレイクポイントの設定は必要なし、すべてのブラウザを配慮したプログレッシブエンハンスメントを取り入れ、Flexboxでグリッドを実装するスタイルシートを紹介します。 ファイルサイズはわずか93bytesで超軽量、シンプルなHTMLを使って汎用性のある柔軟なグリッドを簡単に利用できます。 Flexboxを初めて導入する人も、Flexboxをガンガン使ってる人も必見です。
![[CSS]超簡単!Flexboxでグリッドを実装する時のベースになるスタイルシート -Fukol Grids](https://cdn-ak-scissors.b.st-hatena.com/image/square/c239c7907de522412302ac8e9636e3d49e91a6f2/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201604%2F2016103101.png)
レスポンシブに完全対応、でも面倒なブレイクポイントの設定は必要なし、すべてのブラウザを配慮したプログレッシブエンハンスメントを取り入れ、Flexboxでグリッドを実装するスタイルシートを紹介します。 ファイルサイズはわずか93bytesで超軽量、シンプルなHTMLを使って汎用性のある柔軟なグリッドを簡単に利用できます。 Flexboxを初めて導入する人も、Flexboxをガンガン使ってる人も必見です。
コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能(広告ブロック機能を持つ拡張機能等)を無効にしてページを再読み込みしてください。 ✕
日本唯一の「メンタリスト」として現れ、フォーク曲げをはじめとするパフォーマンスで一世を風靡したDaiGoさん。一時期はテレビで見ない日はないほどでしたが、あるとき突然TV出演の引退を宣言。現在はパフォーマーからも引退し、ニコニコ生放送(ニコ生)に開設したチャンネルで、心理分析を中心にさまざまなライフハックや教養を披露しています。 「今の僕の優先順位は、まず読書、次に睡眠、最後に仕事なんですよ」 そんなDaiGoさんが突然TV出演から身を引いた裏側には、実は“睡眠”が深く関わっていたのです。 睡眠改善で仕事の決断力・判断力がキレキレに! DaiGoさんの現在の睡眠時間は8時間。執筆活動や講演、企業のアドバイザーなどをメインに仕事をしており、海外出張も少なくありません。そんな中でも睡眠時間はしっかり確保できているそう。 「睡眠時間がとれないとき、僕は仕事の量ではなく、時間を削ります。時間をかけ
私の仕事新卒で入った会社は、PCサポート兼事務職で、約10年間ずっと議事録を作る仕事をしていました。 会議ごとに自分の所属している部署とは別に会議名の付く委員会があり、その会議の末席でひたすら議事録を書く仕事をしていました。議事録書きといっても単純な記録であれば、慣れればそれほど難しくはないのですが、この会社はがちがちに組織が硬くて、組織の意思決定の議事録というのは人間関係にとても気を使いました。 私が書いた議事録はまず主査と主任代理にチェックをもらって直しを受けます。そして主任、調査役、課長代理、課長代行、課長補佐、課長、担当課長、別部署の主任代行、課長1、課長2、部長代行、部長補佐、部長補佐2、担当部長、副部長1、副部長2、部長、本部長代行、本部長補佐、本部長、常務、専務と順番に稟議されていくわけですが、当然1人でも却下されたら、また最初からやり直しとなります。その度に議事録の修正票を
フォトショップでの作業に時間がかかってしまう、というひとは多いでしょう。作業をはじめると、同じ作業を延々と繰り返していることがあります。そんなときは便利なショートカットをつかうことで、何度もツールパネルをクリックすることなく、さまざまな機能を楽に、そしてスピーディーに実現することができます。 今回は、フォトショップの生産性がグンとアップする便利なショートカット機能36個をまとめてご紹介します。レイヤーの作成やサイズ変更といった、ビギナーさんがまず覚えておきたい基本ショートカットから、あまり知られていないプロ向け実践ショートカット(手がつりそう。)まで幅広く揃います。
「時間の使い方」を科学する (PHP新書) 【本の概要】◆今日ご紹介するのは、リアル書店で捕獲した、広い意味での「タイムマネジメント本」。 ただしそのベースとなるのが、生理学や心理学のような、類書とは違ったものである分、「目からウロコ」の連続でした。 アマゾンの内容紹介から一部引用。短期記憶や計算能力、注意を必要とするような課題は、体温が高い時間帯、16時から20時がもっとも効率がいい。一方、論理的な判断は10時から14時の時間帯が適している。これは「身体時計」が生み出す24時間周期のリズムの影響によるものである。 このような身体時計のはたらきや、基礎心理学が明らかにする「感じられる時間」の特性を生かして、自らの能力を引き出し、日々の生活の満足度を高める方法を語る。 さらに、映画や音楽の最終的な印象を決定づける「ピーク・エンドの法則」など、時間に関する興味深い心理現象も紹介する。 新書です
「フォトショップでの作業に時間がかかってしまう。」 フォトショップの作業スピードをアップし、より効果的に編集できるもっとも良い方法のひとつとして、いくつかのショートカットを覚えてみましょう。 今回はこれまでパネルごとに切り替えていたデザイン作業も、キーボード操作のみで直感的に行うことができる、プロが実践で利用するショートカット5つをまとめてご紹介します。 これらのショートカットを覚えることで、より素早くストレスのない Photoshop でのデザイン制作を行うことができるようになるでしょう。 コンテンツ目次 1. より正確なズーム機能< 2. ブラシサイズと硬さを変更 3. レイヤーマスクを追加 4. レイヤーの不透明度を調整 5. Web用に保存 01. より正確なズーム機能
PhotoshopでWebデザインのワークフローを効率的にするために、プロのデザイナーが実践している8つのテクニック・方法を紹介します。 Adobe CCのライブラリをもっと活用しよう、と思いました。 8 ways to design sites faster in Photoshop 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. ファイル管理のポイントは構造化 2. CSSフレームワークは勉強になる 3. PSDのレイヤーはコンテンツごとにフォルダ分け 4. よく使う操作はショートカットを覚える 5. Adobe CCのライブラリは使わないと損 6. イメージとベクターはスマートオブジェクトで 7. スタイルガイドをどう活用するか 8. コーダーと、そしてチーム内での共同作業 まとめ: デザインは正直に 1. ファイル
それで、「そんなにいいのかな?」と半信半疑でインストールして、使ってみた瞬間、惚れました。 プログラミングをする人にとって、Sublime Textは、「恋に落ちるエディター」とよく言われていますけど、WEB開発者にとってBliskは「恋に落ちるブラウザ」といっても過言はないのではないかと思います。 以下では、そう思うに至った理由について述べたいと思います。 この記事は、2016年7月9日に書いたものです。2016年11月1日にversion 1.0.125.166が出たことにより、機能の一部が有償プランに加入しないと利用できなくなりました。ですので、無料で利用する場合は、30分で機能制限がかかったりするようになったのでご了承ください。 Blisk(ブリスク)とは Bliskは、WEB制作者がサイトの動作確認をする上で、便利な機能がデフォルトで備わっているWEBブラウザです。 現在は、Wi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く