知っておくとかなり便利!Chromeのデベロッパーツールであまり知られていない実用的な機能とテクニックのまとめ

Chromeのデベロッパーツールは、Web制作に欠かせないといっても過言ではありません。DOMインスペクター、スタイルパネル、JavaScriptコンソールなど基本的な機能だけでも便利ですが、さらに便利になる機能も数多くあります。

デベロッパーツールを使って、Webページやアプリの制作・デバッグのワークフローが大きく改善される実用的で便利な機能とテクニックを紹介します。

サイトのキャプチャ

Mastering Chrome Developer Tools: Next Level Front-End Development Techniques

続きを読む

小説やマンガ、同人誌のアイデアがいっぱい!「感情類語辞典」と「性格類語辞典」がKindleで半額以下セール

以前、当ブログで紹介した際に大好評だった「感情類語辞典」と「性格類語辞典」が、Kindleセールで半額以下になっているので紹介します。

7/2までと期間が短く、貴重なこの機会をお見逃しなく!

小説、脚本、テレビ、映画、アニメ、マンガ、ラノベ、同人誌で、キャラクターの感情・気持ち・性格を表現するときの新しいアイデアを引き出す助けとなるちょっと変わった類語辞典です。

感情類語辞典と性格類語辞典

Kindle本 50%オフ以上セール
※50%オフ以上セールは、7/2までです。

続きを読む

Bootstrap 4のさまざまなコンポーネント・レイアウトの実装方法がすぐ分かる便利なチートシート

Bootstrap 4のグリッドの作り方、カード型コンポーネント、ナビゲーション、カルーセル、フォームなどの実装コードとどのように実装されるかが一枚のページにまとめられた、Bootstrap 4のチートシートを紹介します。

コンポーネント・レイアウトの実装方法がすぐ分かる、Bootstrap 4の便利なチートシート

Bootstrap 4 CheatSheet
Bootstrap 4 CheatSheet -GitHub

続きを読む

[CSS]テキストが長いとレイアウトが崩れる!予期せぬコンテンツに対応するためのスタイルシートのテクニック

テキストとアイコンを横並びさせたボタン、カテゴリのテキストを配置したラベル、ラベルが長いフォームなど、これらのテキストが長いとレイアウトが崩れてしまうことがあります。
レイアウトが崩れてしまう予期せぬコンテンツに対応するためのスタイルシートのテクニックを紹介します。

予期せぬコンテンツに対応するためのスタイルシートのテクニック

Handling Long and Unexpected Content in CSS
イラスト: Girls Design Materials

続きを読む

フォントの新しい世界が広がった!世界初の高品質なアラビア語のフリーフォント -Dubai Font

アラビア語は世界で使用されている言語の中で3番目に多く、アラビア半島や北アフリカを中心に公用語として使用されています。しかしその構造の難しさもあり、デジタルで満足して利用できるフォントはなかったそうです。

世界初!ドバイ執行評議会公認で制作された高品質なアラビア語のフリーフォントを紹介します。

サイトのキャプチャ

Dubai Font

続きを読む

[CSS]ツールチップをスマホにも対応させた超軽量のスタイルシートのライブラリ -Microtip

見た目は普通のツールチップ。軽快なアニメーションで表示されるのも、表示方向を指定できるのも探せばあると思います。

しかしその中身はピュアCSS、1kbの超軽量スタイルシートで実装された、スマホもサポートされたツールチップのライブラリを紹介します。

サイトのキャプチャ

Microtip
Microtip -GitHub

続きを読む

これ知っておかないと!Chromeのアドブロックで非表示にされてしまう広告の配置方法

Chromeに広告を非表示するアドブロックが標準機能として搭載される噂を耳にしていましたが、それが具体的にどのような広告が対象になるかは不明でした。

GoogleのSearch Consoleに新コンテンツが追加され、デスクトップとスマホでどのような広告が非表示にされてしまうか詳しく解説されています。

サイトのキャプチャ

The Initial Better Ads Standards

続きを読む

CSSの引き出しを増やしておこう!最近見かけたスタイルシートのアイデア・テクニックのまとめ

最近のWebサイトやスマホアプリで見かけるテクニックをはじめ、Web制作者としてよい刺激になるスタイルシートを巧みに使ったさまざまなアイデアを紹介します。

CSSの引き出しを増やしておこう!スタイルシートのアイデア・テクニックのまとめ

イラスト: Girls Design Materials

続きを読む

 1 2 3 4 5 ... 721 722 Next

top of page

©2017 coliss