米ヒューレット・パッカードは、業務アプリケーション向けのJavaScript製UXフレームワーク「Grommet」をオープンソースで公開しました。Grommetは、「コンシューマグレードの機能を備えたエンタープライズ向けのUXフレームワーク」（米HP CTO Martin Flink氏）として開発されたもの。 モバイル対応でカラーパレットやテンプレートなどにより容易にカスタマイズが可能。エンタープライズ向けアプリケーションでよく用いられるカラーパターン、タイポグラフィ、アイコンや、ログイン画面、ダッシュボードなどのパターンが用意されています。

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

国内ユーザー注目！「El Capitan」の隠し球 WWDC 2015で発表されたMac用次期OS、OS X「El Capitan」。実はこのOSには、日本のMacユーザーに対してだけの「One more thing」（もう１つの重大な発表）が隠されていた。それは日本語関連の機能の大幅な進化だ。 El Capitanの概要については、WWDC 2015の現地リポートで簡単に触れた。肝はMacの「パフォーマンス」と「体験」の向上だ。アプリの起動や切り替えから始まり、画面表示全般、PDFの表示などすべてが現行のOS X「Yosemite」よりもキビキビしている。 それに加え、分割ビュー（スプリットビュー）という機能も加わった。OS Xには、1つの作業に集中できるようにアプリケーションのウィンドウを画面いっぱいに広げる全画面表示モードという機能がある。分割ビューは同時に2つのアプリだけを表示して

手書きのイラストをIllustratorファイルに。魔法のようなモレスキン・Adobeスマートノートブック 手書きのイラストをスキャンし、Illustratorで編集可能なSVGファイルにしてしまう。そんな、魔法のようなモレスキン・スマートノートブックが登場しました。 モレスキン・スマートノートブックといえば、これまでEvernoteと連携したものがありましたが、今回のそれはAdobe Creative Cloudにファイルを取り込むことができるタイプです。 今回、モレスキン・ノートブックを販売している株式会社エムディーエス様からレビュー用に一冊ノートを頂きましたので、さっそくその機能についてみてみたいと思います。### スケッチ用の厚手のノート Adobe Creative Cloudと連携するモレスキン・スマートノートブックは、ラージサイズの160ページの厚手の中性紙で作られたイラスト

はじめましてこんにちは。pixivでアルバイトをしているhakatashiです。 さる6月10日、パソコン版pixiv小説にて縦書き表示機能がリリースされました。この開発のあらかたを担当したので、今回の縦書き機能開発における裏側を紹介いたします。 構想 縦書き機能開発にあたり、設計段階からその大部分を一任されました。小説機能開発において自分の中に絶えず理念として存在していたのは、ユーザーに最高の読書体験を提供することです。縦書きによって得られる利益を最大化し、快適な閲覧を支援するために、以下のような構想を置きました。 縦書き横書きの組版の差異における違和感を可能な限り軽減すること。 スクロールとページングを融合した、柔軟で快適な閲覧インターフェイスを提供すること。 この2点について詳しく解説します。 縦組版 まず、ウェブブラウザで縦書き表示を実現するにあたり、どのような手法をとるかという問

★この記事が漫画になりました！★ ↓↓↓ hikarujinzai.hatenablog.com 「あの人って仕事できるよね」「あいつ仕事できないよね」というようなセリフを一日に一回くらいは耳にしませんか？ご自分でもお使いになりませんか？私はよく耳にもしますし、頻繁に使ってしまっています。でも仕事ができるできないの明確な共通の判断基準って存在するのでしょうか？ 「彼のどこがこうだから仕事できる」とか、「彼女には○○力が欠落しているから仕事できない」みたいなきちんとした判断理由を付け加えた使い方って日常会話ではほとんどされないですよね。もちろん世間話ではそれで全然いいでしょうし、逆にいちいち理由付けなんかしてると「お前面倒くさい奴だなあ、仕事できるできないなんて、そんなの雰囲気でいいんだよ雰囲気で！」って嫌われるのがオチですよね。 私も世間話をするときはそんな理由付けなんかしませんが、人事で

HTML の a 要素に target 属性をつけて、リンク先の文書をどこで開くのかを指定できますね。 デフォルトは _self で、元のドキュメントと同じフレーム。無指定だとこれになるので、わざわざこれを書くことは少ないと思うけど。 一番よく使うのは target="_blank" じゃないでしょうか。リンク先のドキュメントを新しいタブやウィンドウで開くやつですね。 これ、以前はよくつかってました。ルールとして サイト内リンクは target 指定なし 外部サイトへのリンクは target="_blank" というのが多かったんじゃないかな。 でも最近、これはもうリンク先がどこであろうと指定しない方がいいんじゃないか、と思ってます。 もちろんサイトによってそれぞれ使いわけはあると思うんだけど、少なくともほとんどの手元のサイトの場合はいらない。 target="_blank" を使ってきた

プログラマやデザイナと話してるとしょっちゅう変な英語発音に出くわします。 例えばheightを「ヘイト」と発音したり。 そういう時、私は心では「ヘイトじゃないよハイトだよ！」と呟きつつ、口では「そうですね、ではヘイトは80pxにしましょう！」なんて言ってるのであります。 まあ、所詮我々が話しているのは英語ではなく、日本語の中に出てきた英単語をカタカナで発音しているに過ぎないですし、テレビのテロップでmainをメーンと表記する時代ですので正解などは無いと思っています。 ですから、何でもかんでも正しい英語っぽく発音するべきなどとは思っていませんが、やはり「こいつ適当にスペルを日本語読みしてるだけだろ！」ってのが明らかな場合は、聞いているこっちが恥ずかしくなってしまうものです。 というわけで、この業界で横行してる妙な発音をまとめてみました。 間違って発音すると恥ずかしい英語 これらは間違って発音

コーディング向けの日本語対応の等幅フォント「Sourceソース Hanハン Codeコード JPジェイピー（和名：源ノ角ゴシック Code JP）」が、2015年6月4日に公開されました。「源ノ角ゴシック Code JP」は、プログラミングやHTML/CSSのコーディング、ターミナルでのテキスト表示など、和欧表示用フォントとしての利用を想定されたフォントです。 ダウンロードはこちらから Release Fonts (OTF, OTC) · adobe-fonts/source-han-code-jp · GitHub ※このフォントは無償でダウンロード可能です。OTCとTTFの両方のフォーマットで配布されているので、Windows/macOSともに簡単にインストールできます。 ※上記リンクの「Fonts version ［バージョン番号］ (OTF, OTC)」となってい箇所の［Sourc

2015年10月2日 Wordpress 会員登録をしたユーザー限定でコンテンツを表示する会員制サイト。作るには時間や手間がかかるイメージですよね。今回はそんな会員制サイトを簡単に、そして無料で作れちゃう「Simple Membership」というプラグインをご紹介します。 ↑私が10年以上利用している会計ソフト！ 会員制サイトに必要な機能 以下の機能のついた簡単な会員制サイトを作ってみようと思います。 新規ユーザー登録 ログインフォームの設置 記事やページを限定公開 ユーザーによる登録情報（名前やパスワード等）の変更 管理ページから手動でユーザー追加 Simple Membershipは無料で使えるWordPressの会員システム導入プラグイン。会員レベルの設定やコンテンツの限定公開も簡単で、ショートコードを使ってログインフォームも設置できますよ。細かい設定は難しいかもしれませんが、上記

お疲れさまです、デザイナーのモモコです。 今回は要素を切り替える際にかっこいいアニメーション表現がつけられるプラグイン、スクリプトを6つご紹介します。 数あるプラグインの中でも実装が難しくない、デザイナーにも優しい仕様のものを選びました。 要素の切り替えがかっこいいプラグイン・スクリプト6選 Animsition http://git.blivesta.com/animsition/ 簡単、シンプルなページ切り替えに動きが付けられるjQueryプラグイン。 フェードアウトや回転、ズームなど58種類のデモが用意されており、それぞれパラメータで細かい調整ができるようになっています。 iconate http://bitshadow.github.io/iconate/ クリックで2つのアイコンフォントをかっこよく切り替えられるJSプラグイン。 全部で19種類のアニメーションがそろっています。

本資料は、web アプリケーションにおける脆弱性のひとつ、CSRF (クロスサイトリクエ ストフォージェリ) の仕組みとその対策に関する説明資料です。 また、CSRF 対策のためのライブラリのいくつかについて、その概要と適用例も紹介しています。 Webアプリケーションを作成する開発者の方々が、CSRF 脆弱性に対する理解を深め、よりセキュアなWebアプリケーションの開発の一助となれば幸いです。 自習用の資料や勉強会での資料としてご活用ください。 - 改訂版+1: 図版や誤記の修正 (2015年10月20日) ※ コメントくださった皆様ありがとうございます! - 改訂版: JPCERT/CC Web サイトにて公開 (2015年10月6日) - 初版: OSC2015Hokkaido 講演資料 (2015年6月13日) Read less

はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

※本サイトは、アフィリエイト広告および広告による収益を得て運営しています。購入により売上の一部が本サイトに還元されることがあります。 Appleが発表した「OS X El Capitan」は、クレー、筑紫A丸ゴシック、筑紫B丸ゴシック、游明朝体+36ポかなに加え、ヒラギノ角ゴシックのウェイトが追加されます。 これらは既に販売されているフォントのため、フォントワークスのライセンス製品「LETS」、モリサワのライセンス製品「MORISAWA PASSPORT」を使用してスタイルチェックを行なってみました。 なお、かな書体「游明朝体+36ポかな」（漢字,英数字は含まれない）はチェックしていません。