shiori

フロントエンドエンジニアを目指して勉強中です！ サイトレビュー、webアクセシビリティ…

shiori

フロントエンドエンジニアを目指して勉強中です！ サイトレビュー、webアクセシビリティや その他勉強のアウトプットをしています！

Photoshop 格子柄を作る

最近、諦めかけていたデザインをもう一度頑張ろうと思って、 Photoshopを勉強中です。 今はMacbook Airを使っていますが、数ヶ月前までは 何年も前に中古で買った古いPCを使っていました。 それがもう重くて… Adobeのソフトを開くにも3〜5分はかかるし、 Illustratorはなんとか使い方は覚えられましたが、 Photoshopを使っていてわからないことがあると、 「あー…イラレならやり方わかるのに…」と思ってしまうし、 何よりPhotoshopなのに

shiori

    • MINISTOP グルクル飲むカフェモカゼリー #1日1サイトレビュー

      ◆サイト名 　MINI STOP グルクル飲むカフェモカゼリー ◆サイト概要 　・商品紹介 　・ミニストップのその他商品ページへの誘導 ◆構成 ・TOP 全て画像 imgタグのalt属性に{ 商品名・価格・販売開始日 }を記入して、検索に対して有効にしている。 ・Wrap ほぼ画像 タイトルや文字の画像に対してh○タグもしくはpタグに imgタグを入れて指定している。 真ん中は文字と写真が一緒になっている画像はliで並べている。 リンクにしたい画像はaタグにimg

      shiori

      • WCAG1.1.1 非テキストコンテンツ　#webアクセシビリティ

        ◆概要1.1.1 非テキストコンテンツ: 利用者に提示されるすべての非テキストコンテンツには、同等の目的を果たすテキストによる代替が提供されている。ただし、次の場合は除く: (レベル A) コントロール、入力: 非テキストコンテンツが、コントロール又は利用者の入力を受け付けるものであるとき、その目的を説明する名前 (name) を提供している。 (コントロール及び利用者の入力を受け入れるコンテンツに関するその他の要件は、ガイドライン 4.1を参照。) 時間依存メディア:

        shiori

        • JavaScriptで.jsonファイルを読み込んだ

          ●やりたいこと 　スプレッドシートで作ったデータを.csv化 　→.csvファイルを.jsonファイルに変換 　→.jsonを読み込んで中身をサーバーから取得する ●使ったコンテンツ 　・.csvファイルを.jsonファイルに変換する 　・さまざまなブログや記事を拝見いたしました。 　　ありがとうございました。 ●基本構文 var xhr = new XMLHttpRequest();xhr.open('メソッド', 'URL');xhr.send();xhr.onr

          shiori

        Photoshop 格子柄を作る

        shiori

        • MINISTOP グルクル飲むカフェモカゼリー #1日1サイトレビュー

          shiori

        • WCAG1.1.1 非テキストコンテンツ　#webアクセシビリティ

          shiori

        • JavaScriptで.jsonファイルを読み込んだ

          shiori

          MN ONLINE STORE　#1日1サイトレビュー

          ◆サイト名 　MN ONLINE STORE ◆サイト概要 　・サービス紹介 　・商品の購入 ◆ページ構成 　・TOP 　・声明文 　・商品プロモーション 　・使用モデル 　・使用者の写真 　・Gift ◆フォント 　・NeueBit Bold 　・HelveticaNowText ◆カラー ◆印象 　・色味はシンプルだけど印象的なフォントが使われていて 　　レトロで可愛い！ 　・ページに入るとトップ部分が一面動画になっていて迫力がある。 　・アニメーションが多く、

          shiori

          MN ONLINE STORE　#1日1サイトレビュー

          shiori