Webコンテンツ完成! でも公開前にこんな自動チェックをかけませんか？ | 初代編集長ブログ―安田英久
今日は、Webコンテンツの公開前に行っておくとWeb担当者が楽になる自動チェック機能として、Web担のCMSで実装している6つの機能を紹介します。 ※2013-09-25 「いいと思うけど、これどうやったらウチのサイトでも使えるの？」という疑問に対する回答を追記しました。 Webコンテンツ完成! もう今すぐにでも公開したいですよね。 でもちょっと待ってください。自社サイトに掲載する前に、そのコンテンツが問題ないかチェックするべきですよね。HTML文法やリンク切れなどなど。 デザイン業界で「FlightCheck」や「プリフライト」と呼ばれる類のチェックですね。そういう「毎回やるチェック」は、システムで自動的にできるといいと思いませんか？ そういった例の1つとして、Web担のサイトで動かしている自動チェック機能を紹介します。Web担では、次のような自動チェック機能を入れています。 HTML文
［ウェブサービスレビュー］ウェブ上の画像をDropboxなどに直接保存できる「Save Web Files」
内容：「Save Web Files」は、ウェブサイトに掲載されている画像を、ローカルを経由せずにDropboxやGoogle Driveといったオンラインストレージに直接保存できるサービスだ。ローカルにデータを保存できない環境であっても、画像のURLさえ分かれば、自分が契約しているオンラインストレージへの保存を可能にしてくれる。 「Save Web Files」は、ウェブサイトに掲載されている画像を、ローカルを経由せずにDropboxやGoogle Driveといったオンラインストレージに直接保存できるサービスだ。ローカルにデータを保存できない環境であっても、画像のURLさえ分かれば、自分が契約しているオンラインストレージへの保存を可能にしてくれる。 使い方は簡単で、トップページのフォームに画像のURLを入力し、続いて保存先のオンラインストレージを選ぶだけ。あとは各オンラインストレージの
Webデザイン作成に必須のツール＆効率化できるサイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
デザインを行う上では、ツールを使うのが必須です。有名なものだとPhotoshopやIllustratorがありますが、「まずは無料で気軽にWebデザインをしてみたい」という人もいますよね。 そこで今回は、Webデザインに使える無料のツールやWebデザインを効率化できるサイトをまとめて紹介します。 今回紹介する無料のWebデザインツール・ソフト ワイヤーフレーム・モックアップ・プロトタイプ作成ツール グラフィックデザイン作成ツール（写真加工・イラスト作成） テキストエディタ（HTML・CSSのコーディング） 配色選びに使える無料オンラインサービス Webサイトが制作できるオンラインサービス （編集部注：この記事は2013年08月29日に公開された記事を再編集したものです。） ワイヤーフレーム・モックアップ・プロトタイプ作成ツール ※ワイヤーフレーム・モックアップ・プロトタイプとは？ ワイヤー
プログラマのためのカラーパレットツールを作りました - shoya.io
Paletta - HSV Color palette for every Programmer 背景 フラットデザインの台頭によって、昨今のアプリ/サービス開発において「色選び」が重要視されています。例えば上の写真は次のトイレの時刻を機械学習で予測するRestCastというアプリですが、「いい感じの青」を基調としたタイルを敷くことで、トイレというワードをニオワセないデザインに仕上がるよう心がけてつくりました。 デザイナー/プログラマーの皆さんは普段どうやって色を選んでいるのでしょうか。多くの場合、既存のカラーパレットをぽちぽち選択したり、#123456のようなカラーコードを調整するのではないかと思います。実は、この方法で「いい感じの色」を選ぶのは難しいのです。その理由を色の表現方法を踏まえて説明します。 混色系と顕色系 色を数値で表現する方法を表色系といいます。オストワルト表色系やマンセ
最近話題になったイケてるWebサービス・アプリ11選（2013年7月編）
こんにちは。 もうすぐ8月ということで、7月中に話題になったwebサービスやアプリを11個ほどご紹介します。 IFTTT IFTTTとは、Webサービスやアプリのアクションを連携させて一連の処理にしてしまうサービスです。 「もし明日が雨だったらGmailにメールを送る」といったことも可能です。サービスの名称は「If this, then that（これをすれば、あれをする）」を略したもの。たとえばスマートフォンでとった写真を自動的にDropboxにアップロード、ブログへ投稿すると自動的にツイートする設定などなど考えられるレシピは無限大。 自分でレシピを投稿したり、他ユーザーの作成したレシピを見ることもできます。エンジニア思考っぽいのサービスですが、どんどん私生活の一部分としてに入り込んできそうですね。 SUVACO（スバコ） ソーシャル・ホームデザイン・サイトです。 家づくり・インテリアに
好みのチェックボックスのデザインが簡単に作れる「CSS Checkbox」:phpspot開発日誌
CSS Checkbox | Cross Browser CSS Checkbox Generator | Free Checkbox CSS 好みのチェックボックスのデザインが簡単に作れる「CSS Checkbox」。 豊富なピュアCSSでデザインされたチェックボックスを選んでダウンロードが可能です。 必要なものだけど選んで、HTMLとCSSをコピペで使えるようになっているみたいです。 クロスブラウザかつ、ピュアCSSということでとても使いやすそうです ちょっとオシャレなチェックボックスにしたい、という場合は参考にできそう 画像はこのサービスのサーバを直指定しているようなので、トラフィックの大きなサイトでは予め画像をダウンロードして使うとよいでしょう。 関連エントリ チェックボックス、ラジオボタンをクールにデザインできるjQueryプラグイン「iCheck.js」
Webサービスを爆速で公開するためのチェックリスト | Find Job! Startup
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
［ウェブサービスレビュー］シンプルなダミー画像を生成できる「DummyImage.com」
内容：「DummyImage.com」は、ダミー画像を生成してくれるジェネレータだ。ウェブサイトやワイヤフレームの制作においてダミー画像が必要な時、数値を入力するだけで必要なサイズの画像を手軽に得ることができる。 「DummyImage.com」は、ダミー画像を生成してくれるジェネレータだ。ウェブサイトやワイヤフレームの制作においてダミー画像が必要な時、数値を入力するだけで必要なサイズの画像を手軽に得ることができる。 使い方は、サイトのトップページにある入力欄に、横×縦のサイズ、背景色、文字色および画像フォーマット（png、gif、jpg）を入力するだけ。出力された画像はローカルに保存することも可能だが、「dummyimage.com/600×400/000/fff」といった具合にURLにパラメータをつけて呼び出すこともできるので、オンラインで利用するのであればそのままImgタグで読み込ん
配色に悩んだときに使える最近の便利なWebサービス
Colllor任意の色を指定すると、トーン表や同... / 配色の見本帳色をクリックすると、どんどん新しい色... / iWantHue簡単操作のカラーパレットジェネレ...他...全8件
レスポンシブ時代のビューポートチェックWEBサービス「Responsive.is」
現在では様々な端末がリリースされ、その全てで最適な表示をさせるためにレスポンシブなWEBサイトが求められていますが、端末ごとのチェックはとても面倒なもの。今日紹介するレスポンシブ時代のビューポートチェックWEBサービス「Responsive.is」は、WEB上で様々なビューポートをシュミレートしてくれるものとなっています。 PC、タブレット縦、タブレット横、スマートフォン縦、スマートフォン横と様々なビューポートが確認でき、全体のどの部分を表示しているのかも分かるようになっています。下記は様々なビューポートで同一のサイトを表示したものとなります。 詳しくは以下 WEB上で完結し、URLを入力するだけで利用できるのは良いですね。最終的には実機で行わないとはいけないのですが、構築途中や様々なサイトの対策の検証用には良いWEBサービスだと思います。 Responsive.is – Display
サイトを運営している人ならチェックしておきたい情報サイトまとめ - ウェブネタマニア
サイトを運営していて 必ずチェックするようになった 役立つ情報サイトをメモ ■コリス 言わずと知れたサイト制作に関するアウトプットとクリップした情報を 紹介するブログ フリー素材の情報等も豊富 ■かちびと.net Web制作の話題を中心に、便利なWebサービスやリソースなどを紹介しているサイト ■Webクリエイターボックス WebデザインやWebサイト制作、最新のWeb業界情報などを紹介してるサイト。 ■二十歳街道まっしぐら 管理人のカメきちさんが みつけたWebサービスや役立ちそうな情報を更新 ■ライフハッカー［日本版］ 生活全般に役立つライフハック情報を紹介しているサイト（ウェブネタも多数） ■フリーソフトの樹 おすすめのフリーソフトや知っていると便利な無料サイトなど、 パソコンを楽しむ情報を幅広い分野で毎日紹介しているサイト ■100shiki 海外のユニークなサイトを紹介 ■Ph
ウェブサイトの制作に必ず役立つブックマークレットのまとめ
ウェブサイトの制作に役立つ便利なブックマークレットを紹介します。 ブラウザの機能拡張も便利ですが、入れすぎると重くなるのがイヤな人にぴったりです。 レスポンシブの確認はこれが一番便利 コードとアクセシビリティをチェック ページに柔軟なグリッドを表示 デザインの確認がピクセル単位でできる CSSの変更をリフレッシュ無しで確認 要素のスタイルを確認 CSSのセレクタを確認 ページで使用しているカラーを抽出 CSS3をサポートしていないブラウザでの見え方 ページの見出しを抽出 ページの構造が正しいか確認 ページをワイヤーフレーム化 コードをシンタックス化して読みやすく スマフォやタブレットでもコードが見たい レスポンシブの確認はこれが一番便利
面倒なシャドウもグラデも簡単に作成できるCSS3のボタンを作成するジェネレーター -CSS Button Generator
ボタンのカラー、グラデーション、角丸、ブラー、テキストシャドウ、ボックスシャドウなど、さまざまなスタイルを簡単に適用できるCSS3のボタンを作成できるオンラインツールを紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
ボタン作りの手間を削減！CSSボタンデザインジェネレーターまとめ
レスポンシブWebデザインの表示確認ツール・「Demonstrating Responsive Design」 - かちびと.net
見出しやパラグラフのフォントサイズや行間をemベースで簡単に設計できるオンラインツール -Em Baseline Generator
ブラーの効いたボケデザインの無料背景テクスチャー素材
【これは便利】あなたのWebサイト表示のどこが遅いかを一発で調べるブックマークレット | 初代編集長ブログ―安田英久