大阪中心部に建設中のコレ、前衛的なデザインの建物か…と思ったら違った「美しい」「職人技を感じる」Last scape _最後の風景 @last_landscape 西からもたらす鉄道駅の改革 ― 世界初の自動改札機が阪急北千里駅に導入されてから56年。今度はJR大阪駅から、世界初のフルスクリーンホームドア、世界最高水準の顔認証ウォークスルー型改札機など、最先端の近未来技術を発信する。#うめきた #JR西日本 pic.twitter.com/PR2G9QfLpP twitter.com/last_landscape… 2023-03-20 06:51:58
ウェブアクセシビリティについて【WINTICKET(ウィンチケット)】
WINTICKETでは誰もが公営競技を楽しむことができるよう「JIS X 8341-3:2016 高齢者・障害者等配慮設計指針－情報通信における機器、ソフトウェア及びサービス－第3部：ウェブコンテンツ」に対応することを目標とし、アクセシビリティの向上に取り組んでいます。 対象範囲WINTICKETサービス https://www.winticket.jp 以下 目標とするレベルJIS X 8341-3:2016のレベルAに準拠 本方針、また試験結果における「準拠」という表記は、情報通信アクセス協議会のウェブアクセシビリティ基盤委員会による 「ウェブコンテンツのJIS X 8341-3:2016対応度表記ガイドライン2016年3月版」で定められた表記によるものです。 追加する達成基準1.4.3 コントラスト（最低限レベル）の達成基準（AA）2.4.7 フォーカスの可視化の達成基準（AA）例外
Macで色のコントラストがチェックできる2つのカラーピッカーツール
今年はWebアクセシビリティ Advent Calendar 2019 )に参加させてもらいました。18日目の記事です（すみません、19日になってしまいました。。。）。 以前、このブログで「Contrast」という色のアクセシビリティをチェックするツールを紹介したことがあるんですが、その後に試した2つの有料アプリをご紹介します。Contrastは色のアクセシビリティのチェックに特化したツールですが、今回紹介する2つのアプリはコントラストチェッカー機能が付いたカラーピッカーです。 Macのみです。Winユーザーの方々、ご容赦を。。。 まずは1つ目。 Sip Sip はコントラストチェッカー機能が付いた多機能カラーピッカーです。$10で1年間分の更新がついているライセンスが購入できます。ライセンスが切れたら半額で更新、または、その時点のバージョンを継続して使えます。 Sipのコントラストチェッ
どう作ると読みやすい？ Yahoo!ニュースのダークモード対応の裏側 #UI
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog Yahoo!ニュース デザイナーの広垣です。 11月上旬、Yahoo!ニュースアプリはダークモードをリリースしました。※Android10（Q）以上/iOS13以上 Yahoo!ニュースアプリがダークモードに対応しました- newsHACK 昨日はエンジニアからYahoo!乗換案内アプリの事例を元に実装面について解説がありました。 本日はデザイナー視点からYahoo!ニュースでの事例を元にダークモード対応事情をご紹介したいと思います。 【補足】 画面を暗めの配色に切り替える機能について、「ダークモード」「ダークテーマ」などさまざまな呼び方がありますが、この記事では中ではすべて「ダークモード」と呼んでいます。 また、「ダークモードで
Islamic spells for love inter caste inter religion marriage
About Support Login Who We Help SportsMajor League, Minor League, College Athletics NewsNational, Local, Digital EntertainmentTV Shows, Award Shows, Livestreams EventsFestivals, Conferences, Livestreams Sign up for a DemoSee Tagboard in action > What We Do Resources App Marketplace Blog #Storyteller Case Studies Product Updates NewsletterSign up here > Contact Us Tagboard is an Emmy-nominated audi
Instagramショッピング機能とは？使い方や企業の導入事例を徹底解説 « 株式会社ガイアックス
a]:flex [&>a]:flex-row [&>a]:justify-between [&>a]:py-[18px] [&>a]:border-t [&>a]:border-lightgray [&>a]:border-opacity-20 [&_li]:my-1 [&_li]:list-['-_'] [&_li]:py-[18px] [&_li]:border-t [&_li]:border-lightgray [&_li]:border-opacity-20 [&_.Label]:transition-all [&_.Label]:w-fit [&_.content]:transition-all [&_.content]:h-0 [&_.content]:pt-0 [&_.content]:px-5 [&_.content]:overflow-hidden [&_.toggle:
物件契約時の初期費用を交渉したときのメモ - お気持ちの表明
引っ越すことになった。 仲介業者のお店に行って、いい感じの物件を見つけたので、速攻見積もりをしたのだが、めちゃ高い。 敷金、礼金、仲介手数料、鍵の交換...。賃貸借りるのに色々かかりすぎでは？と思ってた。 ただ、交渉の知識もないしなあ〜〜〜と思っていたら、以下のツイートをたまたま発見。 ワイ「国交省ガイドラインには鍵交換は貸主が負担するのが妥当ってあるよなぁ？」 不動産「見積もりから削除しました！」 ワイ「仲介手数料1か月分になっとるけどはワイの承諾がなければ半月分のはずよな？」 不「半月分に訂正しました！」 ワイ「書類作成代2万とか舐めてんの？」 不「いりません！」— ぴっぴ先生 (@hihihi_sensei) 2018年6月16日 おっ？エビデンスベースで詰めるなら、自分もイケるのでは？と思って調べたことのまとめ メール等でやりとりできると最高にラク まずはじめに、交渉するなら担当者
埋め込みタグの挿入だけ！無料でWebサイトに決済機能を導入できる「Payzard」を使ってみた -
どうも、まさとらん（@0310lan）です！ 今回は、Webサイトやブログなどへプログラミング不要で簡単に決済機能を組み込むことができる無料のWebサービスをご紹介します！ 埋め込みタグをHTMLに挿入するだけでGUIによる細かな設定が可能で、月額課金や寄付金の導入なども今すぐ始めることができますよ。 ショップサイトや有料サービスの開発を考えている人も参考になると思うので、ご興味ある方はぜひ試してみてください！ 【 Payzard 】 ■「Payzard」の使い方 それでは、まず最初に「Payzard」を使った決済機能を利用するための方法について見ていきましょう！ サイトにアクセスしたら、画面の上部にある「Start now」ボタンをクリックします。 決済機能を導入しようと考えているWebサイトのURLを入力します。 プラットフォームの選択画面になるので、今回は「Other platfor
2018年のフロントエンドエンジニア/デザイナーに知ってほしいAtomic Design - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 目的 フロントエンドを開発する上でUIコンポーネントを区分する際に問題が起きました。 UIコンポーネントを区分せず、フラットに開発すると、1サービスで軽くUIコンポーネントが3桁ぐらい同一ディレクトリで無法地帯のように散乱されるのは想像に難くないでしょう。(事実そうなりかけて解決策を探した結果この記事を書いています それを解決するためにAtomic Designを参考にしようといくつかの方のAtomic Designのスライドショーを見ましたが、それらのスライドショーの内容の通りやっても上手く行かない事は明白でした。 調査した所、Ato
Middelman + Google Spreadsheet を使ってみんなで編集できる静的サイトを作る - Qiita
最近 Middleman を活用しています。middleman は Rails からテンプレートエンジン部分だけを抜き出したようなもので、Haml や Slick などを使いたいが、ログイン処理などの動的なものは必要ないといった時に便利です。 静的なファイルのみの出力なので、Amazon S3 や Github Pages に、生成された HTML をアップロードすることでホスティング費用を劇的に少なでき、Wordpress 等のCMSのようにセキュリティ面を気にする必要もなくなります。 ブログの機能も備わっている他、データファイルを読み込むことができるので、データを元にページを生成するような事も簡単にできるのが魅力です。 今回、Code for Japan のイベント Social Hack Day のウェブサイトを作る際にも Middleman を使わせてもらいました。 システム全体は
面倒な作業不要で、Webアプリ開発が劇的にはかどる！至高のJavaScriptライブラリ6選 -
どうも、まさとらん（@0310lan）です！ 今回は、Webサービスやアプリ開発などにとても便利なJavaScriptライブラリを厳選してご紹介しようと思います！ 強力な独自機能を簡単に追加できるものやトレンドに合わせたWebデザインを構築できるもの、そのままWebサービスとして利用できるものまで、ピックアップしてみました。 これからWeb開発を始めようという人はもちろんですが、開発ネタに困っている人も何か良いアイデアが発見できるかもしれないので、ぜひ参考にしてみてください！ ■波形表示やプレイヤーも作れる高機能な音楽ライブラリ！ 【 wavesurfer.js 】 音声ファイルを読み込むだけでグラフィカルな波形表示が可能で、多彩なオプションを利用することで自在に音声を制御できるJavaScriptライブラリです。 音声の再生・早送り・巻き戻し・ミュートなどの基本機能はもちろん、音声の書き
Make Your Countdown Timer For Free - TickCounter
About TickCounter Countdown TickCounter lets you make a customized countdown timer to any date in just a few clicks. A countdown timer is a tool that shows how much time left to a specified date - how many days, hours, minutes and seconds remain to Black Friday, Halloween or any other event. Trusted by 1.9+ million websites, our countdowns work with any platform - WordPress, Shopify, Squarespace a
Gyazoへようこそ : スクリーンショットの瞬間共有
Gyazoを使えば、スクリーンショットを撮ったり、ビデオを録画して、すぐにアップロードできます。どのアプリでも、新しいリンクを貼り付けるだけで共有できます。
検索エンジン最適化（SEO）スターター ガイド
検索エンジン最適化（SEO）スターター ガイド ウェブサイトの構築時には、ユーザーを念頭に置き、見つけやすく閲覧しやすいサイトになるよう工夫するのが普通です。検索エンジンもユーザーの一種ですが、コンテンツを見つけるためにユーザーの手助けをします。SEO（検索エンジン最適化）では、検索エンジンにコンテンツを理解させることで、ユーザーが検索エンジンからサイトを見つけてアクセスすべきかどうかを判断できるようにします。 検索の基本事項では、ウェブサイトが Google 検索の表示対象となるために特に重要となる事項を説明しています。Google のインデックスに確実に登録される方法はありませんが、検索の基本事項に沿って作成したサイトは Google の検索結果に表示されやすくなります。SEO とは、一歩進んで Google 検索での存在感を高める取り組みのことです。このガイドでは、サイトの改善方法の
Outlookに勝てるHTMLメールコーディング vol.1「table構成編」 - Qiita
メールコーディングをする上で重要なポイント <table>タグを組むときに colspanや rowspanを使わないように組み立てる 半角スペースは極力削る(Gmailは文字数やファイルサイズが大きいと制限で切られてしまうため、なるべく無駄な空白は削ったほうが良い) 画像のパス指定は 'http://' から記述 スタイルはインラインに記述、レスポンシブ対応はヘッダのCSSに記述する Outlook対策 画像のサイズは必ず width="size" height="size"を指定する(これを書かないと、元の画像サイズで表示されてしまう。どちらかをautoにしたい時は、 width="300" height="*"と書く。 pxは書かない 、 *はauto という意味になる。) 今回の記事で実機確認しているのは、以下の通り。 Mac Mail Gmail(Chrome/FF) Inbox
機械学習を使ってUI自動テストをサイト間で再利用する - DeNA Testing Blog
SWETの薦田（@toshiya-komoda）です。 今回は第3回目の記事で言及させていただいた機械学習とUIテストに関して実験的に進めている技術開発について紹介させていただこうと思います。 この記事で紹介している内容の実装はGitHubにアップロードしていますので、もし興味がある方はこちらも覗いてみていただければと思います。 こちらはTensorFlow Advent Calender 2017第７日目の記事にもなっています。機械学習の実装の中でKerasを用いてます。 とりあえずデモ 最初に以下のデモ動画をご覧いただきたいです。会員登録フォームに対する自動テストのデモです。各入力欄に適切な情報を入力しつつ、パスワード欄にだけ'weak'という不正なパスワード文字列を入力して、バリデーションで弾かれることを確認するテストです。デモでは入力欄に値を埋める部分を、Chrome Extens
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
posters/accessibility/dos-donts/posters_ja/PDF/accessibility-posters-set_ja.pdf at master · UKHomeOffice/posters
StrokesPlus Final
テキスト比較ソフトちゃうちゃう！
はてなブックマーク - 新着エントリー - テクノロジー - Webデザイン