2018年2月の、これだけは押さえておきたいWeb関連の動き
Webニュース 2018年2月の、これだけは押さえておきたいWeb関連の動き Thursday, March 1st, 2018 「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。 Webデザイン デザイナーの秘密道具@spicagraph デザイン、キャッチコピー、アピールポイントなどの話です。イラスト入りで分かりやすいですね。 Adobe XDで快適！と感じたこと6つ – aicocco’s PhotoLog – g.o.a.t ワイヤーとカンプ、プロトタイプを1つのファイルで できるようになったというのは良いですね。 iOS 11 iPhone GUI | Facebook Design FacebookによるiPhone iOS11 UI素材。
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個が紹介されてい
Illustratorを使うとき、私が手放せない10個のスクリプト｜DTP Transit
最近、セミナーでスクリプトを紹介すると評判がよいので、10個選りすぐってみました。 これらを提供してくださっている作者さんたちに感謝します。 はまりどころを見つけると「むちゃくちゃ早く終わる」「手作業ではムリ」なことが実現できるので、「ここでこういうことができると快適になるのに」をリストアップしておいて、たまに棚卸ししてみるとよいと思います。 追記 2017更新版を公開しました。 Illustratorを使うとき、私が手放せない10個のスクリプト（2017更新版）＋ 入手できるスクリプト一覧 - DTP Transit なぜ、スクリプトを使うの？ Illustratorでの作業を効率化するには、キーボードショートカットやアクションを使う方法がありますが、そもそも次のような場合には、有償のプラグインを使うほか、スクリプトを使う方法があります。 Illustratorではできないこと できるけ
2014新春 はてなブックマーク、はてな村。まとめと展望 - コウモリの世界の図解
この度、はてな村に入村することにいたしました。 そこで入村届として、ここまでに得た「はてブ・はてな村」等の印象をまとめます。 （上に例示したグラフなどの詳細は項目３から） これから初めて、あるいはこれからも継続して「はてな」のサービスを利用していきたいと考える人の参考になれば嬉しいです。 目次 1、はてなブックマークの基本 2、はてな村とは何かの基本 3、はてなの規模と情報の海とインフルエンサー問題 4、超有名ブックマーカーとブクマやりちん指標 5、情報の質はアクト率、これからはアクト率の時代でしょ！？ 6、本エントリを５行でまとめる ※通常エントリ５本分を優に超える情報量があるため（2万字）、あと読みを推奨します。 ※新しい情報は！？とお探しの村民は、太字だけ確認しといて項目３以降へ。 ※ネタ好きな方、ブクマやりちん疑惑のあるid:RE〇さんは項目４へ。 ※「情報」について考えるのが好き
脱ダサピンク宣言ーその2 by はるこな | エッセイ投稿サービスShortNote（ショートノート）
ShortNote は、体験談や思い出などを、 エッセイのような文章にして投稿したり、 みんなのエッセイを読める、サイトです。
どんなにいい商品でも、その価値を伝えなかったら、いい商品ではないのです。
「お客の心に届くコトバ」は、この視点から生まれる。 以前の記事「販促物と演劇の作り方は似ていると思う」で、いい販促物の作り方というのは、映画や演劇の作り方と同じということを書きました。 映画や演劇を創るときは、次の順番で考えていきます。 1：ラストシーン 2：ファーストシーン 3：ストーリー（内容） 販促物を作るときも、この順番で考えると、作りやすくなるんです。 この三つを販促物に当てはめて考えてみると、次のようになります。 1：読んだ人に、どうしてもらいたいか？（ラストシーン） 2：読んでもらうためのキャッチコピー。（ファーストシーン） 3：販促物の内容。（ストーリー） カンタンに言うとこんな感じです。 今回は3:のストーリーに当たる部分、販促物の内容です。 商品やお店の『価値』を伝える場面です。 ここで注意しなければいけないことがあります。 どんな価値のある商品も、 どんな価値のあるサ
人間中心デザイン入門 -産業技術大学院大学 「人間中心デザイン」
8/9(土)、ついに産業技術大学院大学の履修証明プログラム「人間中心デザイン」が開講！ 2013年度に参加したかったけど開講されず涙をのんだプログラムゆえ、無事合格して授業へ参加できるのは嬉しい限りでした。 産業技術大学院大学「人間中心デザイン」は、以下3つのユニットに分かれています。 人間中心デザインデザインリテラシー編 人間中心デザイン方法論編 人間中心デザイン応用演習 人間中心デザインと関連分野の理論・知識を習得した後、具体的な手法を学び、演習で技術を習得していくという流れです。 初日の今日は、人間中心デザインデザインリテラシー編の「人間中心デザイン入門」でした。 講師は千葉工業大の安藤昌也准教授。内容もりもり。 未だ消化できってはないですが、もぐもぐ反芻するために気になったトピックについて記録を残していこうとおもいます。 たぶん次の授業までずっともぐもぐしてる予定。 授業の参加者に
ホームページ制作なら渋谷のウェブ制作会社【スタイル】
【スタイル】は東京都渋谷区でホームページ制作を行うウェブ制作会社です。ウェブサイト制作、SEO対策、ウェブマーケティングなどを承っています。良質テンプレートでの格安ホームページ制作プランもあります。
これ結構使えた！サービスサイトやWordPressテーマで使われている小技まとめ
作成：2014/05/19 更新：2014/11/01 WordPress > ウェブサービスサイトや最近のWordPressテーマで使われているエフェクトや小技をまとめました。今回またjQueryが多くなってしまいましたが、サイト制作時に一手間加えたくなる小技集です。 エンジニア速報は Twitter の@commteで配信しています。 もくじ サイト読み込み時 １．画像読み込み時、ローディング画像を表示／jQuery ２．読み込み時に文字を動かす／jQuery ヘッダー ３．文字の拡大・縮小／jQuery ４．入力補助／jQuery ５．伸縮するサーチボックス／jQuery コンテンツ ６．中心に水平線を入れる／CSS ７．均等に並べる／段組み／CSS ８．コンテンツが現れた時にアニメーションさせる／jQuery ９．マウスホバーで画像を拡大しキャプションを出す／jQuery １０．マ
WordPressでブログじゃないWebサイトを作るときのいろいろ（サンプル付き）
とても長い記事になってしまいましたが、WordPress を使って、コーポレートサイトのサンプルを作ってみました。WordPress はブログだけじゃなくて、色んな Webサイトが作れますよね！今回は、私が WordPress でサイトを作る時にやっていることをまとめてみました。 今までこのブログの中で、いろいろな WordPress の Tips を書いてきました。でも WordPress を使った Webサイトの作り方そのものは、今まで書いた事がありませんでした。そこで今回は、 WordPress を使ってブログじゃない Webサイトをまるごとひとつ作って、私なりの作り方をまとめてみました。 今回のサンプルサイトでは、WordPress の固定ページ機能はもちろん、カスタム投稿タイプやカスタムタクソノミー（カスタム分類）を使って作っています。 ページを表示する為に使っているテンプレート
UXデザインというものについて - yzgwyskw
UXという言葉は非常に誤解されているように感じます。これはUX〇〇を単にUXと言ってしまう軽率な省略によって引き起こされているのではないかと思っています。この省略のために、UXというのは結局なんなのか？という疑問を引き起こしているように感じています。この文章は、そういう疑問を持っていた一年前くらいに自分に対して説明を行うような気持ちで書きました。ただし、私は仕事としてUXを扱っておらず、自分の理解を整理するためにここで文章にしていることを留意ください。 UXとは そもそも、UXというのは"ユーザが製品に触れている際に経験する知覚や感情"であり"現実世界に起こっている事象"です。ここで重要なのは、UXは単に事象でありその他の意味は含まれていないということです。直感的といった曖昧な言葉がUXの形容詞として用いられていることが多いため、使いやすくなければUXでないような印象があるかもしれませんが
ウェブ制作者はチェックしておきたい、面白いアイデアを使った最近のウェブサイトのまとめ
デザインの細かいところまでこだわりが！ こんな発想はどこから生まれるの？ そんな次のプロジェクトのヒントになるような面白いアイデア満載のウェブサイトを紹介します。 時間のある時にじっくり楽しんでください！
Vagrant（ベイグラント）を使ってWindows上で仮想環境を手軽に作ってみる！ - ENZO.NET（えんぞーどっとねっと）
こんにちは、最近「魔法使いと黒猫のウィズ」に一生懸命なえんぞーです。 ただ、リセマラとかは性格的に無理なので一発勝負で進めましたが未だにレア的なもの出ていません(笑) さて、今回は「Vagrant」という仮想環境構築システムを使ってWindows上でお手軽に仮想環境を作ってみたいと思います。 「Vagrant」自体、最近流行っていると言うか話題になったので今更感満載ですが・・・。 このブログのコンセプトが備忘録なので問題ありませんｗ 二番煎じ、三番煎じ、なんのそのですｗ 何がどう便利なんだい？それは。 仮想環境というと「VMware」とか「VirtualBox」とかその辺を思い出しますよね。 基本的には仮想環境なのでその認識で問題ないのですが、このVagrantは手軽に環境を構築したり削除したりするサポートシステムみたいに考えて貰うと良いかも知れません。 全く同じ条件の環境を複数人のPCに
「Vagrant」って何ぞ？（・o・）
「Vagrant」って何ぞ？（・o・）：Vagrant開発者 Mitchell Hashimoto氏に聞いた 仮想の開発環境作成ツールとして人気が高まっている「Vagrant（ベイグラント）」。その開発者であるMitchell Hashimoto（ミッチェル ハシモト）氏が来日するとの情報を聞き、2013年7月12日、VOYAGE GROUPで行われたミートアップに駆け付けた。 「Vagrant」とは Vagrantとは、違う環境に移行可能な開発環境を簡単に構築・管理し、配布することができる開発環境作成ツール。「ほんの数行書くだけで開発用の仮想マシンを構築できる」という優れものだ。 Vagrantのビジョンは、「開発者とシステム管理者にとって最高の『開発フロー』を提供すること」。Vagrantをダウンロードして「vagrant up」と入力し、実行するだけでそれが可能となる。 システム管理
Installation - Package Control
Command Palette Open the command palette Win/Linux: ctrl+shift+p, Mac: cmd+shift+p Type Install Package Control, press enter This will download the latest version of Package Control and verify it using public key cryptography. If an error occurs, use the manual method instead. Manual If the command palette/menu method is not possible due to a proxy on your network or using an old version of Sublim
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
Seeing Like a Network
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
PMBOKで学ぶプロジェクトマネジメントの基本
新着記事
