FigmaのVariants入門 - さらにコンポーネントを使いこなそう - ICS MEDIA
ウェブ制作の現場で定番となってきたデザインツール「Figma」。前回の記事『デザインの管理と効率化が行える FigmaのComponents入門』では、デザインパーツの管理や柔軟な変更が可能になる「Components」機能を紹介しました。 本記事ではComponentsをまとめ、検索性を保ちつつ、さらに柔軟な変更と管理が行える「Variantsバリアンツ」を紹介します。 Variantsを使うと、複雑なコンポーネントの切り替えや管理が行いやすくなり、堅牢なデザインファイルが作成できます。また、コーディング時に近い思想でデザインを組めるので、実装時に破綻が起こりにくくなります。 Variantsは規模感に関わらず小さな単位でも活用できます。 「使いこなせていない」、「自分の制作の規模感では不要」と考えているデザイナーにも、手軽に導入できメリットを実感できるはずです。本記事で使い方を説明する
jQuery ---- タブ(画像置換タイプ) - Qiita
jQueryを使ってタブを作ってみます。 このサンプルは自分で使うことを想定してるので作りが少々自分設定になってるますが、サンプル事態はきちんと動きました。 完成品イメージ↓ tab001に完成品をアップしておいたので動きはこっちで見てください。 ファイル構成 index.htmlHTMLのタグのみで、JavaScriptやCSSは外部ファイルで読み込みです。 selector.jsタブをクリックしたときの動きを扱う用のJavaScriptです。 selector.css今回のタブ用のCSSです。 コード <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://ww
ユーザ毎に代替テンプレートを切り替えるMovableTypeプラグイン:AltTmplForEachUser - Open MagicVox.net
ユーザ毎に代替テンプレートを切り替えるMovableTypeプラグイン:AltTmplForEachUser Posted by ぴろり Posted at 2010/11/03 14:40 Trackbacks 関連記事 (0) Post Comment コメントできます Category MovableType には代替テンプレート(alternative template)と呼ばれる機能があって、管理画面で使用されているテンプレートをユーザの好みに応じて差し替えることができます。ただ、現状では、代替テンプレートを使用すると、ログインする全てのユーザに適用されてしまうため、初心者ユーザとパワー ユーザが同居するような場合などには具合が悪かったりします。そこで、ログインするユーザ毎に、使用する代替テンプレートを切り替えることができるプラグインを書いてみました。 | | | | インストー
[JS]美しいグラデーションがネオンサインのようにアニメーションするスクリプト
SEOにも配慮した、jQueryで実装するネオンサインのエフェクトのチュートリアルをTutorialzineから紹介します。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
