インライン用のWYSIWYGエディター Lite Editor をリリースしました。 | OSS | スタッフブログ | 名古屋のCMS構築・Web制作会社 アップルップル
一般的なWYSIWYGエディターにはスタイルを調整するための、ボタンがデフォルトで付いていて、文章の中の文字サイズや色などを自由に変更できてしまいます。またリストやテーブルなどのインライン以外のタグも挿入できてしまうため、余計な空白が発生したりして、デザインの統一性が損なわれることがありました。 そのためルールが徹底されていないと、記事の編集者によって全く異なったテイストの記事ができあがってしまうこともあります。そこで今回弊社が開発したJavaScriptライブラリが、 Lite Editor です。Lite EditorはブロックタイプのCMS向けに開発されたWYSIWYGでインライン要素のタグ挿入に特化しています。 a-blog cmsでは、エントリー（記事）の編集画面で、ユニットと呼ばれるブロックと組み合わせて利用されています。 <h2>画像と見出しのレイアウト例</h2> <p>こ
modal-video.js - 動画をモーダルウィンドウで表示する jQueryプラグインをリリースしました | JavaScript | ブログ | 名古屋のCMS構築・Web制作会社 アップルップル
modal-video.js は、弊社が2017年2月にリリースしたビデオコンテンツ再生用のJavaScriptライブラリです。このライブラリは、コンテンツ内に設置された YouTube、Vimeo、mp4 などを モーダルウィンドウ を開き、より大きく動画を再生できるようにするために作られました。 誰でも自由に利用いただけるように MIT license で GitHub で公開しています。
数千ページのワイヤーフレームを書いてきたWebディレクターがUI設計時に気を付けている８つのこと。 - 笑顔を創りたいWebディレクターの日常
なんかすごい思い付きで www.adventar.org に参加してみたんですけども。 気づいたらいつの間にか自分の日になっていて面倒くさくなってきて激しく後悔したびっくりしたという。 ぼくはWebディレクターでありデザイナーさんではないし、すてきデザインができるようなビジュアルセンスのようなものは、誠に残念ながら母上から授けられずにこの世に生を受けているものですから、"いわゆる"デザインはやらないんですが、その前の画面設計についてはワイヤーフレームなるものでいっつもやっておりますので、その観点からなんか書きましょうとそういうことですお母様（謎） そんなわけで、うぇぶぎょうかいのむめいでぃれくたーのお時間です。 Webディレクターとしてはえーと、もうすぐ丸１２年になります。そうするとまあ、たぶん数千ページは「ワイヤーフレーム」をつくってきたんじゃないかと思います。正確な数字はわかんないです
これからの CMS に求めるものは何でしょうか｜CMSについてイロイロ聞いてみよう！
してましたねー。でも、今年からしないようにしようと思ってますけど。 この1年間でレイアウトモジュールの使い方も分かってきた。こうして欲しいなってのも少しありますが、今の段階でもかなりよく使えるようになってきましたね。 レイアウトモジュールがある事によって、お客様もそのページ内の要素を好きに配置できるし、ここは何をするためのものなのか機能的にモジュールを選んで好きなように作れるというところが、ある程度のルールにのって作れるというのは良さでもありますね。 実装側も、もともと a-blog cms で持っていたモジュールという考え方を意識してできるようになったのが大きいですね。
美ら海の歩き方（おすすめプラン） | 沖縄美ら海水族館 - 沖縄の美ら海を、次の世代へ。-
「たくさんあるプログラムを効率よく楽しみたい」、「海洋博公園の他の施設も見学したい」という方のために、おすすめプランガイドをご用意いたしました。 「半日プラン」や「1日プラン」、「1泊2日プラン」など、それぞれの日程に合わせたプランをお選びになれます。 プランガイドを活用して、貴重なお時間を 有効にお楽しみください。
Google広告のブランド効果測定サービスは、「さすがグーグル」というスゴい仕組みだった（しかも無料） | 初代編集長ブログ―安田英久
グーグルは、インターネット広告の効果を「ブランド認知」「広告想起」「検索上昇率」といったブランドリフト指標で効果測定できるサービスを提供している。その名も「Google広告 ブランド効果測定」。 しかも、「さすがグーグル」という洗練された仕組みで実現されており、調査会社に依頼しなくても、しかも無料で、適切なターゲットを自動的に調査でき、しかも数日で結果がわかるサービスだ。 ネット広告の効果を、CTRやCPAなどの刈り取り指標“だけ”で測るのは、おかしい 広告を見てもらうことによるブランドリフト効果があるはずだ ブランドリフト効果を活用することで、ファネルの上部にいる潜在顧客への働きかけを強化できる ――そう信じている広告業界の人（筆者を含め）にとって、このサービスの洗練された仕組みは、僥倖のはずだ。 グーグルで「Google広告 ブランド効果測定サービス」を担当する中村全信氏とユリ・ウェン
CSS Variables - Why should you care? | CSS and UI | Chrome for Developers
CSS variables, more accurately known as CSS custom properties, are landing in Chrome 49. They can be useful for reducing repetition in CSS, and also for powerful runtime effects like theme switching and potentially extending/polyfilling future CSS features. CSS clutter When designing an application it’s a common practice to set aside a set of brand colors that will be reused to keep the look of th
フォトショップの作業が楽になる、覚えておきたい小技テクニック29選
2018年8月5日に公開された記事を、サムネイル画像など再編集、アップデートしています。 フォトショップの作業が速くなる秘訣は、ずばりショートカットキーによる時短テクニック。 その理由は、「もっと早く知りたかった」と思うほど、ラクラクな手軽さで、面倒な作業をすぐに片付けてしまうから。 「レイヤーの重なり順を変えたい」 「細かい部分の作業を行いながら、同時に全体表示で確認したい」 「不要なレイヤーを非表示にしたい」 そんな普段からよく行う作業も、効率アップさせる時短テクニック18個が揃いました。 フォトショップがもっとうまくなりたいと思っている人こそ、まずは試してみませんか。
Rich notifications API | Manifest V2 | Chrome for Developers
The rich notifications API lets you create notifications using templates and show these notifications to users in the user's system tray: How they look Rich notifications come in four different flavors: basic, image, list, and progress. All notifications include a title, message, small icon displayed to the left of the notification message, and a contextMessage field, which is displayed as a 3rd t
組織の知を高めるには、「タバコ部屋」が欠かせない：日経ビジネスオンライン
この連載では、先月まで米ビジネススクールで助教授を務めていた筆者が、世界の経営学の知見を紹介していきます。この連載は月1回ペースで書いているのですが、筆者の日本帰国（早稲田大学ビジネススクールへ移籍）のため、9月中はこのコラムを配信できませんでした。失礼しました。 さて、私は昨年『世界の経営学者はいま何を考えているのか』（英治出版）という本を刊行したのですが、その中で特に大きな反響をいただいたのが、組織パフォーマンスの向上に重要な「トランザクティブ・メモリー」を紹介した章でした。 大事なのは「情報の共有化」ではない トランザクティブ・メモリーは、世界の組織学習研究ではきわめて重要なコンセプトと位置づけられています。その要点は、組織の学習効果・パフォーマンスを高めるために大事なのは、「組織のメンバー全員が同じことを知っている」ことではなく、「組織のメンバーが『ほかのメンバーの誰が何を知ってい
Slackで簡単に「日報」ならぬ「分報」をチームで実現する3ステップ 〜 Problemが10分で解決するチャットを作ろう
Slackで簡単に「日報」ならぬ「分報」をチームで実現する3ステップ 〜Problemが10分で解決するチャットを作ろう〜 開発プロジェクトを進めていくと、チームは様々な課題に直面する。こうした課題は、週次のミーティングや日報で共有して解決していくことが多い。 課題は大小様々だが、特に数時間で解決できるような小さな課題をいかにリアルタイムで解決していくかで、チームのスピード感が大きく変わってくる。 僕のチームでは、リアルタイムの課題解決の為に、社内チャットSlackを社内Twitterのようにする邪道な使い方「分報」という取り組みを実践している。 > 日報の弱点日報の弱点 日報は一日の業務の報告書で、一般的に「進捗状況」「体験」「学習」「課題」が記載される。これらをチームで共有することで暗黙知を減らし、個人とチームを成長されることが目的だ。報告方法はチームによって様々だが、メールをはじめ、
Atomic DesignはWeb開発を救うのか - DMM.comラボ デザイナーズブログ
前置き Webを便利に・高品質にしようと技術が進歩する中、コンポーネント設計に寄り添ったシステムが多く出てきました。 ただし、それらを十分に活用するにはデザインから見直さなければなりません。 コンポーネントベースのUIデザインは汎用性・再利用性の観点からも有用ですが、それを実現する際には「コンポーネントの定義」が非常に難しいことがあります。 PDCAサイクルをまわす時のようにあとから再びデザインに手を加えることが予測される環境下では、コンポーネントの粒度が曖昧なままでいると思わぬコストが発生する場合が多々存在するでしょう。 そこに対して一定のルールを持った設計システムが導入されることにより、未来の要望に対応できる柔軟なデザインが構築できるかもしれません。 そう、デザインにも設計は必要なのです！ Atomic Designとは？ atomicdesign.bradfrost.com Atom
珍しいワークフロー：Atomic Designの原則とSketchでデザインからプログラミングまで | POSTD
概要： Sketchを使ったAtomic Designの方法がプロダクトデザインの未来形です。 初めに この記事は、上のビデオの素晴らしい人物、Brad Frostの開発したシステムについて書いています。Atomic Designは今のレスポンシブなデジタルの世界に対応するために開発されたものです。 ここ何年も、私たちのデザインを少しでも理解してもらえるよう、スタイルガイド、基本的ガイドラインやムードボードなどのツールを作成してきました。同じように、開発者もBootstrapやFoundation、Bourbonなどのツールでプログラミング作業を楽にしようとしてきました。互いに妥協点を見いだし協力することで互いの作業を楽にできます。Atomic Designはまさにそれを実現しようとしています。 Atomic designはあるインスタンスやページをデザインすることではありません。大局的に
PHPの生みの親、ラスマス・ラードフ氏インタビュー | gihyo.jp
PHPの生みの親、ラスマス・ラードフ氏インタビュー 2015年12月に無事公開されたPHP7。その公開に先立ってPHPの生みの親であるラスマス・ラードフ氏に話を伺う機会がありました。英語で行われた一時間のインタビューは長大ですがラスマス氏の思想がよく分かる話題が多く、可能な限りそのままの形でお伝えすべく、その模様すべてをお届けします。 なお、インタビューは10月に開催されたPHPカンファレンス2015の講演終了後に行われ、リリースに関する話題などはその時点でのものです。 現在の仕事と生い立ち ―――― まずは、PHPを作ってくださってありがとうございます。今日の基調講演もすばらしかったです。 ラスマス：ありがとうございます。 ―――― いきなりですが、個人的な質問から始めてもいいでしょうか。 ラスマス：どうぞ。 ―――― Etsyではどのようなお仕事をなさっているんですか？ ラスマ
HTTPステータスコード451(政治的な検閲)が正式に承認される
mnot’s blog: Why 451? draft-ietf-httpbis-legally-restricted-status-04 HTTPステータスコード451がIETFで正式に承認された。近いうちにRFCとしても発行される。 元ネタは、Ray BradburyのFahrenheit 451(華氏451)というタイトルの小説で、これはディストピアな検閲社会を描いている。 451の意味は、403(禁止/権限がない)と似ているが、正確な意味は、ドラフトを引用すると、以下の通り。 このドキュメントはサーバーオペレーターが、あるリソース、あるいはあるリソースを含むリソース群に対し、閲覧を検閲するよう法的な命令を受け取った時に使うHypertext Transfer Protocol(HTTP)ステータスコードを規定するものである。 このステータスコードは、法律や一般大衆の雰囲気がサーバー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
kakeru.me
Releases · ThePacielloGroup/CCA-OSX
GitHub - jlong/css-spinners: Simple CSS spinners and throbbers made with CSS and minimal HTML markup.
サービス終了のお知らせ
Create atomic design systems with Pattern Lab - Pattern Lab