Web制作者はダウンロードしておきたい！ CSS関連の最新版チートシートのまとめ
CSS GridやFlexboxで配置するプロパティ値は？ 先頭の3つだけを指定するセレクタは？ という「あれは何だっけ？」に役立つのが、チートシートです。 CSS GridやFlexboxの各プロパティ・値でどのように配置されるのか、セレクタやnth-child()やdisplayやposition、VS CodeやGitのコマンドがまとめられたチートシートを紹介します。 チートシートは高解像度版が用意されており、ダウンロードしておくと便利です。 CheatSheets -GitHub チートシートはすべて、「ご自由にダウンロードしてご利用してください」とのことです。チートシートは高解像度版を無料でダウンロードでき、モニターの壁紙や印刷して机の脇に貼っておいても便利です。 では、どんなチートシートがあるのか紹介します。 まずは、CSS Flexboxのチートシート。Flexboxの各プロ
GreenSock -アニメーションライブラリのデファクトスタンダード | SMART 開発者のためのウェブマガジン
以降の説明はすべてすべての機能が揃っているTweenMax、TimelineMaxが対象です。Max版とLite版の使い方は同じなので、Lite版にも同じ機能が用意されていれば名前を変えるだけでそのまま使えます。 GreenSockはMITやGPLのライセンスではなく、独自のライセンスを採用しています。GreenSockのライセンスを要約すると、無料で公開されているサイトであれば無料ですが、有料なコンテンツがある場合は有料のライセンス登録が必要です。 TweenMaxを使ったアニメーション TweenMaxはトゥイーン・アニメーションを実現するためのライブラリです。利用するには、オフィシャルサイトからダウンロードするか、CDNサイトでも提供されているので、そのURLを読み込みます。 GSAPを提供するCDNサイト -cdnjs CDNを利用する場合は、下記のようなSCRIPTタグになります
レスポンシブの確認がこれで快適に！複数のスクリーンサイズで同時に確認できる無料ツール -Responsively App
レスポンシブの確認ツールやサービスをいろいろ紹介してきましたが、ついに本命とも言える無料ツールの登場です！ Windows, macOS, Linux対応で、しかもオープンソース、快適にレスポンシブの確認ができるResponsively Appを紹介します。5つのデバイスを同時にすれば、制作時間は5倍速くなります。 無料とは思えないほど高性能で、すべてのWeb制作者にお勧めです！ Responsively App Responsively App -GitHub Responsively Appの特徴 Responsively Appのダウンロード Responsively Appの使い方 Responsively Appの特徴 Responsively Appは、レスポンシブのWeb制作に役立つElectronで構築されたブラウザです。 ユーザーインタラクションは、すべてのデバイス間でミ
WordPressのショートコードを簡単に作成・管理できる便利なプラグイン -Snippy
WordPressで自分用のショートコードを作成するのは通常、function.phpを触らないといけないので、少し面倒です。管理画面で簡単にショートコードを作成でき、管理もできるWordPressのプラグインを紹介します。 ショートコードはHTML, CSS, JavaScriptに対応しており、単独でも組み合わせても利用できる優れものです。 Snippy Snippyの特徴 Snippyのダウンロードとインストール Snippyの使い方 Snippyの特徴 Snippyは、独自のカスタムショートコードを素早く作成できます。 function.phpを編集する必要はなく、管理画面で簡単に作成できます。 Snippy 対応しているコードは、下記の通り。 HTML CSS JavaScript YouTube動画を埋め込むコード、Googleマップを埋め込むコードなど、自分用にカスタマイズし
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS Gridで実装する時に役立つチートシート、各プロパティと値でレイアウトがどのようになるか一目で分かる
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
