All

こんにちは運営局です。この記事では​Adobe XDの日本語版UIキット「Wires jp」が新しく発表されましたので、それについて紹介させて頂きます。 以前から​Adobe XDには、ワイヤーフレーム制作用の無料UIキットとしてWiresが用意されていましたが、海外製で英語表記である為、私も含め、「使いずらいな....？」と思っていた方もいるかもしれません。 はい、そんな悩みを解決するのがWiresを日本向けに再構築したUIキットWires…
Read More...

ここ数年、設計システムはデザイナーの間で人気の高い話題になっています。 この記事ではデザインシステムの重要なポイントに添ってデザインシステムのサンプル例と一緒に、まとめてご紹介していきたいと思います。 デザインシステムを整備することは、成長を続けていて、すべてを把握する必要がある企業やチームにとって非常に有益です。…
Read More...

このサイトのメニュー部分でも使っておりますが、position: stickyがとても便利。 この対応ブラウザであれば ヘッダー 要素が fixed していると思います。 導入はとても簡単 HTML <header class="header-sticky">AcuityDesign</h2> CSS .header-sticky { position: -webkit-sticky; /* Safari…
Read More...

ポートフォリオ作りで押さえておきたい大切なこと！！最前線のクリエイターが語り合う「ポートフォリオナイト」に登壇してきました。 結構今のwebデザイナー(UIデザイナー)にとって大事なことだと思っているのでその記事を改めて。 テーマ ・年収UP(採用面接) ・デザインの単価を上げるのに 効果的なポートフォリオサイトの魅せ方 数字の意識が大切 元々バンド活動をしていて、今はWEBデザインの仕事をしていています。…
Read More...

プラグインが動かない!そんな時がありませんか？ 原因の一つに独自テーマを作成した際など「wp_head()」と「wp_footer()」の記述を忘れてしまい、jQueryやスクリプトのタグが出力されない場合があります。 WordPressで「wp_head()」と「wp_footer()」は重要な関数です。 記述していないとプラグインによっては動作しない場合があります、 オリジナルでテーマを作成する際は忘れないように注意です。…
Read More...

参考記事がありますが少々わかりにくかった為改めて。 このチュートリアルを見る事でReact Native(iOSとAndroidアプリ両方同時に開発できる便利なフレームワーク。)とアプリに必要なサーバーサイドを全部簡単にしてくれるFirebaseを統合した基本的な環境を作る事ができます。 React Nativeとは？ React NativeはiOSとAndroidアプリ両方同時に開発できる便利なフレームワークです。…
Read More...

［wp_trim_words();］とは？ 下記のようなケースで、長い文字列を指定した文字数で切り取って取得・表示することができる便利なWordPress関数［wp_trim_words();］を用いると便利です。 使い方を紹介します。 ［wp_trim_words();］の使い方 以下［wp_trim_words();］の引数の使い方です。 <?php $trimmed = wp_trim_words(…
Read More...