CRISP APP ALREADY DOWNLOADED? CRISPはお店に行かなくても、APPから事前にオーダーできるって知ってました?さぁ、今すぐここからダウンロードしよう! SPRING SALMON BOWL 春のシーズンを締めくくるのは、昨年秋にも大人気だったサーモンボウルにこの季節限定で復活したフレッシュスナップエンドウやルッコラをプラス。春の主食として美味しくなったサーモンボウルが食べられるのは今だけ🌼
スマホサイトはPCサイトと異なりマウスカーソルがありませんので、PCではよく使われているhoverやロールオーバーの効果がスマホサイトでは使用できません。 ですが、タップしたときにあたかもhoverしているような効果をつけることはスマホサイトでも可能です。ただし、CSSだけでは対応しきれないため、jQueryを用います。 タップして色をつけるだけであれば -webkit-tap-highlight-color を使ってもよいのですが、これだとAndroidが対応していませんし…。 なによりテキストだけのリンクであればありだと思いますが、ユーザーのアクションとしてはまだ弱いと感じています。 ですがスマホサイト上のすべてのリンクにhoverを使うと、返ってうるさい感じがでてしまうので、それは避けたいところです。hoverを使う場所としては、ページ内のボタンをタップしたときにボタンの色を変える、
ソーシャルシェアボタンの設置方法のまとめです。GoogleアナリティクスによるSNSボタン押下数の効果測定やFacebookでキャッシュクリアしないと正しく出なかったりする件の対処法、ogpタグなど、いくつかハマったものの解決方法も併せて記載しています。 ■ ソーシャルボタンの表示サンプル ■ シェアしたときの表示サンプル(google+の例) 1.対応しているSNS 本記事で対応しているSNSは以下です。 Facebook(※いいねボタンではなくシェアボタンです) Twitter Line Google+ はてブ 2.シェアボタンを実装する前にやること シェアボタンを実装する前に、以下の内容を検討して下さい。 メタタグやogpタグが適切に記載されているか? → ないと魅力半減です。 GoogleアナリティクスでKPI測定するか? → シェアボタン押された回数計測できます 2.1 メタタグ
生茶氷と出かける。 生茶を、冷凍OKな容器にそそいで冷凍庫に一晩。 じっくりと凍らせたら、「生茶氷」の出来上り。 溶けはじめは、生茶のうまみや甘みが際立つ味わいを そして時間とともに変わっていく風味を楽しむことができます。 テレビCMで、高橋一生さんは 生茶氷を持って、初夏の町へお出かけ。 川辺の心地よい場所を見つけて、 ほどよく溶けだした生茶氷で楽しんでいます。 お出かけの機会が増えるこの季節、 アウトドアをフィールドに活躍するプロフェッショナルに、 生茶氷を持って出かけたい場所や 〝ならでは〟の楽しみ方を教えていただきました。 あなたは生茶氷と、どんなうれしい時間を過ごしますか。
「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素材。PSD、Sketch等。 コーディング CSSで変数(カスタムプロパティ)を使ってみよう | Webクリエイターボックス IE11
こんにちは、かんろです。 最近仕事でAdobe XDを使う機会がとても増えました。 Fireworksが開発終了になってからワイヤーやカンプはIllustrator中心で作成していて、少しのAffinity Designerを使っていた時期もあったのですが、使っていた当時は日本語入力がとても弱かったことと、周りの人とデータの共有がしにくかったのでIllustratorに戻りました。 作業の流れは、ワイヤーを書きカンプ、そしてモックアップを作りながらプロトタイプを作っていくようなイメージで進めています。これを1ファイルで済ますことができるのが個人的にとても便利! あと、なんといっても軽いのがうれしい!起動がめんどくさくないというのが地味に大きいです。 そんなAdobe XD、気になってはいたけどまだ使ってない、でも気になる!という人向けに、個人的に良いな、便利だな、と思った機能を改めてまとめ
2017.04.04 ZeplinとSlackで、ディレクターの方とのデザインに関するやりとりがスピードアップした 私はデザイナー兼フロントエンジニアです。 ZeplinとSlackを使って、ディレクターの方とのデザインに関するやりとりのスピードがとても上がったので、 どのようにやり取りをしているか紹介したいと思います。 Zeplinとは Sketch3やPhotoshopのアートボードから、レイアウト指示書を作成してデザインを確認できるツールです。 公式サイト https://zeplin.io/ Sketch3やPhotoshopから、プラグインでZeplinにデザインをアップロードして利用できます。 アップロードすると、Zeplinでは次のような画面にSketch3やPhotoshopのデザイン(アートボード)が表示されます。 オブジェクト間の距離やCSSなどが表示されます。テキスト
ステークホルダーとともに ・こどもが真ん中の保育環境・価値づくりに取り組みます ・誰もが健やかに成長できる家庭・職場・社会の環境・価値づくりに取り組みます こどもたちの未来はどうなっているかな? 会社がこどもたちのために何かできないかな? こどもたちに明るい未来をつなぎたいな。 どんなところだとこどもが安心して過ごせるかな? こどもとの遊びをもっと面白くできないかな? こどもの興味をのばしてあげたいな。 最近忙しくて こどもとしっかりと向き合えていないな。 朝、こどもに「早くしなさい」と言って しまうことが多いな。 こどもとともに AIの発展や国連が定めたSDGs(Sustainable Development Goals)への意識の高まりなど、こどもたちを取り巻く環境はめまぐるしく変化しています。 その未来をよりよく生きる力とは何かを考えながら、日々の保育に向き合っていきます。 もっと見
Posted: 2015.09.29 / Category: javascript / Tag: SVG 一昔前だと単純な斜め線とか円をバックに置きたいときは画像で作ってましたが、最近ではわりとSVGを使うことが多いようです。 SVGの良いところはベクターなので画面全体に配置しても荒くなったりしないとか、コードで作成できるので後々アニメーションなどもできたりします。 ここでは単純な図形ですが画面全体に表示する方法をご紹介します。 準備 まずはSVGをHTML内に記述する方法です。 HTML <div id="wrap"> <div class="description"> ここにコンテンツが入ります。 </div> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
How would you explain that a company supposed to offer digital assets to investors provided tokens with little to no value ? The same company spearheaded the job of misleading over 2,000 token holders into buying unregistered ICOS tokens worth over $14.6 million. That is the story of ICOBox - the organisation that paraded itself as a leading ICO provider and marketing services facilitator for many
まるで「見えないペン」で描いているような手描き風のSVGアニメーション。CSSとJavaScriptの知識があれば実装できる、定番アニメーション表現ですが、Vivusならもっと手軽に実装できちゃいます。 90年代初期のBLINKタグから、最新のCSS3トランジションやアニメーションに至るまで、Webページやアプリケーションの要素を移動する機能は、いつも魅力的な目標であり続けています。 今日では、SVGなどのテクノロジーを使えば、「見えないペン」と呼ぶエフェクトを比較的容易に実現できます。閲覧者は、まるで見えないペンで描かれたかのように、1ラインずつ表示される絵を目にします。 そのアイデアは新しいものではありません。よく知られているように、1953年の「Duck Amuck(カモにされたカモ)」にまでさかのぼると、のちにバッグス・バニーだと判明した見えざる手は、周りの世界を何度も消しては描き
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く