2020年、注目されているWebデザインの最新トレンドと技術の進化
Webデザイナーとデベロッパー向けに、2020年参考にしたいWebデザインの最新トレンドと技術の進化を紹介します。 最近注目されているWebサイトやスマホアプリのトレンドを調べ、デザインと技術の変化とそのトレンドの根底にある背景を解説します。 Top Web Trends for 2020 and why they are coming by Jouan Marcel 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Webデザインのほとんどのトレンドは、その時点で利用可能な技術に遡ることができます。少し前までは例えば、表示がフェードインする要素、レスポンシブレイアウト、パララックスなどがそうです。また、グラフィックデザインのトレンドと並行することもあります。 磨りガラスのエフェクト ダークモード どこにでもグラデーション 洗練さ
情報処理推進機構：情報セキュリティ：脆弱性対策：安全なウェブサイトの作り方
「安全なウェブサイトの作り方」は、IPAが届出(*1)を受けた脆弱性関連情報を基に、届出件数の多かった脆弱性や攻撃による影響度が大きい脆弱性を取り上げ、ウェブサイト開発者や運営者が適切なセキュリティを考慮したウェブサイトを作成するための資料です。 「安全なウェブサイトの作り方」改訂第7版の内容 第1章では、「ウェブアプリケーションのセキュリティ実装」として、SQLインジェクション 、OSコマンド・インジェクション やクロスサイト・スクリプティング 等11種類の脆弱性を取り上げ、それぞれの脆弱性で発生しうる脅威や特に注意が必要なウェブサイトの特徴等を解説し、脆弱性の原因そのものをなくす根本的な解決策、攻撃による影響の低減を期待できる対策を示しています。 第2章では、「ウェブサイトの安全性向上のための取り組み」として、ウェブサーバの運用に関する対策やウェブサイトにおけるパスワードの取扱いに関す
これ知ってる？WEBの人なら押さえておきたいツール＆サービス50選 - 死ぬまでWEB屋
公開前に知人に見せたら、読むのに20分もかかったわ！！ と、お叱りを受けましたｗ オススメのツールやWEBサービスということで50ほど紹介していますが、僕の使用感のほかに、ところどころ経験談的なものが入っています。そのあたり、読むのがめんどうな方は読み飛ばしていただければ幸いです。 2万文字近くあるので、お時間ある際にゆるりと読んでいただければと思います。 それではお楽しみ下さい！ サイト解析に使えるツール・サービス import.io Juicer Ptengine GTmetrix CLOUD FLARE wayback timemachine シミラーウェブ Open Site Explorer サクラサクLABO aguse Built with ディレクションに使えるツール・サービス ウェブチェッカー Cat Mdes maindmaister ひとりブレスト 関連キーワード取得
iOSでウェブサイトをフルスクリーン表示させる | mawatari.jp
iOSでウェブサイトをフルスクリーン表示させる方法をメモしておきます。言葉で説明するより、画面を見てもらうのが早いと思います。 iPhoneのSafariで、ウェブサイトを閲覧すると、通常は、上図左のような画面になりますが、上図右のような画面表示にするための方法です。Safariのアドレスバーや、ナビゲーションバーが表示されませんので、使える場面は限られますが、以下のような使い方ができるのではないでしょうか。 Google Maps等のFull JavaScriptのWebアプリを広いスクリーンで表示する いわゆるハイブリッドアプリ（ネイティブアプリ中身がHTML）を作る過程での簡易確認 制御ボタンもHTMLで作って、Webアプリだけど、ネイティブアプリっぽく見せる 1. と 3. は、ほぼ同義ですね。既に存在しているWebアプリを広い画面で使うか、自分で作るかの違いです。 Google
JavaScriptでファイルダウンロード処理を実現する - Qiita
はじめに モダンブラウザならJavaScriptでファイルダウンロード処理を実現することができます。SPA(シングルページアプリケーション)など、クライアント側にデータを持つようなアプリケーションであればサーバアクセスなしにメモリの内容からファイルを生成してダウンロードさせることができます。 実装方法 やり方は リンクのHTML5のdownload属性を使用してダウンロードファイル名を設定 File APIのBlobを使用してデータを作成 window.URL.createObjectURLでBlobからURLを生成しそれをリンク先に設定 とするだけです。これでChromeとFireFoxはいけます(download属性のブラウザ実装状況を見るとを見ると、試せていないですがEdgeとOperaもいけそう)。加えてIEをサポートする場合は、IE10/11であればwindow.navigato
Chrome拡張にアフィリ埋込んだ人のコードを解析【追記あり】 - Windows 2000 Blog
background.js …アフィリ埋め込み用コード content.css …モバイル端末用CSS(と言っても1行） content.js … コアとなる、モバゲにアクセスできるようにするためのコード favicon.ico … アプリアイコン jquery-2.0.3.min.js … JQUERY の本体。一番大きいけど誰でもダウンロードできます jquery.parse.js … jQueryにquery parserを追加してるコードって書いてる manifest.json … Google Chrome 拡張用の定義なので、無視 見つけたコードなんですが、ソーシャルゲームビューア(sgviewer)というソフト 作者さん sgviewer さっそく、 %userprofile%\Local Settings\Application Data\Google\Chrome\Us
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
WSDLの作成とソースコード生成
WSDLとは提供しているWebサービスの定義を行うXML文書。 このWSDL自体はWebサービスを提供する通信プロトコルを特に規定しているわけではないですが、 ここでは通信プロトコルとしてSOAPを使用したWebサービスの構築を前提とします。 WSDLを作成した後スケルトンとスタブ用のコードを自動生成までを説明します。 そもそもWSDLとは？ 何が書いてあるの？ Webサービスの定義...つまり該当のWebサービスが ・ どこにあるのか ・ どんなフォーマットのメッセージを使って利用するのか ・ どんな通信プロトコルを使ってメッセージをやり取りするのか を記述しています。 で、何に使えるの？ 一般にCORBAやRMIなどの分散オブジェクトのプログラムでは リモート側（サーバ側）のインターフェイスをスケルトン クライアント側のインターフェイスをスタブと呼びます。 クライアント側 << スタブ
時代はRESTへ。SOAPの終わりを象徴する、Webサービス標準化団体のWS-Iが活動終了
SOAP、WSDL、UDDIなどを基盤とするWebサービスの標準化を行ってきた団体WS-I（Web Services Interoperability Organization）が、2002年からの約8年間の活動に幕を下ろしたことを正式に発表しました（参考：WS-I Completes Web Services Interoperability Standards Work（pdf））。 WS-Iは、WS-*と総称されるWebサービスのさまざまなプロトコル策定に取り組んできましたが、複雑すぎるといった評判がつきまとい、また策定そのものにも予想以上の時間がかかったことなどで、当初の想定ほど普及に至りませんでした。 そのSOAPに代わり、ここ数年サービス間をつなぐAPIとして存在感が高まっているのがREST（Representational State Transfer）と呼ばれるアーキテクチ
知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた - EC studio デザインブログ
最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか？ Zen-CodingはHTML/CSSをショートカット＋スニペットで簡略化してコードを書くことができるライブラリです。 独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するものです。 Zen-Codingというのもがどういうもので、どんなすごいものなんだ、というのはこちらの動画を見てください。 ※音が出ますのでご注意ください。 Zen Coding v0.5 from Sergey Chikuyonok on Vimeo 一体何がおこわれているのか？という感じだと思われますが、今回の記事ではこのZen-Codingの導入方法と使い方の一例を紹介します。 Zen-Codingに対応しているエディタは色々あるのですが、今回は弊社の開発環境しているAptana Studio
URL Droplet
URL Droplet transfers files from their host directly to your dropbox.
使い方簡単で見た目も綺麗なダイアログ実装jQueryプラグイン「Apprise」:phpspot開発日誌
Apprise - The attractive alert alternative for jQuery 使い方簡単で見た目も綺麗なダイアログ実装jQueryプラグイン「Apprise」 次のようなダイアログを apprise('Hello?', options); だけで実現できるようになります。 optionsに色々渡すことで様々にカスタマイズが可能。 confirm っぽくしたり 入力ボックスにしたり。 アニメーションで表示させたりも出来ます。 ダイアログは色々ありますが１つの選択肢として覚えておいてもよさそうです。 関連エントリ 超カッコいい確認ダイアログをjQueryで実装するチュートリアル jQueryを使って作るシンプルなモーダルダイアログ その場でポップアップするクールな確認ダイアログ実装用jQueryプラグイン「jConfirmAction」 効果音付きでアニメーション
Virtual Hostで特定のドメインのみApache2+Tomcat連携する設定 - 半径5メートル
ApacheのVirtual Hostで特定のドメインのみ、Tomcat連携する設定のメモです。 もろもろのバージョンによって設定方法は異なりますが、今回設定を行ったのは以下の環境です。 Linux centos 2.6.9 Apache 2.0.59 Tomcat 5.5.12 Apache Tomcat Connectors JK(mod_jk) 1.2.26 httpd.confを以下のように設定します。*1 <virtualhost *:80> ServerName example.com DocumentRoot /var/www/example/htdocs ・・・中略・・・ <Location "/java/*"> JkUriSet worker ajp13:localhost:8009 </Location> </virtualhost>上記はexample.com/jav
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
MUI: The React component library you always wanted
短いドメイン 短いドメイン名の検索
not found
Engadget | Technology News & Reviews
Web漫画 胎界主
radiko(ラジコ) | ラジオがインターネット（アプリやパソコン）で無料で聴ける
Page Not Found (404): Redirecting to community.unix.com ...