wordpressでオリジナルテーマのサムネイル画像（screenshot）の設定方法
wordpressでオリジナルテーマを作成したら、ダッシュボードのテーマ選択画面（外観／テーマ）に表示されるテーマサムネイル画像をしましょう。画像サイズと設定方法をメモ。 1, トップページのスクリーンキャプチャをとります 完成したオリジナルテーマ適用後、サイトのスクリーンキャプチャをとります。サイトの横幅いっぱいにして、縦横比3:4を意識してとります。 macの場合は shift+command+4 で選択範囲のキャプチャがとれます。 2, キャプチャ画像を縦横比3:4に調整 画像編集ソフトで、キャプチャ画像を縦横比3:4にトリミングします。 wordpress3.8からダッシュボードがレスポンシブになったので、横幅450px以上で作成します。 縦横3:4サンプル(px)
[完全動作]レスポンシブ対応のカルーセルJQプラグインslickの使い方
（2016年6月15日若干修正） レスポンシブウェブデザイン化する際に重宝され始めた、ぬるっと画像がスライドするカルーセル表示。 そのカルーセルを簡単に導入する事ができるJQueryプラグインslickの導入方法を紹介する。 （デモページ） 導入に際して、結構な数のブログでその方法を紹介していたけど、矢印が表示されない、ナビゲーションのドットが表示されない等の不具合が出るやり方をこぞって紹介していた。 ということで、上のスライドのようにちゃんと動作するやり方を試行錯誤の末やっと見つけたのでシェア♪ （といっても、やり方は超簡単だったけどｗ） 導入方法 ①ファイルをダウンロード 公式ページからファイルをダウンロードする。 （ctrl＋Fで「Download Now」をページ内検索すれば、DL先が簡単に見つかる） ②ファイルをアップロード cssディレクトリに以下をアップ。 slick.css
![[完全動作]レスポンシブ対応のカルーセルJQプラグインslickの使い方](https://cdn-ak-scissors.b.st-hatena.com/image/square/7c3500cf65a8b0535d385d8e8a0508b3610ed5d0/height=288;version=1;width=512/https%3A%2F%2Fsingoro.net%2Fnote%2Fwp-content%2Fuploads%2F2013%2F12%2Fweb.jpg)
slick - the last carousel you'll ever need
Features Fully responsive. Scales with its container. Separate settings per breakpoint Uses CSS3 when available. Fully functional when not. Swipe enabled. Or disabled, if you prefer. Desktop mouse dragging Infinite looping. Fully accessible with arrow key navigation Add, remove, filter & unfilter slides Autoplay, dots, arrows, callbacks, etc... Single Item
略記法：On Abridged Notation
それ以外に、ibid.（引用した直前の文献をさす）と、op. cit. （すでに引用したが直前にはない文献）の混同などもみかけられます。 ibid. ：ibidem（同じ場所で） op.sit.：opere citato （引用した作品の中に） sic: （原文のまま） 他にも下記の文献に豊富な用例があるので参照すること。 【問題提起１：誰が悪いのか？】 ページをP52と表記するのが間違いである。このことに気づかない理由は、このよう な凡ミスをするのは、かならずしも学生だけにあるのではなく、けっこう大先生の書く学術本でもみられる——表記法や略記法は、その当人が学術的な訓練に晒 されるかが問題で、その人の偉さとは無関係だからだ。つまりプロでもこの種の幼稚な誤りをおこなう。だけど、それで居直る理由は大先生においても、全くな いのである——そういう連中の本や論文は、そのようなつまらない瑕疵（かし
demo:CSS image hover effects
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
Animatable: One property, two values, endless possiblities
box-shadow ◀ ▶ From: 0 0 black To: 0 150px 10px -50px rgba(0,0,0,.5) Author: @leaverou Tweet
鮮やかレッドにターコイズブルーでちょっと透明。目を疑うし目がチカチカする昆虫、「レッド・リーフホッパー」 : カラパイア
大きさは1.2mm前後ととても小さい。特徴的なのがその色で、真っ赤なボディーにターコイズブルーの目。体と脚の一部も青色をしている。そして何気にちょっと透明感がある。 ヨコバイは緑色系や褐色系のものが多いが、鮮やかな色彩や幾何学的で複雑な模様を持つものも存在する。不完全変態で、蛹を経ないで成虫になる。幼虫は翅がないこと以外は成虫とほぼ同様で、同じように植物の液汁を吸って成長する。 横（ヨコ）にずれながら歩く行動をすることから、ヨコバイという名前となった。この行動は、警戒態勢に入ったときに見られるものだ。 擬態とか一切無視という貫きっぷりがすごい。 ていうかまぶしい。
Dribbbleでフォローしたい、世界トップレベルのUIデザイナー14人 | Goodpatch Blog
デザイナーなら誰でもチェックしているであろうDribbble。招待制なので優秀なデザイナー以外は参加できず、常に高いクオリティが保たれています。Goodpatchでも最近Dribbbleに作品をアップしはじめました（アカウントはこちら）。 MEMOPATCHをご覧の方の中にもDribbbleをチェックしている方やこれから見てみたいと思っている方も多いはず。でもはじめたばかりの頃だと誰をフォローしたらいいのかなかなかわからないのではないでしょうか？そこで今回は、Goodpatchメンバーがいつもチェックしている世界のスーパーUIデザイナー14人を紹介します！ Louie Mantia https://dribbble.com/mantia 2008年に大学を卒業して以来、働いてきた会社はTapulous、Iconfactroy、Apple、Squareと聞けばそのすごさが伝わるのではないでし
Dribbble - Show and tell for designers
Discover the world’s top designers Explore work from the most talented and accomplished designers ready to take on your next project
プロならこうする！ウェブ制作の配色選びで確認したい、デザインポイント8個まとめ
ウェブデザインにおける色の使い方は、制作過程でもっとも重要な鍵となる要素のひとつです。 新しくカラーホイールを再発明したり、劇的な方法で今までにない、色の組み合わせをつくるということではなく、色の使い方によって、サイト全体の雰囲気を良くも悪くもしてしまいます。 好みによって単色や、鮮やかな配色など解決方法は変わってきますが、色を扱うときはどんな意味合いがあるのか検討することで、色が素敵と言った単純な理由ではなく、戦略的にうまくユーザーの感情をコントロールすることができるでしょう。 この記事では、ウェブサイト制作の配色えらびに重要な8つのポイントを見ていきましょう。 詳細は以下から。 01. ブランドイメージを決めよう。 多くのひとがウェブサイトを公開する理由として、伝えたい特定の感情やメッセージをもっています。こんなときは色を効果的に役立ててみましょう。コンテンツを読むことなく、どんな内容
Dmig 5
Dieses Mal möchten wir mit einer kleinen Frage beginnen: Wie sieht euer Arbeitsplatz gerade aus? Da ihr aller Wahrscheinlichkeit nach aus dem Design-Bereich kommt, seht ihr wahlweise kreatives Chaos vor euch oder einen perfekt aufgeräumten Schreibtisch. Das ist zumindest der Eindruck, den wir gewonnen haben. Wir haben Designer gebeten uns Fotos ihres Arbeitsplatzes zu schicken, und zwar ohne diese
ASCII.jpリファレンス
サービス終了のお知らせ ASCII.jpリファレンスはサービスを終了しました。2009年のサービス開始以来、長きにわたりご利用いただき、ありがとうございました。 2017年10月5日 株式会社KADOKAWA Web Professional編集部
思わずハマってしまう！Webデザインの勉強になるゲームやクイズをまとめてみた
あなたはどういった形でWebデザインを学んでいますか？Webデザインに関する本を読んだり、好きなブログを読んだり、セミナー等に参加したり…。そうやって学ぶことはとても楽しいですよね！新しい知識や技術を得ることで、自分のWebデザインに活かすことができ、それがまた達成感に繋がることもありますよね。 そしてもう一つ、Webデザインはゲーム感覚で学ぶこともできます。ゲーム感覚で学ぶことで、思わずそのゲームにハマってしまい、気づけばその技術が鍛えられていた！なんてことも。今回はそんな勉強熱心なあなたに、「思わずハマってしまう、Webデザインの勉強になるゲームやクイズ」をご紹介します！ フォント系 フォント検定 表示されている日本語のフォントを4つの選択肢の中から当てるクイズです。1つの問題につき10秒の制限時間がある「ランキングモード」と、時間無制限の「トレーニングモード」の2種類からチャレンジす
Hyperspace
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
コードカキタイ | プログラミングの学習・情報サイト
プログラミングスクール 忙しい社会人におすすめプログラミングスクール15選！失敗しない選び方も詳しく解説
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript の書き方 - とほほのWWW入門
TAIKI KATO | 加藤 タイキ
みんなで作るWEBデザイン参考集「ブックマ！」
Forefathers Group | A Web Design, Shopify E-Commerce, Wordpress Agency
マネして学べる、プログラミング学習サイト「シラバス」
