WEB担当者に役立つ資格を厳選！取得してすぐに役立つWEB資格15選 - Build up｜コンテンツマーケティング担当者向けメディア
資格には様々なものがありますが、web系の資格だけでも数十種類もあることを知っていましたか？ひとえにweb系の資格といっても「PC技術」「web解析」「マーケティング」「クリエイティブ」など様々なジャンルの資格が存在しているからです。 この記事を訪れた方の中には「web担当者に任命された人」「新しくweb関連の知識をつけたい人」「就職活動のためにweb系の資格を取得したい人」など色々な方がいるかと思いますが、今回はweb初心者でも取得しやすい、取得してすぐ役立つweb系の資格を紹介したいと思います。 日商PC検定 日商PC検定は、企業実務におけるIT知識やWord、Excel、PowerPointなどの能力を測定し、ITに関する知識があることを証明する資格です。テスト内容は、ハードウェアからソフトウェアまで幅広く、1級〜3級までレベル分けされています。また、それとは別途で、ベーシックと呼ば
webサイトのモックアップで意気揚々とユーザーテストした結果、白目を剥きました。テスト結果と考察、改善方法｜山崎あやな
webサイトのモックアップで意気揚々とユーザーテストした結果、白目を剥きました。テスト結果と考察、改善方法 初めまして。かけだしUIデザイナーのガラナです。プライベートでE2D3のwebサイトをデザイン中です。 【E2D3とは】Excelのデータから、インタラクティブなグラフを作成できる無料アドインソフト。有志が非営利に開発中。E2D3メンバーにより、講演会やもくもく会などのイベントも定期的に開催されている。 sketchとFlintoでwebサイトのモックアップを作成し、意気揚々とユーザーテストした結果、フルボッコになったお話。テスト結果と、考察、改良点をまとめました。 現状のサイトの構成と各要素の目標はこんな感じです。 「2. E2D3概要、3. プロダクトの一部お試し、4. プロダクト詳細」できちんとコミュニケーションが取れるかどうかが肝です。 今回は「E2D3とは何かがきちんと伝わ
「D3.js」を使ったデータビジュアライゼーション
Webやスマートデバイス、センサーなどあらゆるものから情報を収集出来るようになり、世の中には膨大なデータが溢れかえっています。また、ビッグデータやデータサイエンティストといったキーワードに注目が集まり、データ活用への期待が高まっています。しかし、単純に収集したデータはそのままでは見づらく、そこから意味を汲み取ることは困難です。そこで、データの見せ方や伝え方が重要になってきます。 D3.jsとは D3.jsは、Mike Bostock（mbostock）が作成したデータ可視化用途で人気のJavaScriptライブラリで、データをDOMと結びつけ、データ駆動によりグラフを作成することができます。ソースコードはGithubで公開されており、人気を表すStarの数がGithubに公開されているリポジトリ全体で6番目に多いことからも、注目の高さが伺えます（2013/10現在）。ライセンスは修正BSD
Roll.js Demos
roll.js A tiny javascript library to track scrolling and stuff. Current step Current step progress Current position Total progress Steps Viewport height Roll height Padding between steps100px Jump to step 2 step 4
Twitter感情分析サービスを作ってみた 〜一般意志2.0モジュールの実装〜 - いろいろ作りたい
Twitterのタイムラインやキーワードに対して、肯定・否定の印象を分析するWEBサービスとAPIを作ってみた。 Twitter感情分析所 たとえば「任天堂」というキーワードを入力すると、下のような感じに、どのくらい肯定と否定の発言をしているかがわかる。 ユーザのタイムラインも分析できる。 下はベッキー @Becky_bekiko の分析例。 自分のtwitterアカウントを分析すれば、自分の発言がどのくらい否定的な印象を放っているかが数値的にわかると思う。 一般意志2.0への利用 ところで最近、東浩紀という人が「一般意志2.0」という著書の中で、現代の行き詰まった民主主義を変える新たな統治方法のアイデアを提言した。それによれば、世の中が多様・複雑になりすぎて、今の熟議型民主主義ではもうどうにもならんところがあるから、みんなの意志（無意識的に表れる人々の意志）を参照しましょう、みたいなこと
アイコンフォントについての備忘録 - NxWorld
デザインとの相性や使いたいものが同セットになっているかなど少しでも選択肢は多い方が良いので、ダウンロードできるサイトを見つけてはメモしていたのですが、結構な数になってきたのでそれらの整理も兼ねたアイコンフォントについての備忘録です。 有償だけど高品質で種類も豊富みたいなセットもあったりするんですが、今回は基本的にフリーで使用できるもので、国内外合わせると全部で34サイトまとめています。 また、アイコンフォントの使用方法についても簡単にですが紹介するので、まだ使ったことがないけど実装したいという場合はそちらを参考にしてみてください。 アイコンフォントについて レスポンシブwebデザインが広まったなどをきっかけに、多くのサイトやブログでも取り入れられているのを見かけるようになったアイコンフォント。 実際に使用したことがある人ならわかると思いますが、本当に手軽に実装できて且つメリットもいろいろと
とほほのBootstrap 3入門 - とほほのWWW入門
このページは 「Bootstrap 3」について説明しています。Bootstrap 4 については、「Bootstrap 4入門」を参照してください。 Bootstrap は、スマートフォンなどのモバイル端末にも対応し、レスポンシブデザインを採用した HTML, CSS, JavaScript フレームワークです。 Twitter 社で開発され、最初は「Twitter Bootstrap」と呼ばれていましたが、現在は「Bootstrap」となりました。 ライセンスは MIT License で、商用利用も可能です。 現時点(2018年5月6日)の最新バージョンは 4.1.1 です。 Bootstrap 2 と Bootstrap 3 以降では一部互換性の無い機能があります。 2018年1月に Bootstrap 4 も正式リリースされました。
JavaScript/jQuery を使ったブラウザ判定 | Web Design Leaves
「UserAgent での判定」、「サポートしている機能での判定」、「使いたい機能が機能するかでの判定」などがあるので用途に合わせて利用。 UserAgent での判定 UserAgent の文字列からブラウザを判定する方法。バージョンが新しくなったりすると UserAgent の値も変更されるようでこれがどのぐらい使えるかは不明（確実性に疑問）。 UserAgent と そのバージョン等は以下で取得できる。 //ユーザエージェント var userAgent = window.navigator.userAgent; //バージョン var appVersion = window.navigator.appVersion; //名前 var appName = window.navigator.appName; //プラットフォームのタイプ var platform = window.n
クライアント側のフォーム検証 - ウェブ開発を学ぶ | MDN
完全な初心者はこちらから!ウェブ入門ウェブ入門基本的なソフトウェアのインストールウェブサイトをどんな外見にするかファイルの扱いHTML の基本CSS の基本JavaScript の基本ウェブサイトの公開ウェブのしくみHTML — Structuring the webHTML概論HTML 入門HTML を始めようヘッド部には何が入る? HTML のメタデータHTML テキストの基礎ハイパーリンクの作成高度なテキスト整形文書とウェブサイトの構造HTML のデバッグ手紙のマークアップコンテンツのページの構造化Multimedia and embeddingマルチメディアとその埋め込みHTML の画像動画と音声のコンテンツobject から iframe まで — その他の埋め込み技術ウェブへのベクターグラフィックの追加レスポンシブ画像Mozilla のスプラッシュページHTML tablesH
SNSのシェアボタンの設置方法まとめ (サンプルコード付き)
サンプルデモ真ん中寄せをして、ウィンドウの横幅が480px以上の場合は、5つのシェアボタンを横並びで表示し、スマホなど、ウィンドウの幅が狭いブラウザでは、LINEを含めた6つのボタンを1行に3つずつ表示するレスポンシブ仕様になっています。ここで表示している個々のボタンは画像を使用していますが、実際と同じように動作するので、ウィンドウの幅を広げたり縮めたりしてみて下さい。実際のシェアボタンでのデモを見たい人は、「サンプルデモを見る」のボタンから別ページにアクセスして下さい。 HTML <h2>シェアボタンの表示</h2> <p>横幅を狭めると、2行になり、LINEボタンが出現します。LINEボタンの画像は、<a href="https://media.line.me/howto/ja/" target="_blank">公式ウェブサイト</a>よりダウンロードする必要があります。</p> <
アイコンフォントからSVGへ！より手軽にベクター画像を表示しよう
2014年7月3日 SVG ベクター画像を表示する際とっても便利なSVG。名前を聞いたことのある方も多いのではないでしょうか？SVG自体は10年以上前から存在するのですが、HTML5の普及とともに多くのブラウザーでサポートされるようになり、今年に入ってから徐々に見かける機会が増えてきました。今回はそんなSVGにフォーカスしようと思います。 ↑私が10年以上利用している会計ソフト！ 2014年7月3日 追記：SVGスプライトの書き方について修正＆追記しました。 SVGってなに？ SVG（Scalable Vector Graphics）はIllustratorで作成したようなベクター画像を表示する技術です。Web上で一般的に使われる画像形式であるJPEGやPNGなどのビットマップ形式とは違い、ベクター形式の画像は、拡大縮小しても画質が劣化しません。 Appleがレティナディスプレイを発表して
Toolbar.js - jQuery plugin to create tooltip style toobars
Toolbar allows you to quickly create tooltip style toolbars for use in web applications and websites. The toolbar is easily customisable using Font Awesome icons and provides flexibility around the toolbars display and number of icons. A big thanks to the Drunken Parrot UI Kit by Hoarrd for inspiration. Download You can show your appreciation for Toolbar.js and support future development by donati
アニメーションするモダンなモーダルダイアログを汎用的につくれる「cta.js」:phpspot開発日誌
cta.js - Animate your 'action-to-effect' paths! アニメーションするモダンなモーダルダイアログを汎用的につくれる「cta.js」 既存のエレメントを特定のサイズに変形し、ダイアログなり、サイドバーなりに変形させてUIをつくれる面白いライブラリのご紹介です 活用すればモダンで美しいUIをWEB上で表現できそうです タイルをクリックすると全画面に広がるサンプル (2) ボタンを押すとlightbox風ダイアログに変形するサンプル (3) ボタンを押すとサイドバーがアニメーション付きで生成されるサンプル 関連エントリ 数値のみ入力させたい場合のUIを実現できる「numble」 アニメーション切り替えがカッコイイタブUI実装jQueryプラグイン「tabtab.js」 WEB、アプリにフリーで使えるクールなUIキット「EVENTRAY UI KIT」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - mojs/mojs: The motion graphics toolbelt for the web
アイコン素材。CSS
I/O 3000