サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
ECサイトを無料で作るオープンソース5選+3! 自社ECサイト制作に必要なパッケージまとめ 38,129 views 良い企画書をマネることから始めよう!大手企業が行うプロモーションの企画書事例まとめ 16,680 views 今更聞けないマーケティングの基礎が勉強できる便利な5サイトまとめ 13,238 views 0.1秒の遅れが、1%の売上に影響する!? ページ表示速度の影響力と改善法まとめ 11,785 views 脱初心者!事業計画書の書き方やテンプレート配布サイト4選 11,335 views 売上アップに必要不可欠!販促企画書のアイデアを貰えるサイト5選 8,661 views あなたのサービスが広まる、エレベーターピッチ! 7,625 views 困った時に使える14パターンの無料名刺デザインサンプルデータ 7,428 views WordPressの導入からデザイン、プラ
Moqupsの特徴 Moqupsの使い方 Moqupsの特徴 ドラッグ&ドロップでエレメントを簡単に配置できます。 約60種類のUIエレメントを用意。 PDF, PNGへの書き出し。 HTTPS対応。 自動保存。 スマートガイド。 カスタマイズ可能なグリッド。 オブジェクトはグリッドにスナップ。 オブジェクトのロックとグループ化。 右クリックで、Undo/Redo/Cut/Copy/Pasteなど。 上記の操作はキーボードでも可。 タグ付けと検索機能 画像のアップロード メールによる共有。 Moqupsの使い方 Moqupsを使うにはとりあえず登録は必要ありませんが、機能が制限されます。 機能の制限はたとえば、書き出しがSVGのみになります。
Swatch Book with CSS3 and jQuery | Codrops 超リアルな単語帳っぽいものを作るCSS3+jQueryチュートリアル。 次のような綺麗なデザインの単語帳っぽいものを実装するチュートリアルです。クリックすればインタラクティブに回転等を加えながら動くのが特徴です。 CSS3によって秀逸にデザインされているため、質感はかなり美しく、更にアニメーション等の動きが加わることでよりリアルになってます。 若干動きがもっさりしているようですが、一度見ておいて損はないデモです 一昔前は、ちょっとWEBのデザインが上手であればプロに間違われるなんてこともありましたが、こういうのが当たり前になってくると、プロとアマの差がどんどん広がってくるのかもしれませんね。 関連エントリ CSS3でシャレオツなリストを作るチュートリアル コンテンツをアニメーションさせつつ切り替えるタブを
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
奇抜でかっこいいフォントはここぞという所で使うと人目を引くことができますが、デザイン性に優れてなおかついろいろな場面で使いやすいフォントというのはなかなか無いものです。そんな中で無料でダウンロードできてダウンロードできて商用利用も可能なフォントを集めたものが「20 Free and Popular Thin Fonts」で、丸っこい文字やブロックっぽい形など、読みやすく、かつ印象的な英字フォント20種類となっています。 20 Free and Popular Thin Fonts (Commercial Use Allowed) | Design Inspiration http://designbeep.com/2012/07/07/20-free-and-popular-thin-fonts-commercial-use-allowed/ ◆01.Penna ジオメトリック(幾何学的)
普段使っているフォントにはフォント名のほかに、MT、Std、OsF、CEなど見慣れない省略文字が付いていることがあります。その正体とは一体何なのでしょうか?個人的に気になったものを中心に詳しく調べてみました。 多くの場合はフォントブランド名や太さ・スタイルを示す 有名・定番フォントはライセンスの関係上、様々なフォントブランドが同じ名前の書体のフォントをリリースしているため、区別するために省略文字が付けられていることがあります。頭についたり後ろについたりします。 割とよく見かけるブランドだと、FF=FontFont、BT=Bitstream、MT=Monotype、ITC=International Typeface Coprporationでしょうか。皆さんのパソコンにインストールされているフォントにも多く見つかるはずです。最近はあまり見かけなくなりましたが、LT=Linotype、A=A
フォーム内容が正規表現にマッチしなかったらヒント表示ができるjQueryプラグイン「InputNotes」 2012年07月12日- InputNotes jQuery Plugin フォーム内容が正規表現にマッチしなかったらヒント表示ができるjQueryプラグイン「InputNotes」 文字をタイプしていて、エラーがある場合はその場で表示してくれるプラグインです。正規表現によって入力ルールを定義出来るのが特徴 数字は禁止のtextarea。数字を入れると「Do not type numbers!」となります 数字だけを入力するルールの場合。 数字なら色を変えてOK、みたいな表示にできる フォームのバリデーションの1選択肢として使えそうですね 関連エントリ クレジットカード番号をバリデートできるjQueryプラグイン「Smart Validate」 お絵かきでCAPTCHAできるようにす
ヴィンテージ風の装飾が素敵なPhotoshop/Illustrator用のベクター素材 -Free Vintage Vector Pack
このブログにも設置しているので大声では言えませんが、実は Facebook の「いいね」ボタンは気持ち悪いなぁと思っています。 いいねボタンがあるサイトに、Facebook にログインしたまま行くと、Facebook に次のような Cookie が送られます[1]。 csm=2; xs=3:2bPC2V….; datar=eVE7TanyekLi2UeCWqCdYaUo; fr=0PBQNPwSEhxk3vCRg.RVUkbgel9qAjCByqVqRQ0lSpntc; lu=The17FfNt9Yc_hqg8eoWG04B; s=Ba98fsjdlw-QWvPeofj.BP_Wqm; c_user=1048138174; act=134500423456/1:0; sub=1; p=16; presence=EM4fsodmnfkds…; wd=1195×859; この c_user と
jQueryで遅延ロード(遅延読み込み)を汎用的に実現する「ScrollTrigger」プラグインを紹介します。スクロールで要素が表示されたときに任意の関数を実行できます。 当ブログでも、記事ページ本文下にあるソーシャルブックマークボタンとFacebookのLikeBoxの表示にこの仕組みを使っています。 1.目的 Facebookの「いいね!」ボタンなど、最近ソーシャル系のパーツをブログなどに表示している方が少なくないと思います。 ですが、パーツの表示にはJavaScriptを使っているものがほとんどで、そのまま設置するとページのロード時間が遅くなるケースが多く、結果的にページ表示時間に影響することになります。 本プラグインは、そういったソーシャル系のJavaScriptのロードを遅延させることができ、初回のロード時間を短縮したいときに効果があります。 2.機能 ページをスクロールして、
ついに来た!!あの大人気Twitterクライアント「Tweetbot」のMac版、「Tweetbot for Mac」α版がお目見え!ダウンロード可能に!! 来たぞきたぞ!!!おつぱ( @OZPA )です。 私も惚れ込んで使用しておりますiPhoneアプリ、Twitterクライアントの「Tweetbot」に、MacOS用アプリ「Tweetbot for Mac」がα版としてお目見えいたしました!! Tweetbot for Mac 参考:【今すぐ使える】Tweetbot for Macのα版ダウンロード開始! | ひとりぶろぐ 相変わらずの美麗UI! さっそくDL! アイコンかわええね! 認証しましょう。狂おしく。 こちらがタイムライン画面。 うーむ、綺麗!!! 新規ツイート時にはロケーション、イメージを追加が選択可能。 ツイートしたい場合は「command + return」のショートカ
海外ではレスポンシブWebデザインがいち早く企業や団体のサイトに取り入れられ、すでにたくさんの事例が上がっています。今回はそんな海外の数ある事例の中で、有名企業・団体のレスポンシブWebデザイン事例についてご紹介したいと思います。日本も2012年内のうちに、多くの有名企業がレスポンシブWebデザインによるサイト構築を進めるのではないかと感じています。 NTT DATA NTT DATA海外向けコーポレートサイト。とても美しいレスポンシブWebデザインの事例です。単にデザインだけの美しいだけでなく、350ページ(※注:ツールを使用して確認)を超える全ページを、ストレスなく閲覧できる設計になっています。特に、ニュースコンテンツもうまくレスポンシブ対応されている点や、スマートフォンで利用した場合の導線の引き方がスマートでした。(スマートフォンではシンプルなナビゲーションになっており、扉ページを挟
ライフログが好き 日記とかはあまりつけられないタイプなのですが、自分の行動とかがログとして残っていく事は好きなのですね。 で、ずっと欲しかったのが「今いる位置を記録しつづけてログとして残してくれる」というアプリです。このアプリでいいのがなくて、GPSロガーを買おうかと思ってたくらいです。 それが、なんとYahoo!JAPANがいかしたライフログアプリを出してくれたのですね。 僕の来た道 アプリの名前は「僕の来た道」です。 素敵なタイトルです。 使い方は簡単です。起動していれば、位置のログを残してくれます。ただそれだけ。ほとんど何もしなくてもログが溜まっていくので面倒くさがりやの僕でも簡単です。 こんな感じです。勝どきエリアにいったことなどがわかります。メモを残すこともできるので「○○社に打ち合わせにいった」などの記録を残すこともできます。 地図ビューで見ることもできます。 日付ごとにどのく
数十ページあるPDFファイルから数ページだけを保存しておきたい場合やあるページだけを他のPDFと結合させて使いたい場合に、PDFファイルを1ページごとに分割することができるソフトが「SepPDF」です。 ダウンロードから操作方法までについては以下から。 ForestHのホームページへようこそ http://www.ne.jp/asahi/foresth/home/index.htm#spdf 上記サイトの「spdf213.zip (146,236 byte)」をクリック。 ダウンロードしたZIPファイルをExplzhなどで解凍して、「SepPDF.exe」を起動。 操作画面が表示されます。 分割するPDFを選択するために、「参照」をクリック。 PDFファイルを選択して、「開く」をクリック。 今回は指定した範囲のページだけを分割するので、「ページ等指定分解」をクリック。 分割するページ(ここ
先日、Facebookがユーザーのメールアドレスをすべて「@facebook.com」に変更してしまったのはご存じですね。「もうそれは元に戻したよ」という人もまだ安心はできません。Facebookはスマートフォンの「連絡先」(電話帳)までも書き換えてしまっている可能性があります。この記事では、それを元に戻す方法をご紹介します。 Facebookがメールアドレスを勝手に@facebook.comに変更してしまった件に関して、ブロガーのRachel Luxemburg氏(その他たくさんの人)の報告によると、この変更が自分のスマートフォンにも同期されてしまっていたそうです。つまり、友人達のメールアドレスが@facebook.comになってしまっており、本来のメールアドレスがわからない状態です。 スマートフォンとFacebookを同期させている人も大勢いることでしょう。そんな友人たちのためにも、自
iOS 17 iOS 17 いつもの毎日を アップグレード。 iOS 17、登場。たくさんの新機能があなたの毎日をもっと魅力的にします。 電話をかけたりメッセージを送る時に、新しい方法で自分を表現する。 これまでにない方法でコンテンツを共有する。進化したiPhoneの体験で、 できることを大きく広げることもできます。
最適化するとここまで早くなるのかと感心した@HIROCASTERでございませう。 Google I/O 2012 のなかで発表されたV8エンジン向けのJavaScript最適化の話です。 15.5秒ほどかかっていた処理が0.04秒まで高速化しています。 Initialize all object members in constructor functions Always initialize object members in the same order Prefer numeric values that can be represented as 31-bit signed integers Use contiguous keys starting at 0 for Arrays Don’t pre-allocate large Arrays (>64K elements) to
先日更新したWordpressインストールのエントリーを多くの方見ていただき、実際にWordpressを始めたという声を頂いた。最初は苦労すると思うのだが、是非自分だけのブログやWebサイトを作ってもらえたらと思う。 今回はWordpressで作られている、有名Webサイトを11個取り上げていきたいと思う。自分のブログやWebサイトを作っていく上で、参考になれば嬉しい。 1.WIRED.JP http://wired.jp/ 2.AdverTimes http://www.advertimes.com/ 3.ガジェット通信 http://getnews.jp/ 4.Greenz.jp http://greenz.jp/ 5.WSJ.com http://jp.wsj.com/japanrealtime/ 6. 日刊SPA http://nikkan-spa.jp/ 7.TechCrunch
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WEBマーケティングでは、全てのデータを数字という最も具体的な形で計測することができる。 そして、その数字をもとに地道な分析と改善を繰り返すことで最終的に大きな結果へと繋がる。 しかし、WEBサイトのパフォーマンス改善や、ランディングページのコンバージョン率UPに役立つデータを得る方法を知らないという方は意外なほど多い。 そこで、本日は私自身も使っていて、効果を実感している7つの無料分析ツールをご紹介する。 これらのツールを使うことで、あなたは喉から手が出るほど欲しかった貴重なデータを得ることができる。そして、そのデータをもとに、改善していくことで大きな結果を出すことができるようになる。 1.User Heat User Heat 登録ペ
今日の航海日誌は仲がお送りします。 本日、Wantedlyが新デザインによって生まれ変わりました。それまでのプロセスを振り返ってみたいと思います。まだ名は明かせないのですが、めちゃくちゃ優秀なデザイナーがWantedlyに参画してくれました。暫定的に、T君と呼びます。 そもそもWantedlyのデザインの何が問題だったのか?ひとことでいうと、全体的に「筋が通っていなかった」というのが問題でした。旧デザインは、私が、「なんとなく、いいと思うから」という理由で、全体の整合性もとれないままにどんどん積み上げていったものでした。だから、ページごとにデザインの一貫性がなかったり、ところどころおかしいところも満載。 そこで、いつもチーム内では「プロのしっかりしたデザイナーにチームに入って貰いたい」という声がありました。そんなときに、CTO@kawasyの紹介でやってきたのがT君。 デザイナーT君の参画
今年も早いもので、残すところ半分となりましたね!今回は2012年の上半期までで色々なプログラミング学習サービスを徹底的にまとめてみました。今回の記事で今リリースされているものはほとんど網羅されていると思います。 今回の記事は特にプログラミング初心者〜中級者に役立つサービスまとめ記事だと思います。去年の暮れに書いたプログラミング学習サービスまとめがおかげさまではてぶホットエントリーに入るなど、プログラミング学習への注目度の高さを実感しているところです。特にスタートアップの世界では、もう文系だからとかエンジニアじゃないからと言ってプログラミングの知識ゼロで許される時代でもなくなってきていますしね。色々なサービスがありますが、ご自身の学ぶ目的やレベルに合わせて活用してください! プログラミング学習サービスまとめ 1.メールを使ってコーディング学習できるCodecademy 料金:無料 言語:Ja
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く