並び順

ブックマーク数

期間指定

  • から
  • まで

201 - 240 件 / 102330件

新着順 人気順

Wordpressの検索結果201 - 240 件 / 102330件

  • 【複数追記】商用画像を無断転載の嵐、「デジタル庁」事務方トップの石倉洋子さん公式サイトがとんでもないことに→著作権侵害を謝罪し閉鎖 | Buzzap!

    発足初日にサーバーダウンを経験するなど、話題に事欠かない「デジタル庁」。 事務方トップとなる「デジタル監」に、WordPressやPythonにチャレンジした経験もある石倉洋子一橋大名誉教授(72歳)が起用されましたが、公式サイトがおかしなことになっています。詳細は以下から。 まず見てもらいたいのが、石倉洋子さんの公式ページ。見出しに使われている画像に素材サイトの透かしが入っており、商用画像の無断転載が行われていることが分かります。 ものすごーい一日! - 石倉洋子の公式ウェブサイト(魚拓) 他の記事でも状況は同じ。いずれも素材サイトの透かしやURLの一部が埋め込まれており、サンプル画像をそのまま使っているようです。 書類の山と格闘中 - 石倉洋子の公式ウェブサイト(魚拓) 複数の素材サイトから無断転載が行われていることが分かります。 隣人と話す。。。国際女性デー - 石倉洋子の公式ウェブ

      【複数追記】商用画像を無断転載の嵐、「デジタル庁」事務方トップの石倉洋子さん公式サイトがとんでもないことに→著作権侵害を謝罪し閉鎖 | Buzzap!
    • 2014年版 Macを買ったら真っ先に入れている42個のアプリ

      ちょうど4年前の2010年の12月30日に「Macに最初に入れるべき20個のアプリ」という記事を書きましたが、直後にMac App Storeがサービスインし、選べるアプリのバリエーションも増えたので4年越しに同じ記事を書いてみようと思います。 1. 1Password 言わずと知れたパスワード管理アプリ。iOS版ではDropbox同期でTouchIDの指紋認証によりログインできるので、併せて使うと利便性が高まります。 ブラウザの拡張機能はSafari、Firefox、Chrome、Operaなどの主要ブラウザに対応しており、キーボードショートカットで自動入力が可能。Windows版・Android版もあり、クロスプラットフォームなパスワードマネージャーとしてのデファクトスタンダードといった感じです。 1Password – AgileBits Inc.(Mac App Store) 2.

        2014年版 Macを買ったら真っ先に入れている42個のアプリ
      • アダルト検索エンジン「Boodigo」が公開 元Google社員ら立ち上げ ::SEM R (#SEMR)

        アダルト検索エンジン「Boodigo」が公開 元Google社員ら立ち上げ 元Google社員がアダルトコンテンツの検索に特化した検索エンジン Boodigo を立ち上げた。アダルト関連検索だからこそ求められる配慮・機能を備える。アダルトエンターテイメントのポータルサイトと、Google で「困っている人たち」の受け皿を目指す。 公開日時:2014年10月06日 12:30 Boodigo, LLC は2014年9月15日、アダルト専門の検索エンジン「Boodigo」を一般公開した。Colin Rowntree氏と Wasteland.com、そしてテクノロジー企業の 0x7a69 が開発に協力した。 Boodigo はアダルトコンテンツの検索に特化した専用の検索エンジン。Google や Bing はアダルト関連コンテンツを検索結果から排除するように試みているが※、Boodigo はアダ

          アダルト検索エンジン「Boodigo」が公開 元Google社員ら立ち上げ ::SEM R (#SEMR)
        • 海外在住Web屋の私のまわりで最近話題の5つのWebサービス

          2013年3月23日 Web関連記事, 便利ツール Web業界では次々に新しいサービスが開発され、それをあーだこーだと言い合うのがWeb屋の楽しみってもんです。現在私が住んでいるバンクーバーでも同様、Webサービスの話に花が咲きます。その中でサービス自体は前々からありますが、最近よく話題にでるなーというものを中心に紹介していきます!日本で何かWebサービスを作ろうとしている方のアイデアの種になるかも? ↑私が10年以上利用している会計ソフト! 1. Fiverr Fiverrは5ドルで誰かにサービスや商品を提供できるサイトです。誰でも簡単にアカウントを作成でき、5ドルで売りたいもの・5ドルで買いたい物を投稿できます。5ドルのうち1ドルがFiverrの収益になります。支払いはPaypalかクレジットカード。英語のみですが、同じ英語圏でも通貨の価値に差のある国では5ドルでもいい収入になるようで

            海外在住Web屋の私のまわりで最近話題の5つのWebサービス
          • セカイカメラは2014年1月22日に全てのサービスを終了します

            WordPress へようこそ。こちらは最初の投稿です。編集または削除し、コンテンツ作成を始めてください。… 詳細を見る

            • アップルが他社に先駆けて新製品をつぎつぎと投入できる秘密、または他社がなかなか追いつけない秘密

              [積み上がるアップルのキャッシュ:asymco] アップルが大量の現金資産を保有していることはよく知られている。 質の高い Q&A サイトとして注目を浴びている Quora が注目すべき解説をしている。アップルがこのキャッシュを実に戦略的に使っているというのだ。 Quora: “What would make sense for Apple to use its $51+ billion in cash for a strategic acquisition?” by Anon User: 01 July 2011 *     *     * 戦略的買収はどうか? 問: 510 億ドルのキャッシュをアップルが戦略的買収に使ってはどうか? What would make sense for Apple to use its $51+ billion in cash for a strateg

                アップルが他社に先駆けて新製品をつぎつぎと投入できる秘密、または他社がなかなか追いつけない秘密
              • 【追記あり】【初心者】デザインってなんだ?「デザイン」の概念と、4つの基本原則を知ろう | WP-E (仮)

                みなさんこんにちは!無事大学の卒業が確定して一安心のmegです。今回は初心者向けの記事としてデザインの基本についてまとめてみました。デザインに興味はあるけれど何を勉強すればよいのか分からない方、これからデザインについて学ぼうと思っている方の参考になれば幸いです♪ 目次 デザインとは何か 「デザイン」という言葉の意味 ソール・バスとスティーブ・ジョブズの言葉 デザインの4つの基本原則を知る ‐『ノンデザイナーズ・デザインブック』より 近接 整列 反復 コントラスト まとめ – 【2014年3月9日18時27分「概念とテクニックは繋がっている」を追記しました】 1、デザインとは何か 1-1、「デザイン」という言葉の意味 皆さんは「デザイン」と聞くとどんなことをイメージしますか?オシャレなこと?洗練されていること?私たちはなんとなく見た目が美しいことや、ぱっと目を引くものなどを想像しがちですが、

                  【追記あり】【初心者】デザインってなんだ?「デザイン」の概念と、4つの基本原則を知ろう | WP-E (仮)
                • 【月額980円で読み放題】KindleUnlimitedで読みたい技術書まとめ - ニートの言葉

                  980円で読み放題 月額980円で本が読み放題になるサービス「Kindle Unlimited」が始まりましたね。 ラインナップを見たところ、意外なことに技術書も豊富でしたので早速契約してしまいました。 しかし、amazonではコンピューター/ITとざっくりしたカテゴライズでしたので、なかなか全ての本を見るのは大変です。 そこで、今回はジャンル別に良さそうな本をまとめました。 本の選定の基準 まとめた基準としては ・評価が良い ・新しい ・値段が高い このいずれかの条件を満たすものをまとめました。 注意 「読んだ本」ではなく、「良さそう・読みたい本」ですので、それぞれの本の良し悪しはわかりません。 8/3時点の情報です。kindle Unlimitedの対象ではなくなる可能性もありますのでご了承ください。 980円で読み放題 本の選定の基準 注意 プログラミング全般 Web開発 Web制作

                    【月額980円で読み放題】KindleUnlimitedで読みたい技術書まとめ - ニートの言葉
                  • WebサイトをiPhoneで見やすくする5つの方法

                    2017年6月29日 Webサイト制作, Webデザイン, 便利ツール iPhone持ってないくせにWebクリエイターボックスをiPhoneで見やすいよう改良しました。iPhoneからhttp://webcreatorbox.comにアクセスすると自動的にhttp://webcreatorbox.mobify.meにリダイレクトされます。(されてなかったら直接http://webcreatorbox.mobify.meからドウゾ…)今回は下記に説明するmobifyというサイトからiPhone用サイトを作りましたが、他にも便利な方法があったので紹介してみます。 ↑私が10年以上利用している会計ソフト! 1. CSSのみで切り替える iPhone用に作成したCSSを作り、デバイスの幅によって使用するCSSを切り替えます。 <link rel

                      WebサイトをiPhoneで見やすくする5つの方法
                    • そろそろ本気でWordPress!Web制作初心者が劇的に成長できるオススメ国内有名ブログ18選 | BLOG ROOM9(ブログルームナイン)

                      そろそろ本気でWordPress!Web制作初心者が劇的に成長できるオススメ国内有名ブログ18選 2014 7/10 WordPressガッツリ使い倒すぞー! PHP、HTML、CSS超勉強するぞー! で、まず何したらいいの!? なんて方はかなり多いかと思います。というか僕がそうでした。そんなワケで今回は Web制作ど素人だけどWordPressのサイト構築をバリバリできるようになりたい! ブログ書くだけじゃなくテーマをゴリッとカスタマイズできるようになりたい! こんな方々に超オススメの国内有名ブログを18個紹介させていただきます。Web制作のスキルというとデザインだったり、集客だったり色んな要素が考えられますが、今回は 構築、及びコーディング つまりサイトを”作る”という点で特に参考になるブログのまとめです。 構築・コーディングとは言ってもWeb制作の括りではかなり基礎的なレベルから勉強

                        そろそろ本気でWordPress!Web制作初心者が劇的に成長できるオススメ国内有名ブログ18選 | BLOG ROOM9(ブログルームナイン)
                      • 日本語で読めるPhotoshopチュートリアル集 まとめ | 日刊ウェブログ式

                        Photoshopのチュートリアルというと英語が多いですが、日本語の方がサクサク読める(私の場合)ので、日本語で解説してくれているチュートリアル集をまとめてみました。 フォトショップでつくるキラキラに輝く人物の作り方 フォトショップでリアルな炎を出しながら走るバイクの作り方 フォトショップで夕日に輝く幻想的なライティング効果を作る方法 映画のタイトルロゴのような光と文字を描画するPhotoshopチュートリアル フォトショップでキラキラに輝く背景画像を作る方法 布地テクスチャーにペイント フォトショップでキラキラに輝くライティングエフェクトをつくるチュートリアル Photoshopで六角形のキラキラに輝く背景画像をつくる方法 フォトショップでオーロラが輝く地平線に太陽が沈む様子を描く方法 基本的な光の作り方2 基本的な光の作り方3 Photoshopで美女の画像に効果を入れる方法 フォトシ

                        • これからAWSを始める方にオススメしたい無料の学習コンテンツをまとめてみた件 - ailes blog

                          目次 目次 はじめに オススメの学習コンテンツ 【AWS SOME DAY】 【AWS ご利用開始時に最低限おさえておきたい10のこと】 【AWS Black Belt Online Seminar】 【AWS Hands-on for Beginners】 【ハンズオンチュートリアル】 さいごに はじめに 「AWSに興味はあるけど、何から始めたらいいか分からない」 そんな方々に向けて、たくさんあるAWSの学習コンテンツのうちのいくつかをまとめて、紹介していきたいと思います。 本記事で紹介するコンテンツは全てAWS公式のコンテンツとなっています。 オススメの学習コンテンツ 【AWS SOME DAY】 aws.amazon.com 概要 AWSの基本を1日かつ無料で学べてしまう太っ腹なトレーニングです 費用 無料 特徴 通常は会場でのリアル開催のようですが、2021年現在は「AWSome

                            これからAWSを始める方にオススメしたい無料の学習コンテンツをまとめてみた件 - ailes blog
                          • Webデザイナーさんにおすすめの無料で読める電子書籍いろいろ

                            2014年2月25日 Web関連記事, インスピレーション 私は普段紙の本をほとんど読みません。年に1冊読むか読まないか…。しかし、iPadを購入してからはなぜか電子書籍なら読むようになりました。ディスプレイで読む事の方が慣れているからですかね…?という事で私が最近読んだ無料の電子書籍をいくつか紹介します。日本語のものは比較的サクサク読めるものばかりなので、空いた時間に読んでみてください! ↑私が10年以上利用している会計ソフト! インタラクティブPDFでつくったインタラクティブPDFのつくりかた〜動画/音声再生・ページ効果編〜 ダウンロード InDesignで動画や音声付きのPDFファイルの作り方を説明してます。サンプルもついています。紙の本では表現できない、電子書籍の魅力はこういった点にあると思うので、これから電子書籍の出版を考えている人には参考になると思います。 地域でメディアづくり

                              Webデザイナーさんにおすすめの無料で読める電子書籍いろいろ
                            • 大規模 JavaScript その設計と実装と現実

                              実録 WordPress Twenty Sixteen のカスタマイズ | WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方...Akira Tachibana

                                大規模 JavaScript その設計と実装と現実
                              • まったくのゼロから、Webデザイナーになる方法 - ウェブデザイナーになるには

                                この記事は2011年に書いた記事です。2015年に書いた増補改訂版があります。 「Illustrator、デザイン - まったくのゼロから、独学でWebデザイナーになるためのロードマップ【Vol. 1】」(2015年3月) 前にも「独学でWebデザイナーになるのにまずやること」というエントリーをかいたが、簡易的な内容だった。 今回も大筋の考え方はかわらない。Webデザイナーになるには、たくさん作品を作って人にみてもらうことである。 今回はもっと踏み込んで、全くの未経験の人がどうすればWebデザイナーになれるのかの具体的なステップ(行動プラン)をまとめてみたい。すでに学校やスクールでWebを学んでいる人や会社でデザイン部門をあらたに設立したい人にも役に立つだろう。 ステップ1 制作環境をつくる まず最初にやることは制作環境を揃えることである。以前だと、FAXとスキャナーは必須だったが、いまは

                                • うつくし明朝体+オープンソースフォント商用可能

                                  フリーフォントうつくし明朝体+は商用可の日本語書体 フリーフォントのうつくし明朝体+フォントは、無料ダウンロードでき商用可能な漢字も入った日本語書体。このフリーフォントは第二水準の漢字も含まれ、ワープロ、Adobe製グラフィックソフトなどのアプリケーションで自由に加工して使えます。ひらがな、カタカナをオリジナルで制作し、漢字をIPAex明朝で補完しています。 フォントのデザイン特徴について オールドスタイル明朝体は、基本的に縦書きの美しい流れを重視してデザインされています。印刷物やデジタルデバイスなど日常生活において明朝体の横書きが主流になっており、今後はより横書きの需要が高まっていくと感じています。うつくし明朝体+は柔らかさ・レトロな味わい・漢字とかなのバランスなど求められるオールドスタイル明朝体のエッセンスは残しつつ、横へのつながりを感じさせるモダンなデザインにしました。垂直水平のライ

                                  • 勉強するとこんな人になりますよ - megamouthの葬列

                                    axia.co.jp どこかのエントリで呼ばれた気がした。 必要もないのに他人のエントリに乗っかるのは好きではないのだが、たまにはブログっぽいことを書かないと、と思ったので、軽く書く。 ある勉強したプログラマの末路 まず自分の話をしたい。 私は趣味で多数の求人サイトに登録している。 転職エージェントはうるさいので使っていない。 サイトに登録して、経験言語と年数にチェックを入れ、職務経歴書をサニタイズして(なんとこの用語は顧客を特定できないように「無毒化する」という意味で一般的に使われ始めている)掲載しているぐらいである。 ちなみにpaizaでもSランクを持っている。自慢にもならないし、求職活動に役立つわけでもないが、持っている。 こうして、現年収を正直に「200万」と書いておくと、スカウトメールがけっこうやって来るので、それらを暇つぶしに眺めるのである。 Webで年収400万超えるとこって

                                      勉強するとこんな人になりますよ - megamouthの葬列
                                    • 完璧に分かる!コーディング一連の流れと知識(HTML5+レスポンシブ+WordPress)

                                      作成:2014/01/27 更新:2015/08/07 Web制作 > 前回、Web制作の一連の流れを書きましたが、今回は少し掘り下げて「コーディング」についてのフローをまとめます(HTML5+レスポンシブ+WordPress)。会社によって違うと思いますが、ざっくりとしたコーディングの流れと気をつけておきたいことをメモしています。 エンジニア速報は Twitter の@commteで配信しています。 もくじ コーディング前の準備 1.仕様書の確認 2.入稿データの確認・スケジューリング HTML5 マークアップ 3.テンプレート作成 4.条件付きコメント 5.GCF+キャッシュクリア 6.OGP記述 7.ファビコン 8.アウトライン作成 9.バリデーターをチェック CSS の設定 10.ノーマライズスタイル レスポンシブデザイン設計 11.モバイルファーストを基準に設計 12.プログレッ

                                        完璧に分かる!コーディング一連の流れと知識(HTML5+レスポンシブ+WordPress)
                                      • AWSを学ぶ上でやってよかった勉強法5選 - log4ketancho

                                        「AWSの勉強をしたいんだけど、まず何をすればいい?」と会社の同期や同僚から聞かれることがよくあります。ありがたいことに、先日 Amazon Web Services 業務システム設計・移行ガイド (Informatics&IDEA) を出版してからは、システムエンジニアではない知人からもこのような質問を頂くようになりました。このような質問を頂いた方には、過去に有志で開催していた社内勉強会の資料を渡したり、自分の勉強方法を共有したりするのですが、自分がどのような勉強方法をしてきたか棚卸ししきれていないなと感じたので、これを機に整理しようと思います。 私について 私は、大学時代はアプリケーション系の情報専攻で、社会人になってからも入社後最初の数年はアプリエンジニアとして仕事をしていました。そのため、当時インフラサイドの知見はほとんどありませんでした。そのような状況に危機感があり、当時の上司に

                                          AWSを学ぶ上でやってよかった勉強法5選 - log4ketancho
                                        • Facebook活用法を完全に理解するために絶対読むべき記事まとめ

                                          ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. Facebookがビジネスに有用ということは、少しずつ業界の常識になりつつある。 しかし、それでもFacebookをどのように使えば良いのか分からないという悩みは、ソーシャルメディア担当者の全員が抱えていることだろう。 そこで、本日は、Facebookをビジネスに活用し、結果を出すために必ず抑えておくべきポイントと、役に立つ記事をご紹介する。 内訳は以下の通りだ。 1.Facebookの基礎2.Facebookの活用事例3. Facebookページの作り方と運用法4.Facebookページのプロモーション法5.ボーナス:参考にしたい国内Facebookページ10選それでは、早速見て行こう。 Facebookの基礎まずは、あらためてFace

                                            Facebook活用法を完全に理解するために絶対読むべき記事まとめ
                                          • 栗原はるみさんや飯島奈美さん、小林カツ代さんなど、ネットで見られる“料理のプロ”のレシピ - はてなニュース

                                            料理研究家やフードスタイリストなど、テレビ番組や本で活躍している“料理のプロ”のレシピは、ネットでも見られる! 栗原はるみさんや飯島奈美さん、小林カツ代さんなどのレシピを公開しているサイトを集めました。 <栗原はるみさん> ▽ レシピ|ゆとりの空間 さまざまなメディアでレシピを発表し、企業とコラボレートしたデザートや、オリジナルのキッチングッズも発売している栗原はるみさん。公式サイトの1コンテンツとして、レシピを公開しています。更新は毎週水曜日。目的別や食材別、調理時間別などから検索できます。 <飯島奈美さん> ▽ ほぼ日刊イトイ新聞 - LIFE - IIJIMA Nami’s homemade taste 飯島奈美さんはフードスタイリストとして、映画「かもめ食堂」やテレビドラマ「深夜食堂」など、さまざまな分野で活動しています。Webサイト「ほぼ日刊イトイ新聞」では、飯島さんの“なんでも

                                              栗原はるみさんや飯島奈美さん、小林カツ代さんなど、ネットで見られる“料理のプロ”のレシピ - はてなニュース
                                            • 現役Web制作スタッフが選ぶデザインの参考になるギャラリーサイトまとめ33選 | ページ 3 / 4 | 東京上野のWeb制作会社LIG

                                              こんにちは、Web制作会社「株式会社LIG」の代表取締役会長、ゴウです。 今回、LIGで働くWebデザイナーとディレクターにアンケートを取り、制作する際に普段参考にしているかっこいいサイトや、おしゃれなギャラリーサイトを集めてみました。 毎日仕事で使っている彼らのチョイスなので、かなり実践的で参考になる、かっこいい・おしゃれなサイトが集まったと思います。 全部で27個も集まったので、ジャンル別に分類もしました。それではいってみましょう! デザインの引き出しを増やすには? デザインの引き出しを増やすには、インプットのほかに、自分のアウトプットに対して誰かからフィードバックをもらうという方法もあります。周りに相談できる人がいなければ「スクールでの勉強」もおすすめです。 💡現役のプロからデザインを学べる「デジタルハリウッドSTUDIO by LIG」の詳細はこちらから ※このページは、2021

                                                現役Web制作スタッフが選ぶデザインの参考になるギャラリーサイトまとめ33選 | ページ 3 / 4 | 東京上野のWeb制作会社LIG
                                              • 改行削除するくらいなら gzip したらいいじゃない

                                                CSS や JavaScript ファイルなどを gzip 圧縮して転送量の削減や Web サイト表示速度の向上を実現する方法を解説。既存 Web サイトのソースには一切手を加えない方法でまとめています。おまけでキャッシュ関連の記述もあり。 いや、1バイトの無駄もゆるせねぇんだよとか、難読化したいとかなら別にやればいいんですけど、CSS や JavaScript ファイルの改行やスペースを削除しただけでファイル容量圧縮、読み込み速ーい的なこという人がいるので今さらですが書いてみます。すでに色々なところで書かれてるのでかぶるのは承知の上で。 改行や無駄なスペースなどを削除すること自体が悪いと言ってるわけではありませんのでその辺は誤解ないようにお願いします。ただ、gzip 使って圧縮するのに比べたら、改行削除して削れるファイルサイズなんて微々たるものです。もちろん、両方やれば最大限ファイルサイ

                                                  改行削除するくらいなら gzip したらいいじゃない
                                                • Wordpressで1秒切り!目を疑う高速表示の設定はこれだ!1時間で5万PVでも大丈夫 | iPhone 研究室

                                                  先日、Yahoo! ニュースからリンクして頂いたのを切っ掛けに、大量アクセスがありました。いつもは後で気がつくんですけど、たまたま Google Analytics のリアルタイム画面を開いたらその直前にアクセスが爆発していました。通称「Yahoo!爆弾」ってヤツですね。 【追記】現在はコアウェブバイタル対応を完璧にするため、もっとモダンな設定にしています。 iPhone 研究室は WordPress で運営していますが、全く動じないでこの大量アクセスをこなしてくれました。 11時半頃にリンクがあったみたいなんですけど、世の中がお昼休みに入った12時頃から更にアクセスが倍増しました。 だいたい、11時半から12時までの30分で2万ページビュー(PV)、12時から13時までの1時間だけで5万PV位の大量アクセスになりました。 新型iPhoneに関する噂という記事からのリンクだったので、興味を

                                                    Wordpressで1秒切り!目を疑う高速表示の設定はこれだ!1時間で5万PVでも大丈夫 | iPhone 研究室
                                                  • プロが選ぶ!WordPressプラグインおすすめ50選【保存版】

                                                    WordPressには世界中の開発者が制作した機能を自由に組み込むことができる「プラグイン」が存在します。プラグインを上手く活用することが、WordPressの魅力を最大限に引き出すポイントです。 そこで今回は、私がWordPressで様々な種類のWebサイトを制作してきた経験から、役立つプラグインを厳選してご紹介します。いずれも無料でも使用できるので、ぜひ活用してみてください。 WordPressプラグインとは WordPressプラグインとは、WordPressの機能を拡張させるための仕組み(ツール、モジュール、パーツのようなもの)です。 WordPressの本体は、ユーザーの様々なニーズに柔軟に対応できるように基本的でコアな部分のみで設計されています。WordPressプラグインを使うことで、ニーズに合わせた様々な機能を持ったサイトを構築することができます。 参考:WordPress

                                                      プロが選ぶ!WordPressプラグインおすすめ50選【保存版】
                                                    • 無料すぎて助かった!WEB制作が「はかどる」素材まとめ

                                                      作成:2013/01/21 更新:2014/11/01 Web制作 > 無料素材のブックマークが無限に増えてきた そうだ!整理しよう 今回は一つ一つ紹介せず、すでに「素敵にまとめてあるサイト」をまとめました。まとめ系48サイトのまとめです。 フォント、素材からレスポンシブ対応した初心者でもOKのWordPressテーマまで、全て無料です。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 1.日本語フリーフォント 2.海外のおしゃれなフリーフォント 3.国内の写真素材 4.アイコン 5.ユニークな素材 6.ベクター 7.Photoshop補助 8.ワイヤーフレーム 9.レスポンシブなWordpressテーマ 10.スマホ用ページ テンプレート 1.日本語フリーフォント 重複するのもありますが、以下のサイトでほとんどの無料系フリーフォントが揃うと思います。 201

                                                        無料すぎて助かった!WEB制作が「はかどる」素材まとめ
                                                      • Webデザイナー & デベロッパー必見!絶対使えるチートシートまとめ | webox blog

                                                        フレームワークやらライブラリやら、色々触る機会が多いですよね。 そうやって色々触っていると「あれ、あの関数なんだっけ」みたいな事がよくあります。 そういう時に便利な各種チートシートをまとめてご紹介します。 上はデザイナー向け、下へ行くほどデベロッパー向けになります。 Photoshop Keyboard Shortcuts 忘れがちなショートカット。Win/Mac両対応。 Color theory 壁紙用サイズも多数あります。 Periodic table of typefaces よく使われるフォントを元素周期表にはめ込んだモノ。ぱぱっとどんな感じのフォントなのか確認するときに良さそう。 Git Cheat Sheet Wallpaper どこに入れるか悩んだけど、皆使うべきなのでここにおいとこう。 Ultimate HTML5 Cheatsheat HTML5について網羅したチート

                                                        • 自分のwebサイト作る工程 - MEMOGRAPHIX

                                                          2. モック作る次に、Illustrator でモック作る。前は Photoshop で作ってたけど Illustrator に変えた。ラフスケッチでだいたいの構造は決まってるので、それを画面で見た時の見栄えを検証する。雑だけどこれは自分のサイトなのだから自分しか見ないという前提があって、雑でも問題ないということにしてる。8割くらい作り込んだところでやめて、コーディングに入るようにしている。2割くらい変更可能な余地を残しておくことで、コード書くとき融通が効く。 ラフとかモック描かずにコーディング始めることもたまにあるけど、それは余程デザインが頭のなかで固まっている場合に限る。ラフとかモック作るの、コーディングと同じくらい大事だと思ってて、コーディングを始めてしまうとデザインに気を配るのを疎かにしがち。デザインを考えつつ同時にコードを書くというのは結構難しくて、トレーニングが要る。全体のデザ

                                                            自分のwebサイト作る工程 - MEMOGRAPHIX
                                                          • 勝手にリデザイン:新宿高層ビルの館内施設案内板

                                                            勝手にリデザイン:新宿高層ビルの館内施設案内板 新宿のとある高層ビルの館内案内標識が話題に。後学のために、仕様・問題点を整理、改善案の作成を行ってみました time2011/09/08 hatenabookmark- Twitterで、あるサイン(案内板)のことが話題になっていました。新宿のあるビルの案内図のようですが、わかりづらいことが問題になっているようです。 …確かにこれはわかりません。トイレを探している時に遭遇したら結構辛いと思いますね。でも、なぜわかりにくいのか、どういう改善案が考えられるのか、もう少し考えてみることにしました。 仕様 まず、この図から読み取れる情報だけでは何が「正解」かわからないので、実際の現場に足を運んでみました。 そして、館内をぐるっと見学してみて、大体の施設の配置を把握してきました。(ちなみに、ビルの中をウロウロしてると普通に不審者だと思うので、警備員の方

                                                            • 約7ヶ月の世界一周の旅を終えて、感じたこと伝えたいこと

                                                              2011.6.19 ~ 2012.1.12 計206日 18カ国 50都市   赤線が旅前に想定していたルート 黒線が実際に旅をしたルート 経路:日本→タイ(バンコク、アユタヤ)→ネパール(カトマンズ、ポカラ)→インド(バラナシ、アーグラ、デリー、レー、ヌブラ谷、マナリー、ハリドワール、リシュケシュ、ジョードプル、ジャイプル)→エジプト(カイロ、ルクソール、ギザ、ダハブ)→イスラエル(エイラット、エルサレム、ベツレヘム、ヘブロン)→ヨルダン(アンマン、ペトラ、死海)→トルコ(イスタンブール、カッパドキア、パムッカレ)→ブルガリア(ソフィア、リラ)→ギリシャ(アテネ)→イタリア(ローマ、フィレンツェ、ルッカ、ミラノ)→フランス(パリ)→ルクセンブルク→ドイツ(フランクフルト、ベルリン)→オランダ(アムステルダム、ライデン、デンハーグ、ユトレヒト)→イギリス(ロンドン)→モロッコ(マラケシュ、

                                                                約7ヶ月の世界一周の旅を終えて、感じたこと伝えたいこと
                                                              • 2行追加するだけでWebサイトを高速化するInstantClick.io - atskimura-memo

                                                                Before visitors click on a link, they hover over that link. Between these two events, 200 ms to 300 ms usually pass by (test yourself here). 引用:InstantClick — JS library to make your website instant リンクにマウスオーバーしてからクリックするまでには200msから300msほど時間がかかるそうです。実際このテストページでクリックしてみるとMacのトラックパッドだとさらに遅く500msくらいかかってました。 InstantClick.ioはその間に裏でリンク先ページをロードして勝手にリンクをpjax化してしまうという高速化ライブラリです。 やってることはRails4のturbolinksと似てます

                                                                  2行追加するだけでWebサイトを高速化するInstantClick.io - atskimura-memo
                                                                • jQuery Mobile

                                                                  jQuery Mobile is no longer supported To read more about the status of the jQuery Mobile project, see the announcement blog post. A Touch-Optimized Web Framework jQuery Mobile is a HTML5-based user interface system designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices. Seriously cross-platform with HTML5 jQuery Mobile framework takes the "w

                                                                    jQuery Mobile
                                                                  • Firefoxはもう限界!Chromeへ完全移行したお勧めの拡張の紹介

                                                                    ※今回はFirefoxユーザーへの記事です。 本当にね、Firefoxが好きでず~っと使ってた。 でもね、もう限界です。 WordPressで画像をUPすれば固まる。 1PassWordのパスワードは読み込まない。 それがもう最近は頻繁。 もういいっ!Chromeへ移行してやる とはいうモノの、今まで何度もChromeは挫折。 何よりも「ブックマーク」が無いのが違和感、使いにくい。 でも、最近はFirefoxでもブックマーク代わりは専ら「Speed Dial」。 そして、いつの間にか(僕が知らんかっただけだけど)Chromeに「Speed Dial2」が・・・! イケる。。これならいける。 前のChromeのSpeedDialはFirefoxのに比べて残念な子だったけど、 Speed Dial2は出来る! ていうか、Firefoxのより出来る。。 そして、その他のFIrefoxで欠かせない

                                                                      Firefoxはもう限界!Chromeへ完全移行したお勧めの拡張の紹介
                                                                    • WordPressの使い方

                                                                      WordPress はオープンソースで提供されているブログを構築するためのソフトウェアです。サーバにインストールすることで独自ドメインを使ったのブログを構築可能です。世界中に多くの利用者がおり、数多くのテーマやプラグインが公開されています。ここでは WordPress をこれから始める方を対象とした WordPress 入門として、 WordPress のインストール方法や各種設定、そして WordPress を使って構築したブログの実際の利用や運用方法について解説していきます。

                                                                        WordPressの使い方
                                                                      • 2018年なぜ私達はコンテナ/Dockerを使うのか | iret.media

                                                                        2017年にもうコンテナの未来・一つのカタチはもう確定したと言え、今更感があるものの、改めてDockerとコンテナについて。 今更こんなことを書くのは、情報が溢れてくる今こそ、正しく理解し、正しい順序で学習することが重要だと切に思うから。 内容についてのお断り How Toはかきません あくまでも2018年時点の私見 目新しい情報はない、2016年頃に書けたレベル Dockerをこう使えとか、こうするのがいいとかの話ではなく、コンテナとDockerに関して大きな視点で現時点で私の考えを書きます。また、私自身はかなりのコンテナ推進派です。 Dockerをよくわかっている人には意味のない記事となります。 コンテナ(Docker)のメリット 何故コンテナがいいのか、コンテナをある程度の学習コストを払ってでもやる理由 コンテナとDocker コンテナ技術はDockerが生まれる前から存在する技術で

                                                                          2018年なぜ私達はコンテナ/Dockerを使うのか | iret.media
                                                                        • 魅力的なウェブサイトを作成するために知っておくと便利な9つのスクリプト - GIGAZINE

                                                                          個人的なウェブサイト作成や仕事としてウェブサイトを作成している人だけでなく、何かのサイトを発注して作ってもらう際などにこういうのを知っておくと、かなりはっきりと具体的なイメージを相手に伝えやすくなるので、スムーズにコミュニケーションできるはずです。あるいはクライアントにこれらのリソースの存在を認知してもらうことで、話が進めやすくなるかもしれません。 というわけで、魅力的なウェブサイトを作成するために知っておくと便利な無料の各種スクリプトは以下から。 Woork: Useful resources and tutorials for developing stunning web sites 1. ModalBox http://www.wildbit.com/labs/modalbox/ Web2.0スタイルのダイアログボックスなどを表示させることができます。Mac OS Xのダイアログボ

                                                                            魅力的なウェブサイトを作成するために知っておくと便利な9つのスクリプト - GIGAZINE
                                                                          • WordPress Codex 日本語版

                                                                            当サイト、Codex 日本語版は今後積極的な更新は行わない予定です。後継となる新ユーザーマニュアルは、https://ja.wordpress.org/support/ にあります。 万が一、当サイトで重大な問題を発見した際などは、フォーラムや WordSlack #docs チャンネルでお知らせください。</p>

                                                                            • 20+ Mac Apps for Web Designer

                                                                              2013年11月28日 便利ツール 私のメインマシンはMacです。以前から制作環境であったり、使ってるアプリを紹介してほしいとのリクエストを頂き続けているので、やっと重い腰をあげてまとめてみます…。というのも結構有名所のものばかり使っていて、目新しいものは特にないので…あまり…面白くないかなって…。それでも読んであげるよっていう優しい人は続きをどうぞw ↑私が10年以上利用している会計ソフト! 簡単にスペック紹介 Macbook Pro 13″です。それでWebデザインって画面小さくないかって?小さいですよ!大きな画面に憧れてますよ!しかし国をまたいだ引越しが多く、作業もカフェや図書館ですることが多いので、持ち運びを重視して小さなサイズです。いい加減デュアルディスプレイにしたいです。 デスクトップ。普段はドック隠してます。デスクトップがファイルだらけになるのが嫌いなので、一時的に画像やファ

                                                                                20+ Mac Apps for Web Designer
                                                                              • サイト設計をする時に覚えておきたいポストタイプの特徴などいろいろ

                                                                                WordPress で Webサイトを構築する時に、設計の段階で知っておきたい投稿のタイプ(ポストタイプ)について、その特徴などをまとめてみました。とても長い記事になってしまい、うまくまとめられなかったかもしれません ... WordPress ... 奥が深いんだもん ... Webサイトを作るぞーってなってから、アップロードして公開するまでには、本当にたくさんの色んな工程がありますよね。まず発信したい情報があって、誰に見てもらいたいとか考えて、設計してデザインして、コーディングして … 。 Webサイトを作るとき、いきなりデザインやらコーディングから始めるってことはありませんよね。今回は実際にデザインを始める前の段階、サイトの設計やワイヤーフレーム作りをする段階のお話。WordPress で Webサイトを作る時に、設計の段階で知っておくといいかなーと思う、ポストタイプ(’post_t

                                                                                • Photoshopのキラーチュートリアル30個

                                                                                  Photoshopはあらゆるところで使われており、だからこそ山のように使い方を解説したチュートリアルがあるわけですが、その中でも特に「これは!」と思われるようなキラーチュートリアル30個です。 30 Killer Free Photoshop Tutorials http://slodive.com/photoshop/free-photoshop-tutorials/ ◆1:ダーク・フォト・マニピュレーション「ヴァンパイアハンター」(光と影をうまく操作するためのレタッチ・カラー調整・レイヤーの操作が分かる) ◆2:魅力的なオウムの写真操作(動物の写真を抽象的かつインパクトのある画像に加工するレイヤー操作方法) ◆3:Photoshopで手描き風イラスト ◆4:雰囲気のある風景に加工する(レイヤーとテクスチャを駆使してそれっぽくする) ◆5:水であふれて見るものを不安にさせるシーン作り(2

                                                                                    Photoshopのキラーチュートリアル30個