今年のトレンド！2016年最も売れたフォント、トップ50を集めてみた
今年のトレンド！2016年最も売れたフォント、トップ50を集めてみた Webサイト作成、デザインに役立つ2016年のベストフォント50を紹介。筆記体や手書き風など様々なスタイルのフォントが多いので、ぜひサイトの色に合わせてフォントを選んでみてください。フォントひとつで印象も大きく変わるでしょう。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 本稿は、Designmodeのブログ記事を了解を得て日本語翻訳し掲載した記事になります。 また、本
最新版で学ぶwebpack 4入門 – JavaScript開発で人気のバンドルツール - ICS MEDIA
webpack（ウェブパック）とはJSファイルをまとめる高機能なモジュールバンドラー。まとめることでウェブページのHTTPリクエストの数を減らしたり、高度なウェブアプリケーションの開発に役立ちます。 連載ではTypeScriptやBabelなどのES2015+の環境構築、ReactなどのJSライブラリの設定方法を網羅。サンプルファイルで詳しく解説します。 webpackの入門記事は他のサイトにもありますが、対象バージョンが古くて使えなかったりします。検索結果の上位の野良記事を参照にしたら古いバージョンの内容ばかり。解説記事通りにやったのにうまく動かない･･･なんて困った方も多いのではないでしょうか。本記事は常に最新版に対応させているので、安心して読み進めてください。 ※本記事では2023年3月現在のwebpack 5（2020年10月リリース）以上で解説しています。 本記事で解説しているこ
HTML 5.1のsrcset・sizes属性とpicture要素の使い方 – レスポンシブイメージで画像表示を最適化 - ICS MEDIA
日本のウェブサイトにおけるスマートフォン・タブレットユーザーのシェアは約40%であり、ウェブデザインはレスポンシブ対応しモバイルを意識した設計が必須です（参照「StatCounter」)。 HTMLの「レスポンシブイメージ」を使えば、HTMLのタグだけで表示端末にあわせた画像を配信できます。 本記事では、サンプルを通してレスポンシブイメージの特徴と使い方について解説します。 この記事で学べること img要素のsrcset属性とsizes属性の使い方 picture要素の使い方 レスポンシブイメージとは一体何か？ レスポンシブイメージとは、レスポンシブなウェブサイトにおける画像の取り扱い方を定めたHTMLの技術。2016年勧告のHTML 5.1に追加された仕様です（現在のHTMLの仕様書）。主な特徴は次の通りです。 CSSやJavaScriptを使わず、HTMLのみでレスポンシブな画像を取り
高機能ライブラリ「jQuery」とそのPlugin「Validation」 - すぎゃーんメモ
非常に高機能で便利なJavaScriptライブラリとして評判の「jQuery」をちょっと触ってみた。 jQuery Pluginが豊富に存在する、というのも人気の理由のようで。 formの入力チェックをしてくれる「Validation Plugin」というものを使って試してみた。 bassistance.de » jQuery plugin: Validation 忘れてしまわないうちにメモっておこう。 最も簡単なサンプル それぞれ上記リンクからダウンロードして、「js」というディレクトリに放り込んでおいた。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>title</title> <script type="te
jQuery-Validation-Engine-railsの使い方＆まとめ - ミノムシのメモ書き
環境情報 初期設定（jQuery-Validation-Engine-rails） プロジェクト作成（既存プロジェクトがある場合は飛ばし読みを推奨） jQuery-Validation-Engine-railsをインストール 使い方（jQuery-Validation-Engine-rails） css html js 結果 その他利用例（jQuery-Validation-Engine-rails） エラーメッセージ表示位置を変更する 右上(デフォルト) 左下 左上 右下 左 右 inline チェックの内容を変更する（jQuery-Validation-Engine-rails） 入力必須 文字数制限 ３文字以上 ６文字以内 ３文字以上６文字以内 特殊項目のフォーマット URL メールアドレス 数値 整数のみ 数値のみ 一致 パスワード メール セレクトボックスの選択必須 ラジオボタン
2017年用、日本語のフリーフォント259種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記 | コリス
個人や商用で無料利用できる、日本語のフリーフォント260種類を紹介します（公開時より、2つ追加）。 ビジネスからプライベートまで、幅広く利用できるフォントが満載です！ 毎年まとめていますが、去年は219種類だったので、大幅に増えています。無料でなくなったフォントや配布終了になったフォントもいくつかありました。 初紹介のフォントから既存フォントも改めてリンク・ライセンスを確認しています（※情報はこの記事の執筆時のもの）。ライセンスはWebデザインだけでなく、同人誌や印刷物などでの利用も明記。 最新版を公開！フォントの数が大幅に増えています。 2020年用、日本語のフリーフォント 417種類のまとめ フォント紹介の前に各フォント制作者からのお願いごと。 フォントを利用の際には、利用条件やライセンスを必ず確認して守ってください。 まずは個人的に、今年一年かなり使用したフォントからご紹介。 3種類
サービス開発は9割が失敗する - 6つの診断パターンからみるサービス設計がうまくなるコツ（後編） - デジタル世代のものづくり - 岸田崇志のブログ
こんにちは！ 株式会社LITALICO CTOの岸田崇志です。 『LITALICO Advent Calendar 2016』6日目の記事となります！ 1日目の記事の続きです。 asagao.hatenablog.jp 今回はサービスサイクル設計の話になります。 コンテンツを設計していこう コンテンツ価値を高める 機能デザインとビジュアルデザイン 遷移概要図を作る 遷移概要図からワイヤーフレームに起こす モチベ天秤について知ろう コンテンツ価値を検証しよう 行動チェックリスト 行動に対する価値（対価） モチベーション設計のポイント サービスを習慣化する ユーザーを明確にする 時間に注目する マクロトレンドを知ろう マクロトレンドを踏まえてペルソナをイメージしよう まとめ さいごに コンテンツを設計していこう 前回はリーンキャンバスでサービス全体の設計の話をしました。 今回はサービスコンセプ
サービス開発は9割が失敗する - 6つの診断パターンからみるサービス設計がうまくなるコツ（前編） - デジタル世代のものづくり - 岸田崇志のブログ
こんにちは！ 株式会社LITALICO CTOの岸田崇志です。 記念すべき『LITALICO Engineers Advent Calendar 2016』1日目の記事となります！ LITALICOでは現在『教育×テクノロジー』での可能性を広げるべく、チャレンジを広げています。 今回は、サービスを組み立てる話をしたいと思います。 1.はじめに タイプ別にみる失敗パターン 2.基本を理解しよう！ AARRR - Pirate Metrics（海賊モデル） 3. サービスのコンセプトを設計しよう リーンキャンバスを知る リーンキャンバスについて リーンキャンバスの使い方 （おまけ）KPIを設定しよう まとめ 5.次回は… 1.はじめに サービスを立ち上げの現場では戸惑うことが多いと思います。 特に初めての場合ははなおさらです。 サービスの企画を初めてやるときに、 どうやっていいかわからない。
Font Awesomeの設定方法とよく使うアイコンフォント50個まとめ
Bruno Profile Work 制作の方針について Brunoが生み出すWebサイトは、文章や写真を活かすためのデザインをご提供します。訪問者へアピールするためのコンテンツがメイン。この意識のもと、適切な見せ方を追求しながら制作しております。 制作料金 基本WordPressサイトの制作となりますが、ご希望に合わせてHTMLの静的サイトの制作ももちろんお請けさせていただきます。また、デザインだけやコーディングだけといった制作工程単位でのご依頼も対応しております。 よくある質問 BrunoのWebサイト制作では、できるだけクライアント様にご不安を与えることなく、お問い合わせ時から制作完了時、その後の運用までサポートさせていただいておりますが、その際によく頂くご質問についてご紹介致します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
