「世界一わかりやすいIllustrator & Photoshop & XD Webデザインの教科書」という本を書きました | Stocker.jp / diary
Webデザイン 「世界一わかりやすいIllustrator & Photoshop & XD Webデザインの教科書」という本を書きました Tuesday, September 25th, 2018 タイトルのとおりですが「世界一わかりやすいIllustrator & Photoshop & XD Webデザインの教科書」という書籍を書きました。 この本は技術評論社から出版されているシリーズもので、私1人の単著ではなく、4人の著者による共著となっております。 Amazonで予約受付中: 世界一わかりやすいIllustrator & Photoshop & XD Webデザインの教科書 著者は、渋谷で「スマートフォン時代のWebデザインスクール」や「スマートフォン時代のWebコーディングスクール」をやっている私（庄崎）のほかに、Adobe MAX Japanに登壇する黒野さんと森さん、デザイ
［Slackbot大全］63種類の事例・ツールをまとめて紹介！ botを活用してSlackを便利に【2017夏】 - エンジニアHub｜Webエンジニアのキャリアを考える！
［Slackbot大全］63種類の事例・ツールをまとめて紹介！ botを活用してSlackを便利に【2017夏】 Slackは、ChatOpsとの相性の良さから、エンジニアにも愛されるビジネスチャットツールです。本稿では、Slackを活用している28社1団体にアンケートを実施し、計63種類のbot事例・ツールをまとめて紹介します。 Slackは、エンジニアにも愛されるビジネスチャットツールです。ChatOps（チャットツールを活用してオペレーションの最適化・省力化を図ること）との相性の良さから、もはやSlackなしの業務は考えられない！ という方も少なくないでしょう。 Slackには、リマインドなどを実行するslackbotアカウントが最初からいるだけでなく、利用者自身がそれぞれの環境・業務内容に即したbotを自作でき、発言に自動応答してくれるものから業務の自動化まで、さまざまなbotをチ
[iOS][Swift] IBAnimatableでコードを書かずに無駄の少ないプロトタイピング | DevelopersIO
今回はアプリデザインのプロセスをスピードアップ、廃棄物(無駄)を最小限にするというコンセプトで作られたIBAnimatableの紹介です。 アニメーションまで含めたプロトタイプを作るツールとしてFramerなどありますが、別途JSを書いたり、作った後に開発者の方で再度画面を作らなくてはならない二度手間が発生します。 IBAnimatableはAutoLayoutさえ出来ればコードを書かずにiOS端末上で動くものが作れます。 また、作ったものは実際のプロジェクトにも流用できるので無駄を最小限に出来る利点があります。 https://github.com/JakeLin/IBAnimatable ライセンスはMITです。 どんなのが作れるの？ 以下は公式で公開されていた動画です。 こんな感じのものがソースコードを書かずに作れます。? 雰囲気をつかむために、実際に試してみましょう。 試した環境
![[iOS][Swift] IBAnimatableでコードを書かずに無駄の少ないプロトタイピング | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/c83d413afe58d904e71a2ee3e849a272825f43c1/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2015%2F01%2Fios_ui.png)
エフェクト作成ツールのEffekseerがWebGLに対応。Web表現の新兵器となるか - ICS MEDIA
エフェクトツール「Effekseer」ですが、2017年5月25日、WebGLに対応したEffekseerForWebGLがリリースされました。今回はEffekseerで作成したエフェクトをJavaScriptライブラリ「Three.js」を使ってWebGLで表示するまでの流れを紹介します。 EffekseerForWebGLのデモ デモを別ウインドウで再生する ソースコードを確認する Effekseerでのエフェクト作成をオススメしたい理由とは？ 1つのエフェクトソースでマルチプラットフォームに展開できる点。たとえばEffekseerはUnityにも対応しているため、WebブラウザとUnityプラットフォームの両方に対応できます (DirectXやOpenGLを用いたアプリケーション、Cocos2d-x、Unreal Engine4、さらにはMMDやSiv3Dにも対応）。Unity用コン
ブラウザー上でスタイルガイドが作れるFrontifyを試してみた
2015年9月24日 便利ツール 巷ではgulpやGruntなどを使ったスタイルガイド生成ツールが多く存在します。しかし、CSSのコメントに書き込んだりするのはWeb制作者でないと難しい部分もありますし、そもそもファイルを作るのがめんどうだったり…と、なかなかスタイルガイドを作る気になれない人もいるんじゃないかと思います。今回は非Web制作者でも簡単にスタイルガイドが作れちゃうFrontify Style Guideを紹介します！ ↑私が10年以上利用している会計ソフト！ スタイルガイドとは？ Webサイトを一人で制作、運営している場合、そのサイトに必要な画像やロゴ、配色パターンなどはすべて自分が把握できているものです。しかしチームを組んで運営していく場合は、コーディング規約と同様、デザインのルールをひとつにまとめておくといいでしょう。そのルール集がスタイルガイドです。スタイルガイドを作る
2015年5月第3週号 1位は、気をつけるべき悪いUIデザイン15選 、気になるネタは、スマートウォッチの新たな活用法--東京ドームで売り子呼び出しサービス | gihyo.jp
週刊Webテク通信 2015年5月第3週号1位は、気をつけるべき悪いUIデザイン15選 、気になるネタは、スマートウォッチの新たな活用法--東京ドームで売り子呼び出しサービス ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2015年5月11日～5月17日の間に見つけた記事のベスト5です。 1. 15 Worst UI Design Features to Watch Out For and Overcomehttp://www.onextrapixel.com/2015/05/13/15-worst-ui-design-features-to-watch-out-for-and-overcome/ 悪いUIデザインをまとめた記事です。 避けるべきUIデザインとして以下の15個が紹介されてい
ソニー損保のWebマスターが部内で作った“行動指針「わかりやすさのその先へ」十か条”がスゴイ！ | 稲富滋のWebマスター探訪記
いくらWebサイトの良しあしを外部からほめられたとしても、お客様にとってわかりにくければ何の意味もない。 文章がいくら正しく書かれていても、お客様に伝わらなければ意味がない。 そう話すのは、ソニーが15年前に損害保険業界に参入し設立した「ソニー損保」のコンテンツ企画部長の片岡 伸浩氏。ダイレクト販売を旗印に保険業界に参入する企業として「企業のためでなく、お客様のための保険会社」だというメッセージを伝える必要がありました。そこで、今回はそのメッセージを伝えるために、ウェブを通じてどのような取り組みを行っているか片岡さんに伺いました。 コンテンツ企画部で作った行動指針「わかりやすさのその先へ」保険という商品はもともと複雑な商品で、お客様がすべてを理解したうえで契約しようとすると、かなり広範囲な知識が必要となります。お客様にとっては、「難しい」と思われてしまう商品かもしれません。言い方を変えれば
ページ、リロード、もういらない | 株式会社 Branding Engineer
こんにちは。 技術開発部システム部門、インターン生のたかまつです。 ※…アイキャッチ画像の人物は自分ではありません。 まず最初に謝罪しなければならないのですが、 自分はそこら辺を歩いているどこにでもいる人と大差ないので、 遺憾ながらこのような場に提供するネタは持ちあわせていません。 しかし何も書かないというわけにもいかないようなので、 最近やってみて面白かったことを簡単に纏めてみたいと思います。 心苦しいお願いではありますが、読了までの数分間お付き合いください。 さて、早速ですが今回何について書くかというと、 Ajaxについて連々と書いていこうと思います。 Ajaxとはなんぞや 聡明な皆さんならばご存知のこととは思いますが、念のためAjaxについて少し確認しておきます。 Ajaxが、 Asynchronous JavaScript + XML の頭文字から名付けられたことを知らない
Web API | Gracenote Developer Music + Auto APIs
The Gracenote Web API delivers a rich set of music metadata over HTTP to help power interactive experiences for any connected application. This allows text-based lookups of music artists, albums and tracks, and returns descriptive metadata such as genre, region of origin, and mood, as well as Cover Art, Artist Images, biographies, and other related content items. Additional modes of lookup such as
note ――つくる、つながる、とどける。
クリエイターが文章やマンガ、写真、音声を投稿することができ、ユーザーはそのコンテンツを楽しんで応援できるメディアプラットフォームです。だれもが創作を楽しんで続けられるよう、安心できる雰囲気や、多様性を大切にしています。
これ結構使えた！サービスサイトやWordPressテーマで使われている小技まとめ
作成：2014/05/19 更新：2014/11/01 WordPress > ウェブサービスサイトや最近のWordPressテーマで使われているエフェクトや小技をまとめました。今回またjQueryが多くなってしまいましたが、サイト制作時に一手間加えたくなる小技集です。 エンジニア速報は Twitter の@commteで配信しています。 もくじ サイト読み込み時 １．画像読み込み時、ローディング画像を表示／jQuery ２．読み込み時に文字を動かす／jQuery ヘッダー ３．文字の拡大・縮小／jQuery ４．入力補助／jQuery ５．伸縮するサーチボックス／jQuery コンテンツ ６．中心に水平線を入れる／CSS ７．均等に並べる／段組み／CSS ８．コンテンツが現れた時にアニメーションさせる／jQuery ９．マウスホバーで画像を拡大しキャプションを出す／jQuery １０．マ
日本人クリエイターのハイセンスなポートフォリオサイト（主にフリーランス）まとめ
rumiko matsumoto / TAKESHI WATAMURA | 綿村 健 / SCANNER™ | a design &...他...全23件
IMJ | Webサイト構築・運用・コンサルティングはIMJへ
ABOUT US IMJは常に生活者視点を持ったクリエイティブな発想で企業のビジネスを変革し、成果を最大化することで、あらゆる世界にインパクトを与え、新しい領域へと前進させていきます。
HYS INC.
WWW.HYS-INC.JP ©HYS-INC. WEB + GRAPHIC + CI / FRONT AND BACKEND PROGRAMMING
背景写真に「ぼかし効果」を巧く使ったWebデザイン事例（簡単なチュートリアル付き）｜Tips*Blog｜株式会社コプロシステム
こんにちは、コプロシステムWebデザイングループの石川です。 先月7月29日付のエントリーで、美しくて・フルスクリーンな写真イメージをWebサイトの背景に使用する手法が2013年のトレンドになっている ということで、いくつかの事例をまとめました。 →思わず魅入ってしまう、美しく大きい写真素材を巧みに使ったフルスクリーンデザインのWebサイト・23選（2013/7/29） 背景に写真イメージを活用したデザイン手法として、フルスクリーンデザイン以外にも、「ぼかし効果（ブラーエフェクト）」を取り入れているWebサイト、最近では特に「元の素材が何なのかがわからないくらい強くぼかした写真イメージ」を取り入れているWebサイトのデザインが海外サイトを中心に増えている気がします。 これは、写真そのものの美しさ というよりも、 ぼかすことで新たな美しさを表現したり 奥行き感を表現したり そこに乗っかってい
MDN Web Docs
Resources for Developers, by DevelopersDocumenting web technologies, including CSS, HTML, and JavaScript, since 2005. //////////// //////////// //////////// //////////// //////////// //////////// //////////// ++++++ ++++++ ++++++ ++++++ ++++++ ++++++ ++++++{{{{ }}}} {{{{ }}}} {{{{ }}}} {{{{ }}}} {{{{ }}}} {{{{ }}}} ../../ ../../ ../../ ../../ ../../ ../..
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Project management, collaboration, and task software: Basecamp
新着記事
新着記事
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
