これ知ってる？WEBの人なら押さえておきたいツール＆サービス50選 - 死ぬまでWEB屋
公開前に知人に見せたら、読むのに20分もかかったわ！！ と、お叱りを受けましたｗ オススメのツールやWEBサービスということで50ほど紹介していますが、僕の使用感のほかに、ところどころ経験談的なものが入っています。そのあたり、読むのがめんどうな方は読み飛ばしていただければ幸いです。 2万文字近くあるので、お時間ある際にゆるりと読んでいただければと思います。 それではお楽しみ下さい！ サイト解析に使えるツール・サービス import.io Juicer Ptengine GTmetrix CLOUD FLARE wayback timemachine シミラーウェブ Open Site Explorer サクラサクLABO aguse Built with ディレクションに使えるツール・サービス ウェブチェッカー Cat Mdes maindmaister ひとりブレスト 関連キーワード取得
16種類（45カテゴリ）の業界150サイトの調査から分かるスマートフォンサイトUIの現状10選（スライド付）
2015年5月、スマートフォンによるGoogleの検索数がPCでの検索数を抜いたというニュースがGoogleの公式ブログで発表されました。昨今の私たちは多くの情報をスマートフォンで検索しています。その流れに伴って、現在は多くの企業がスマートフォン用に最適化されたWebサイトを持つようになりました。 我々Web制作者はこの流れの初頭、PCサイト制作で培ったノウハウを元に、手探り状態で制作していたのを記憶していますが、この数年の間で一定の制作ノウハウが蓄積されてきたように思います。 しかしデバイスが多様な進化を遂げる中で、スマートフォンサイトのUI作法も日々刻々と変化し続けています。私たちWeb制作者は一定のノウハウを使い回すことに固執せず、常に新しい動向を自分の目でキャッチして知識を刷新し、日々の業務にフィードバックさせる活動が大切です。 というわけで少々前置きが長くなりましたが、今回は昨今
jQueryを利用したDOM操作 要素の追加メソッドまとめ - Qiita
はじめに jQueryでの要素追加メソッドをよく忘れるので、それのメモです。 似たような記事はもう沢山あると思いますが、すぐに思い出せるようコードベースで動きを確認できるようにしています。言葉での説明はあえて省きます。Don't think feel ! なお実際の動作は↓で確認ができます http://nekoneko-wanwan.github.io/demo/jquery/dom/ とりあげるメソッド append() appendTo() prepend() prependTo() after() insertAfter() before() insertBefore() wrap() wrapInner() wrapAll()
レスポンシブ対応、検索フォームのデザイン・実装するアイデアのまとめ
CSSアニメーションを使って実装された、レスポンシブや省スペース用の検索フォーム、フル画面に表示させる検索フォームなど、デザインや実装のアイデアが面白い検索フォームを紹介します。
手軽に実装！Webサイトにアニメーションを加えられるCSS＆JavaScriptライブラリー
2019年2月22日 CSS, JavaScript, jQuery 人間の目は動きを感知すると反射的に目が動き、意識をそちらに向けるそうです。そのため、アニメーションは要素をほんの少し動かすだけで注目を集められるという強い力を持っています。今回はそんなアニメーションを手軽に実装できるCSSやJavaScriptのライブラリーをいくつか紹介します。 ↑私が10年以上利用している会計ソフト！ アニメーションを使う時に気をつけたい事 アニメーションを使えば、前後の画面に繋がりを持たせたり、ユーザーに次の動きを予測させ、安心感を与えることができます。よく使われるものが、ふんわりと画面や要素を移り変えるフェードという効果です。目の前の物が一瞬で消え、パッと新しい物が現れる…なんて、現実世界ではありえませんよね。もちろん、単純に見ていて楽しい、かっこいい、なんていう刺激を与えられます。 しかし、ユー
歯科衛生士が本気で選んだ！彼氏に使って欲しい歯磨き粉13選
「おや？」最近気がつくと、口が臭い、鏡を見れば歯には茶渋が歯ぐきからは出血が、冷たい物を食べるとキーンとしみる・・・なんてことはありませんか？それは大変です！彼女や、気になるあの子に嫌われたくないし、気を遣わせたくないですよね。だらしない、みっともないと思われるなんてごめんです！ そこで、お口のプロ・歯科衛生士として大人のカレにぴったりな、ぜひ彼氏に使ってほしいこだわりの歯磨き粉を彼女目線でセレクトしました。 明日ちょうどデート、今晩デートという方に今すぐ使ってほしい歯磨き粉から、長期的に使うことで歯を白くしたり、歯周病を改善できる歯磨き粉まで厳選しました。 爽やかなお口で彼女と愛をはぐくんでくださいね！ 1.口臭をなくしたい人におすすめな歯磨き粉５選 恋人と一緒に過ごしていていちばん気になるのは、「おれの口、臭くないかな？」ではないでしょうか。デート前は、しっかり歯磨きしてでかけましょう
素人でも簡単に一流のホームページが作れる無料Webサイト作成サービス7選＋α - Life is colourful.
【2017年3月31日】 いまやホームページは誰でも、もの凄く簡単に作れる。ホームページ作成サービスがあり、無料で始められるものもある。 正直なところ、個人の商店や中小規模の企業レベルならコレで十分なケース多い。 ホームページを作るための言語（HTML）やデザインの知識も全く要らない。キーボードを叩けて、マウスをクリックできれば十分だ。 この記事では、誰でも使える便利なホームページ作成サービスを紹介する。日本語対応で無料から始められるもののみに限る。 この記事の後半では、実際に無料で簡単にホームページを作る手順を解説する。実際に無料のサービスを使ってホームページを一つ作ってみたので、興味のある人はのぞいてみてほしい。 目次 目次 ビジネス用のホームページなら少し投資を ホームページ作成サービスを利用するときの注意点 グーペ BiND クラウド BASE（ベース） Jimdo（ジンドゥー）
未経験Webデザイナーが独学で勉強する方法
Webデザイナーに求められるスキルは、HTML・CSS・JQuery・WordPress・タイポグラフィ・配色・コピーライティングなど多岐に渡ります。より多くの知識・技術を身につけていれば、Webデザイナーとして活躍できるチャンスは増えるでしょう。そこで今回は、これらのスキルを独学で学ぶための方法をご紹介します。 ＜この記事に関連する記事＞ 初心者Webデザイナーの独学におすすめの本10選 グラフィックデザイナーからWebデザイナーに転職するには？ Webデザイナーになるには？未経験のための実践的フロー 目次 Webデザイナーの仕事内容と必要なスキル Webデザインを独学で勉強する方法 独学でWebデザインを学習するときにおすすめのサイト 独学をするときの注意点 まとめ Webデザイナーの仕事内容と必要なスキル 独学で勉強をする前に、Webデザイナーの仕事内容とそれに伴って必要となるスキル
PHP まとめ
PHP まとめ HOME ■ リファレンス PHPの基本構造 エラー・警告 データ 演算子／制御構造 関数をつくる 関数リファレンス オブジェクト指向 ■ Ｔｉｐｓ PHPインストールその後 / スタイル 外部ファイル取り込み 日付と時間 / 遅延 / カレンダー ヘッダー / クッキー / セッション管理 メール送信 / HTTPクライアント アップロード / 入力フォーム処理 ファイル読み書き / ファイルロック / ＣＳＶ処理 ディレクトリサーチ 入出力ストリーム / コマンドライン実行 ＩＰアドレス⇔ホスト名 文字列操作 / 正規表現 / 暗号 配列操作 / 数値操作 / ビット操作 画像ファイル判別 改行コード変換 / 日本語を扱う MySQLへの接続他 ■ 開発 色見本 Ｎ進数一覧表示 ディレクトリツリー表示 ログイン認証 2010(C)Mingw
Webデザイナーの仕事って何をするの？現役デザイナーが解説| 株式会社LIG
こんにちは、Webデザイナーのもりたです。 これからWebデザイナーを目指す人、またWebデザインへの興味を深めたい人向けにお届けしています、LIGデザイナー陣による連載「Webデザインをはじめよう」。第1弾となる前回は、「デザイナーの仕事は問題解決をすること」とご説明しました。 今回は「じゃあwebデザイナーが問題を解決するために、Web制作の中でどんな仕事をするの？」「Webデザイナーの仕事は具体的に何をするの？」という疑問にお答えしていきます。 Web制作のご依頼はこちらから Web制作の依頼をご検討の方はこちらへ 関わるひとたち Webデザイナーの仕事についてお話する前に、デザイナーの他にどんな人がWeb制作に関わっているのか見てみましょう。 Web制作には、ざっくり分けると4つの職種の人間が携わります。 Web制作に関わる職種 Webディレクター Webデザイナー フロントエンド
企業サイト制作に最適なフリーwordpressテーマ「12 Free Small Business Themes For WordPress」
TOP > WordPress > 企業サイト制作に最適なフリーwordpressテーマ「12 Free Small Business Themes For WordPress」 さまざまなサイト制作に便利なwordpress。更新作業なども容易に行うことができ、また構築する側にとっては嬉しいフリーのテーマも多数配布されています。そんな中今回は、企業サイト制作に最適なフリーwordpressテーマ「12 Free Small Business Themes For WordPress」を紹介したいと思います。 Revera | FabThemes.com 企業ブランディングに欠かせないwebサイト。印象的なサイトを作り上げるのにぴったりなテーマが紹介されています。 詳しくは以下 Ambition- Free Flat Responsive Business WordPress Th
ノンデザイナー必見！ 絶対に見ておきたいデザインスキルアップできる記事12選 - ICS MEDIA
弊社のスタッフはフロントエンドの開発にとどまらず、デザインを制作する機会も少なくありません。弊社に限らず、近年職種を問わずデザインを扱う機会が増えているように思います。しかし、コンテンツ要素が整理整列されていなかったりテキストのカーニングがされていなかったりと、基礎的なことができていないようなケースも多く見られます。基礎的な部分が押さえられていないと、野暮ったさや素人感が出てしまいイマイチな仕上がりになってしまいます。 今回はそういった方に是非読んでもらいたい記事を、すぐにでも実践できる内容を中心にピックアップしました。Webサイトやアプリケーションのデザインだけでなく、企画書やプレゼンテーション資料の作成などでも応用できるものなので、どなたでも覚えておいて損はないと思います。 フォント選び フォントの基本的な選び方 | Arch ▲フォントの系統から書体、ウェイトの選定方法まで、ユーザー
【保存版】これなしでは生きられない厳選アプリ特集「2015_Mac編」 | ライフハッカー・ジャパン
Macには便利で楽しいアプリがたくさんあります。その中でも、いくつかのアプリは「ないと死んでしまう」ほど便利です。今回は、生産性、コミュニケーション、メディア管理など、それぞれの分野における米Lifehackerイチオシのアプリを集めた「Lifehacker Pack for Mac 2015」をご紹介します。 ※価格はすべて税込 生産性向上ツール 『Notational Velocity』／『Simplenote』／『Evernote』 『Notational Velocity』は多くのファンに支持されてきたメモアプリです。さっとメモをとって後で読む返すには必要十分の機能があります。不要なものは一切ありません『Simplenote』や『Dropbox』など、ほかのサービスとも同期し、依然として、米Lifehackerのお気に入りの同期型ノートアプリのひとつです。『Notational V
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
WordPressの制作・公開・運用・セキュリティなどに関する重要なチェック項目のまとめ
WordPressの制作の準備、制作、公開、SEOやセキュリティやメンテナンスなど運用における、WordPressでサイトやブログを運営する際の大切なポイントをまとめたチェックリストを紹介します。 Killer WordPress Checklist: 101+ easy steps to launch your next website! 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 チェックリストはインフォグラフィックにもなっており、元ページでダウンロードできます。 インフォグラフィックの一部 はじめに WordPressの制作準備時のチェックリスト WordPressの制作時のチェックリスト WordPressの公開時のチェックリスト WordPessのSEOのチェックリスト WordPessのセキュリティのチェックリスト W
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://harold-spm.com/programming-douga/
矢印・特殊文字・記号一覧｜コピペ・標準フォントで使用可能 | 初代編集長ブログ―安田英久
サッカー動画速報
一生忘れられない旅になる。「ダークツーリズム」であなたの知らない歴史の旅を。 | RETRIP
全国水族館ガイド