リストでボーダー（border）を指定しているけど最初と最後のボーダーは非表示にしたいという時に使えるCSSの小ネタです。 最初と最後とは言っていますが、要は最初のボーダーを非表示にするという感じで全部で4つの方法をご紹介します。 以下で紹介しているのはいずれも上のイメージのようによく見るリストで、ボーダーが最初と最後に引かれていないものを実装する方法です。 HTMLは下記のようにul, liを利用した単純なものとします。 <ul> <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</li> <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</li> <li>Lorem ipsum dolor sit amet, consectetur adi

New in 4.0 Colors plugin Default palette of Chart.js brand colors is available as a built-in time-saving zero-configuration plugin.

はじめに 今回はCSSだけでタブ切り替えを作る方法をご紹介します。 最近はCSSの使い方次第でできることが非常に多くなっているので、タブ切り替えなどちょっと動きがあるものでもJavaScriptを使わず作ることが可能です。 今回作成していくもの まずは、今回作成していくデモをご紹介します。 今回作成していくデモはこちらです。 See the Pen CSS tabs by Ayaka Sasaki (@ayausaspirit) on CodePen. HTML解説 では、中身のソースコードを見て行きましょう。 まず、今回の全体のHTMLはこのようになっています。 <div class="tabs"> <input id="all" type="radio" name="tab_item" checked> <label class="tab_item" for="all">総合</lab

皆さん本日もお疲れ様です。 今回はiPhoneで撮影した写真のphpを使った修整方法をご紹介いたします。 iPhoneでは写真を撮った場合、横で撮影したものも、縦で撮影したものもすべて横長の画像として保存されます。 ↑例えば横向きで撮影した写真はこんな感じに ちなみにこちらはお世話になりましたクールストリートモータース様より頂きました(^^) ではどうしてiPhone上ではちゃんと表示されるのでしょうか？ それは画像の中に撮影された画像の向き「Exif情報」が保存されているためです。 Exif情報とは？ EXIF （Exchangeable Image File Format）とは、撮影日時、画像の縦横サイズ、 シャッタースピードなどのさまざまな撮影情報が、画像に埋め込まれたメタ情報のことです。 iPhoneの場合はHD上に保存された画像の向きを統一し、Exif情報を読み取り向きを補正して

Warning: Attempt to read property "post_excerpt" on null in /home/kpkyvkzp/public_html/unskilled.site/wp-content/themes/unskilled2/content-header-eyecatch.php on line 5

森田交一の曲が無料ダウンロードできるwebサービスです魔王魂は変態プロ作曲家森田交一が創設しました。 シャイニングスター・12345・ハルジオン・Burning Heart・月と狼といった有名曲のほかたくさんの高品質曲が無料でダウンロード可能です。 規約が激ユルで難しいこと考えなくてOK！商業OK！改変OK！18禁含むあらゆるコンテンツで使用可！許可も報告も必要なし！ 『この曲は自分が作った』といった偽った著作表記と盗作は禁止してます！ お笑い大好き人間が作ったサイトです！芸人さんの単独やネタ番組でのご利用も大歓迎！（吉本系芸人さんにも多くご利用いただいております！）

仕様がコロコロ変わる割にドキュメントが間に合ってないと評判の Facebook API 周りですが、先日どうしてもイジらざるを得なくなり、最新版SDK v5を使って自動投稿機能を実装した時の猟奇的紆余曲折。 そもそも公式のgithub SDK for PHP のページすらv4って書いておきながら中身はv5だし。 読めない英文を頼りに辿り着いた軌跡の果て、言葉を持たない血液はただ静かに憤怒の火を宿すのでした。 、、、などと意味不明な供述をしており(r Facebook SDK v5を使ってFacebookページに自動投稿する方法 まずは下準備 あ、ちなみに今回の方法はComposerなど使わず、漢一貫直接ダウンロード＆アップロードでいきます。 なので、なにはともあれFacebook SDK v5 for PHPをダウンロードしませう。 これを解凍して、中の「src」フォルダ以下をテキトーなデ

注意。投稿はできるし自分のタイムラインには投稿が表示されますが、FBに申請しないとほかの人のタイムラインには表示されません。 1.FBに登録 もうすでにアカウントを持っている人は飛ばして OK。 1-1.FBにアクセスしてトップページからアカウントを作成。 https://www.facebook.com/ 1-2.個人情報登録。公開範囲は気をつけて。 2.開発者登録 2-1.FBにて電話番号もしくはクレジットカード番号を登録。そうしないと開発させてくれない。 https://developers.facebook.com/ 2-2.FB developerにアクセスしログイン。ログインするとなぜかFBのタイムラインに飛ばされる謎仕様なのでもう一度developersにアクセス。 https://developers.facebook.com/ 3.アプリ登録 3-1.上のメニューのMY

ボックス要素の横並びをCSSで行う場合は、CSSの「Flexboxフレックスボックス」 が便利です。Flexboxを使用することで、簡潔なコードで豊富なボックスのレイアウトが可能です。本記事ではウェブページの作成を通してFlexboxの特徴と使い方について解説します。 この記事で学べること Flexboxの使い方 スマートフォンへのレスポンシブ対応 Flexboxはボックスレイアウト用のCSS Flexboxとは、ボックスのレイアウト方法を定めるCSSの機能です。ボックスとは、HTML上の各要素が生成する領域のことです。下図のHTMLコードのウェブページでは、div要素・h1要素・p要素がそれぞれボックスを生成します。 Flexboxでは、ボックスを横ならびにしたり、右寄せ・中央寄せ・左寄せをしたりと、さまざまなレイアウトを少量のコードで実現できます。 サンプルの紹介 今回はレスポンシブな

現在からの相対日付を求める計算例phpスクリプト <?php $x = array(); //現在 $x[] = "現在 " . date("Y-m-d H:i:s"); //現在からの相対日付（前） $x[] = "1日前 " . date("Y-m-d H:i:s",strtotime("-1 day")); $x[] = "1ヶ月前 " . date("Y-m-d H:i:s",strtotime("-1 month")); $x[] = "1年前 " . date("Y-m-d H:i:s",strtotime("-1 year")); $x[] = "1週間前 " . date("Y-m-d H:i:s",strtotime("-1 week")); $x[] = "1時間前 " . date("Y-m-d H:i:s",strtotime("-1 hour")); $x[] =

こんにちは、Kanaです。 日本らしい、和のデザインを担当したときに利用した素材サイトや、フリー素材をご紹介します。 和の雰囲気をもった無料で商用利用ができる素材って、そう多くはないんですよね…。 今後また和のテイストのデザインをするときのためにも、まとめておくべく記事にしました。 それでは、素材を提供してくださる方々に頭を下げつつ、ご紹介したいと思います。 商用可のサイトや素材を集めていますが、詳細な規約は、ご利用の際ご自身でご確認ください。 2014/12/10：素材サイトを追加しました。 イラスト素材和柄商用フリー素材 WArgo Pattern（ワーゴパターン） こちらの素材サイトは和素材が非常に充実しています。和風イラスト、和風写真、和柄パターンなど、和デザインを作るにあたり、欲しくなる素材がたくさん集まっています。 WArgo Pattern（ワーゴパターン） 季節素材　夢幻華

TOP  >  Design , vector  >  商用可！5000を超えるシルエットベクターデータ配布サイト「All Silhouettes」 様々なデザインシーンに使えるシルエット素材。単純で、曖昧なので、どんなデザインにも合わせる事ができますし、背景だったりアクセントだったり使い勝手も非常に良い素材の一つですが、今回紹介するのはそんなシルエット素材を集めたWEBサイト「All Silhouettes」です。 全部で5000を超えるシルエットが88にも及ぶパックで公開されています。種類は様々で、動物から人間、機械、矢印と様々なシーンのシルエットが公開されています。 詳しくは以下 上記は今最も人気のシルエット素材。人物のシルエットがやはり人気が高いみたいですね。デザイナーだけでなく、企画書を書いている方にも良い素材なのでは無いでしょうか！？ ライセンスは「You are free t

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