HTMLコーダーにやめてほしい10のこと｜TechRacho by BPS株式会社
システム開発の際、デザインとHTMLコーディングは別会社で! 受け取ったHTMLの組み込みはお願いします! ということが結構あるのですが、その時もらったHTMLを見て、ここはやめてほしいという点をまとめて書いていこうと思います。 インデントがバラバラ プログラム書くときもそうですが、インデントがバラバラだと見づらいです。 ※弊社ではHTML/CSSともにインデントはスペース2つです。 タブ/スペースが混じっている インデントが崩れているときは大体、タブ/スペースが混じってますね。見づらいです。 ※弊社ではタブは使わないようにしています。 JSが意図した動作になっていない/動かない JSまで対応となっているにもかかわらず、動かないというのは論外ですね。 「JSが意図した動作になっていない」これも結構ありました。 例 全選択/全解除というところをチェックすると、下にある項目が全部選択されるとこ
画像を使わない！CSSだけで矢印を作る方法【初心者向け】現役Webデザイナーが解説
画像を使わない！CSSだけで矢印を作る方法【初心者向け】現役Webデザイナーが解説 初心者向けにCSSだけで矢印のアイコンを作る方法について解説しています。画像を使わずにCSSで矢印を作れるようになればサイト制作にも役立つはずです。実際にコードを書きながら例をもとに説明しているので、ぜひご覧ください。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 今回はCSSで矢印を作る方法を説明します。 今まで画像を使って矢印をつけていたという方も、自
フォントな
ロゴたいぷゴシックはどんなフリーフォント？ フリーフォントのロゴたいぷゴシックは無料でダウンロードでき商用・非商用問わず使用可能です。 ロゴデザインやタイトルロゴ、見出し向けの漢字も含まれる日本語フリーフォントになります。 ロゴ向けフォントのかっこいい感じと、少しやさしくてエレガントな柔らかいデザインが特徴です。 ページ最下段のフォントのダウンロードボタンを押してダウンロードして下さい。 マイクロソフトのエクセルやワードなどお手持ちのソフトでご使用できます。 Adobeのグラフィックソフト（イラストレーター、フォトショップ）があれば アウトライン化などし編集して、よりお楽しみ頂くこともできると思います。 おしゃれな感じに使っていただけると、すごく嬉しいです。 ロゴたいぷゴシックのフォントのライセンス フォントは以下のライセンスに準じます。フォント同梱のテキストをお読み下さい。 * M+ (
フリー写真素材サイトまとめ15選
こんにちは。学生ライターの池澤章太です。 Webで記事を書くときや資料を作るときに、フリー写真素材をよく使うと思います。しかし、イメージに合う写真や素材を見つけるってなかなか大変です。場合によっては商用利用できるか調べるなければいけませんし。 そんなときに、商用利用ができて、無料で使える素材サイトがまとめてあると便利ですよね。 ちなみに動画素材については送別会、結婚式に！映像制作に使える無料動画素材サイトまとめをご覧ください。 今回は、23個ほど素材サイトをまとめました。この記事をブックマークしておけば素材に困ったときに役立つはず！ 【こちらもおすすめ】 無料で商用利用OKのサイト特集 商用利用できるフリー写真素材サイトまとめ23選 ここでひとつ注意を。「フリー」という単語は、なにかと誤解を招きやすいですが、著作権がフリーだったり、クレジット表記が不要だったりする意味ではありません。各素材
ウェブデザイナーとしてスキルアップするための20のメソッド
素晴らしいデザイナーは日々、自身のスキルを向上しています。 「もうここで十分です」と言って成功したデザイナーを誰も聞いたことがないでしょう。 ウェブデザイナーのスキルアップに役立つ20のメソッドを紹介します。 20 Methods for Upping Your Current Web Design Skills [ad#ad-2] 下記は各ポイントを簡潔に意訳したものです。 原文はそれぞれもう少し長いです。 ユーザーインターフェイスのデザインパターンのスタディ ウェブデザインのために最も良いUIをチェックし、研究してください。 ディテールに注意を払う 日常や他のウェブサイトのディテールを見て、自身のデザインにも多くを加える練習をしてください。 SEOのテクニック クライアントの多くはSEOサービスを提供するウェブデザイナーが好きです。 ウェブデザインのトレンドを知る ウェブトレンドは単に
[CSS]画像を使用しないで、紙テープを折り返したようにするスタイルシート
<textarea name="code" class="html" cols="60" rows="5"> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>CSS Shapes</title> <!--[if IE]> <style> .arrow { top: 100%; } </style> <![endif]--> </head> <body> <div id="container"> <h1> My Heading <span class="arrow"></span> </h1> </div> </body> </html> </textarea>
Photoshopで本物のようなシャボン玉を描く方法 / ウェブデザインライブラリー
投稿日：2010年02月19日 レベル：初心者 ソフトウェア： このチュートリアルでは、Photoshopで本物のようなシャボン玉を描く方法を紹介します。 Step1 ： はじめに Step2 ： 選択範囲内を消去する Step3 ： 境界線を加える Step4 ： ぼかし（ガウス）を加える Step5 ： 白い光の反射を加える Step6 ： 選択範囲を作りカラーハーフトーンを加える Step7 ： 球面を加える Step8 ： 再度、ぼかし（ガウス）を加える Step9 ： 描画モードと不透明度/塗りを変更する Step10 ： 結合したレイヤーにぼかし（ガウス）を加える Step11 ： 完成
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【制作Tips】画面解像度一覧表 | Webデザインラボ
デザインサンプルで学ぶCSSによるスタイリング～「フォーム（検索ボックス）」編
新着記事
http://yusukezzz.net/blog/archives/1241