ここ1,2年でかなり進化したWordPress、カスタマイズに必要なPHPの知識を身につけたい人にお勧めの解説書

本書はずばり、PHPは苦手という人のための解説書です。WordPressはPHPの知識無しでも利用できますが、ちょっとしたカスタマイズをする際、テーマファイルを修正したり、function.phpの設定など、PHPは避けては通れません。

HTMLとCSSは問題ないけれど、PHPはちょっと苦手という人に、PHPの基本からWordPress特有の使い方まで、優しくていねいに解説された一冊を紹介します。

本の表紙

続きを読む

これなら簡単!CSSのみで、ボタンやアイコンに気持ちいいさまざまなアニメーションを加える -UI interactions

ボタンやアイコン、アロー、ハンバーガーメニューなど、UIでよく使用される要素にインタラクションを加えるスタイルシートを紹介します。HTMLはbutton要素だけのシンプルな構成で、classを与えるだけで簡単に利用できます。

サイトのキャプチャ

UI interactions
UI interactions -GitHub

続きを読む

かなり便利!VS CodeでCSSを書きながらFlexboxのチートシートを利用できる -CSS Flexbox Cheatsheet

Visual Studio CodeでCSSを書きながら、CSS Flexboxのチートシートを利用できる機能拡張を紹介します。

justify-contentやalign-itemsはどう使うんだっけ? justify-contentの値は? など、Flexboxの各プロパティや値がどのように配置されるか、一目で分かります。

VS CodeでCSSを書きながらFlexboxのチートシートをVS Codeに表示中

CSSを書きながらFlexboxのチートシートをVS Codeに表示中

続きを読む

Design Cutsの今回の99%オフセールはテクスチャやパターン、背景素材がたっぷり入ってかなりお買い得です

商用でも安心して利用できる、さまざまなデザインのプロジェクトにぴったりなテクスチャ、パターン、背景素材、計228,265円分が、99%オフの3,200円で購入できる期間限定の特大セールを紹介します。

販売期間は、9月24日12時までとなっています。

テクスチャとパターン素材はWebデザイン、アプリ、動画、紙のデザインなどに利用でき、クライアントのプロジェクトでも販売する同人誌に使用してもOK。

テクスチャとパターン素材のキャプチャ

まるで素材図書館!お役立ちパターン&テクスチャー集

続きを読む

Figmaがこれからの人にも、すでに使用中の人にもいい!公式より快適に動作するmacOS用アプリ -Figmac

Figmaがこれからの人にも、すでに使用中の人にもお勧めです。macOS対応の公式より快適に動作するFigmaアプリを紹介します。

.figファイルはもちろん、.sketchファイルを編集したり、.pdfに書き出したり、共同作業やバージョン管理なども簡単にできます。
Figmaは無料で利用でき、Figmacも無料で利用できます。

サイトのキャプチャ

Figmac

続きを読む

CSSで実装したレイアウトの構造や階層を簡単に確認できる、私のお気に入りのCSSハック -My favorite CSS hack

flexboxで実装したレイアウトはもちろん、floatでもgridでもCSSで実装したレイアウトの構造や階層を確認できるスタイルシートを紹介します。

ページ上の各要素のサイズ・マージン・パディングなどに不整合がないか簡単に確認でき、スニペットやブックマークレットに登録しておくと便利です。

サイトのキャプチャ

My favorite CSS hack
by Gajus Kuizinas

続きを読む

通常は有料だけど、今週末まで無料!走り書きがかっこいい、デザイン性の高いシグネチャフォント -Mayestica

通常は有料ですが、今週末まで無料でダウンロードできる、かっこいいシグネチャフォントを紹介します。

フォントはたくさん持っているほど、デザインのバリエーションが増えるので、今のうちにダウンロードしておくのをお勧めします。
.otf, .ttfをはじめ、Webフォントも揃っています!

フォントのキャプチャ

Mayestica - Luxury Signature Font

続きを読む

UIデザイン用に最適化されたおすすめのフリーフォント!小さいサイズでもくっきり綺麗で、読みやすい -Inter

以前、当ブログで紹介した「Inter UI」が名を改め、さらにくっきり綺麗に表示されるよう進化したUIデザイン用のフリーフォントを紹介します。

特に、小さい文字サイズと中くらいの文字サイズの読みやすさに重点が置かれており、スマホやデスクトップのスクリーンで表示するユーザーインターフェイス用に最適化されたフォントです。

サイトのキャプチャ

Inter
Inter -GitHub

続きを読む

top of page

©2019 coliss