無料WordPressテーマ「Cocoon（コクーン）」を公開しました
SEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100％GPLテーマです。 以前公開したSimplicityの後継となるテーマです（※後釜ということで完全な互換性はないです）。 新しくテーマを作成したのは、Simplicity自体元々、個人用に作成したものを公開したテーマだったので、機能を増設するにつれて、多少の無理も出てきて、動作確認が大変になってきたからです。 また、Simplicityは、約4年前に公開したものなんですが、「当時のWEB状況」と「最近のWEB状況」に乖離もでてきました。ですので、一度現在の状況に合わせて作り直しておきたかったからです。 元々Simplicity自体、僕が初めてPHPで作成したプログラムだったので、当時はPHPの作法などをよくわかっておらず、書き直したい部分もいろいろ出てきたというのもあります。 こういった複合的な理
WordPressSEOプラグインおすすめ22選【保存版】
All in One SEO Packは、簡単にWordPressのSEO対策が行えるプラグインです。Titleタグ、meta descriptionタグ、meta keywordタグ、noindexの設定などがページごとに行えるようになります。トップページや投稿ページは勿論のこと、固定ページ、カテゴリページ、著者ページ、404エラーページ、検索結果ページなどを広くSEO対策することが可能です。 All in One SEO Pack WordPress SEO by Yoast WordPress SEO by Yoastは、All in One SEO Packを高機能にしたプラグインです。各ページのタグ設定やnoindex, follow設定の他にも、OGPやTwitter cardの設定や、「category」スラッグ削除、構造化されたパンくずリストの設置など、他のプラグインをいく
「エンジニア病」を抱えたあなたに効く「デザインの考え方」 ～ソニックガーデン・デザインメンター対談のまとめ～ - give IT a try
はじめに 先日、僕が勤務しているソニックガーデンのブログ記事で、弊社プログラマとデザイナーさんの対談記事が公開されました。 【前編】エンジニアの会社でデザインがうまくいくワケ〜「エンジニア病」にはダメ出しされよう 【中編】プログラミングとデザイン、やっていることはわりと同じ〜「デザインは感覚じゃない」 【後編】デザインできるプログラマの育てかた〜「デザインメンター制度」のキモは理由で納得！ インタビューに登場する町田さん（@machida）と赤塚さん（@ken_c_lo）は僕もよく知っているとても素晴らしいデザイナーさんです。 素敵なデザインができるのはもちろん、HamlやSassなどプログラマ寄りの技術知識も豊富に持ち合わせていますし、物腰も柔らかくてとても相談しやすい方たちです。 業界の各方面から引っ張りだこなのも十分頷けます。 ところで、上の記事の中に出てくる「デザインメンター制度」
iPhone 6 Plusの画面は1242×2208を1080×1920に縮小表示する仕様。ドットバイドット表示は不可
ディスプレイの解像度がFullHD（1080×1920）となっているiPhone 6 Plusですが、ドットバイドットのレンダリングではなく、実解像度よりも大きい1242×2208を画面の実解像度に縮小して表示する仕様となっている事が確認できました。 iPhone 6 Plusで撮影したスクリーンショットをiPhotoで確認してみたところ、解像度が1242×2208となっていました。iPhone 6 PlusのRetina HDディスプレイの解像度は1080×1920のため、内部では1242×2208で処理し、画面に表示する際に縮小している事が分かります。 iPhone 6 Plusの解像度の仕様に関しては発売前からフォーラムなどで開発者の間で話題になっており、異なる画面密度のデバイス間のUIを自動生成してくれるPaintCodeのサイトにてiPhone 6/iPhone 6 Plusの解
画像の「縦方向の最適化」って何!?たった数行でスマホビューを改善しよう！
webデザインの大きな問題の1つは、スマホビューにおける縦長画像。今回は「縦方向のレスポンシブ」を紹介します。思い付きで実装してみたのですが、驚くほどスマホビューが改善できたので、そのJavascriptのコードを紹介します。 デモを見る 1「縦方向のレスポンシブ」って何？縦長画像をスマホで見たサンプル今回の問題は、縦長画像のスマホビューです。iPhoneやAndroidの解説記事などでスクリーンショットを載せる場合、縦に長い画像を利用しますよね？するとスマホビューではサンプル図のように、画像が画面全体を占領してしまうことが少なくありません。 max-width:100%を設定することで「横方向」には最適化していても、「縦方向」には最適化できていない例です。画像はやっぱり文字と一緒に見たいですよね…。max-height:...%は「画面の高さ」ではなく「コンテンツの高さ」が基準になるので
TechRadar | the technology experts
Pentax revives analog with its first film camera in over 20 years – and the pricey retro package has won me over I've had my hands on the Pentax 17 ahead of its launch and the compact half-frame film camera has been a real treat. Forget self-driving cars, the robot can get in and drive for you – if it can overcome some major limitations Building a driver 4 of the best cheap Bluetooth speakers to s
ハイクオリティなフリー素材がPSD形式でダウンロードできるサイト20選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのサリーです。 フラットデザインが流行してから、アイコンやモックアップ素材を使う機会が以前より多くなったように感じます……。 素材をダウンロードしたとき、編集がラクチンだと助かりますよね。 今回はPSD形式などのまま素材をダウンロードできる、とっても太っ腹なサイトを20個ご紹介します。 PSD形式のフリー素材を配布しているサイト GraphicBurger http://graphicburger.com/ 無料と有料の素材がごちゃ混ぜなのでご注意。 緑の「Download」ボタンが「Visit download page」となっている場合は有料素材です。 365psd http://365psd.com/ 日本でも有名なフリー素材サイト。 365個一気にまとめてダウンロードできる有料パックもあります。 Pixeden http://www.pixeden.com/
ITエンジニアの価値を貶める『人月商売』の功罪 - paiza times
Photo by oatsy40 今回のpaiza開発日誌は片山がお送りします。 SIerについて語られる際に「人月商売」についての問題点が良く取り上げられますが、「人月商売」がエンジニアにとってどのような問題点があるのでしょうか？ その点について今回は少し整理してみました。 ■人月とは何か 「人月」について誤って認識している人々が多い。人月とは見積りとスケジューリングに使われる仕事の単位である。「コストは実際に人数と月数の積に比例する。が、進捗はそうではない。したがって、仕事の大きさを測る単位としての人月は、疑うべき危険な神話なのだ。人月とは、人と月とが互いに交換できるという意味だからである。」 人月の神話―狼人間を撃つ銀の弾はない 人月の神話―狼人間を撃つ銀の弾はない (Professional Computing Series) 作者: フレデリック・P,Jr.ブルックス,Frede
Hello World（ハローワールド） : J-WAVE 81.3 FM RADIO
※可能な限り挨拶だけでなくメッセージもお書き添えください。 ※他人を不快にさせる文章は削除させていただきます。 ※1記事に対して1日最大5回まで[投稿]ができます。 ※個人情報は入力しないでください。 ※投稿内容は30日で自動的に削除されます。
ユニークな「ページの先頭へ」や「ページトップ」の実装例 10 - NxWorld
そのページの先頭へ移動する要素として設置しているところも多い「ページの先頭へ」や「ページトップ」がユニークなサイトのショーケースです。 コーポレートサイトのような堅めのデザインをする場合は凝り過ぎると浮いてしまう場合があるのでシンプルなものを使用することが多いと思いますが、ちょっとしたキャンペーンページやイラストをふんだんに使っているようなサイトであれば、こういった細かいところにも動きを付けてあげると遊び心があって面白いですね。 April 19, 2014 追記 @OZPAさんから教えていただいたものを含め、他にもユニークなものがあると教えていただいた3サイトを新たに追加しました。 株式会社LIG [リグ] 注意：効果音が出ます 「ページの先頭へ」や「ページトップ」の要素がどうののレベルではなく、クリック後の動作など全体的に非常にユニークで、むしろこだわり過ぎと思うくらい凝ってます。 少
サンプルで学ぶTumblrテーマの作り方 (1/2)
Webデザイナーへ向けて、Tumblrの魅力とテーマの制作方法を解説する本連載。前回は、既存のテーマを簡単にカスタマイズする方法を説明しました。今回は、いよいよオリジナルのTumblrテーマを実際に作っていきます。 Tumblrテーマの開発環境を準備しよう WordPressのようなCMSのテーマ制作では、MAMPやVagrantなどでローカル開発環境を構築して作業し、完成後に本番環境にコピーする流れが一般的です。Tumblrの場合は、ブラウザー上でテーマのHTMLを直接編集できるので、今回はHTMLファイルをデザインカスタマイズ画面に貼り付けて、保存とプレビューを繰り返しながら作っていきましょう。
The Verge
Over the next couple of hours, the two games I play the most are releasing massive updates, with changes to ranked tier systems, character abilities, and either 120Hz refresh rates or new bullet sizes. With games like Baldur’s Gate 3 and Spider-Man 2 atop the sales charts, these live service games need something new to keep going — and hopefully, with these changes they find it. Apex Legends Break
エンジニアからディレクターに転身してから読んだ本14冊 - No Web Service No Life
私は、元々エンジニアとしてランサーズに入社し、途中からディレクターに転身しました。ランサーズに入社する以前は、Googleアナリティクスをいじったこともなければ、CVRやCPAといった基本的なマーケティング用語すら知りませんでした。 まだまだ知識・スキル不足ではありますが、今まで得たものの多くは実際の業務を通して得られました。一方で、書籍を読むことで以下の二つのメリットがあると感じており、読書の時間を取るように努めています。 業務で得たスキル・知識を体系的に整理して定着させる そもそも知らないことをショートカットして知ることができる ディレクターに転身してから、必要な知識を身につけるために読んだ本を、ジャンル別にご紹介します。 Webエンジニアの時のおすすめ書籍は下記にまとめてあります。 kkino.hatenablog.com 基本的なビジネススキル どの職種においても必要なスキルだと思
ジャズ喫茶フォント｜無料フォント
フォント名：じゃずキッサ 基本に立ち返って単純明快だけど、印象に残るようなフォントを作りたいと思って作りました。単純だからこそ文字の微調整に時間をかけました。懐かしくって可愛いタイトルロゴ向けの、ひらがなとカタカナのフォントです。丸・三角・四角の一部でできたシャープなフォルムですが、全体的な印象は親しみのある楽しげな感じに仕上げました。上の文字画像が、かすれているのは演出でフォント自体の文字はかすれていません。 フォント形式：OPENTYPE FONT 商用利用する ← 前のフォント 次のフォント → フリーフォント使用許諾 1.フォントデータ自体の複製、改変、再配布、再販売、オンライン上でのアップロードを禁ずる。 2.当フリーフォントは無料でダウンロード可能ですが、商用を禁じます。商用でご利用の場合は商用可の商用可のダウンロード版をご購入下さい。商用とは社内における利用または個人事業主の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.smaroomch.net/web-design-10/
WordPressでサイト作成するときに知っておくといいことあれこれ
【リンクあり】webディレクターだけど、初心者に役立つサイト教える：キニ速
WEBALYS | Web Designer Freelance - Design Interface Application - France
HomePage
IDEA * IDEA
