#Introducing Typogram Hello friend, I am wentin, creator of CSS ICON. I have been building Typogram — a logo design tool, and it is now launched! Upvote us on Product Hunt!
Windowsで複数ファイルの文字コードをまとめて変換する方法
Windowsで複数ファイルの文字コードをまとめて変換する方法を紹介します。 １．問題点 Linux上にある、文字コードがEUC-JPのファイルをWindowsにダウンロードしたのですが、EUC-JPのままでは扱いにくいため、これをまとめてShift_JISに変換したいと考えています。 Windowsでファイルの文字コードを変換するには、なんらかのスクリプトを作る必要がありますが、できれば簡単に済ませたいところです。 ということで、複数ファイルの文字コードをまとめて変換する方法を紹介します。 ここでは下記の記事を参考にさせていただきました。 WindowsのPowerShellで複数のファイルの文字コードを一括変換する ２．複数ファイルの文字コードをまとめて変換する 複数ファイルの文字コードをまとめて変換するには、まず次のPowerShellスクリプトを"test.ps1"などのファイル名
Webフォントで複数のウェイトやスタイルを持つ書体を定義する - Qiita
Webフォントの設定 @font-faceでフォントを指定する時、font-familyを同じ名前にして、font-weightとfont-normalを使用するフォントに合わせる。 /*medium*/ @font-face { font-family: 'myfont'; src: url('fonts/myfont-medium.woff') format('woff'), url('fonts/myfont-medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } /*light*/ @font-face { font-family: 'myfont'; src: url('fonts/myfont-light.woff') format('woff'), url('fonts/myfont-l
query_posts（WP_Queryクラス）で’tax_query’を使いこなす
説明 2日にわたって投稿した「query_posts（WP_Queryクラス）でカテゴリーを絞り込む」「query_posts（WP_Queryクラス）で投稿タグを絞り込む」の続き。今日はカテゴリーや投稿タグ以外ののタクソノミーによる絞り込み、複数のタクソノミーの絞り込みの組み合わせについてまとめてみる。 そもそも一連の投稿のきっかけになったのは、新テーマ「Twenty Eleven」の短冊ウィジェットがきっかけだった。その部分はこちら。 'tax_query' => array( array( 'taxonomy' => 'post_format', 'terms' => array( 'post-format-aside', 'post-format-link', 'post-format-status', 'post-format-quote' ), 'field' => 'slug
WordPressの新機能 複数タクソノミークエリーまとめ – Simple Colors
先日、「WordPress 3.1 RC3 をみんなでテスト！ 」に参加し、その際、複数カスタムタクソノミークエリー（en. Multiple Taxonomy Handling）のテストを担当させてもらいました。 ついでに、仕様などについても探ってましたので、まとめてみることにします。 複数タクソノミークエリーとは なるべく正確に言うと、query_posts または get_posts の引数に新たに設けられた tax_query により、カテゴリー、タグ、カスタムタクソノミー等による記事抽出条件を、複数かつ様々なパラメータで細かく設定できる機能。 tax_query の値は、抽出条件毎の配列と各条件の結合方法（パラメータ名：relation）で構成される。 こう書いても、分かりにくいと思いますので、もっとかみ砕いて、粉状にして言うと「これさえ憶えておけば、WordPressでの絞り込
WordPressのwpdbオブジェクトで複数のテーブルを扱う
WordPressのwpdbオブジェクトで複数のテーブルを扱う 以前「WordPressからデータベースに直接アクセスする」という記事を書きましたが、これだけだと一つのテーブルからしかデータが取り出せないので、できることはまだまだ少ない感じです。 この記事では第２段としてwpdbオブジェクトを使用して複数のテーブルのデータを取り扱いたいと思います。 最初に断言しておくとMySQLの学習的意味合いが強いので、実用性はないです。 投稿日2010年09月06日 更新日2011年04月03日 データベースの確認 まずは、phpMyAdminでカテゴリーの入っているテーブルを確認してみましょう。 前回の記事の「WordPressテーブル一覧」も参考にしてください。 カテゴリー名は「wp_terms」というテーブルに入っているみたいです。 おさらいもかねてこのテーブルの「name」カラムをリスト表示し
複数行にも対応！CSS を使ってはみ出した文字を「･･･」で省略する方法 ｜ KLUTCHE
範囲内に収まらない文字を「･･･」で省略する方法です。 使うのは CSS のみで、各ブラウザにも対応しています。 長い文章の冒頭だけ表示したいときってあると思います。 実現する方法としては、 ・PHP 等を使ってサーバサイドで文字列を丸める ・text-overflow を使う なんかがあると思います。 PHP なんかでは文字列を指定の幅でトリミングすることを「丸める」と言います。 なんか専門用語的で格好良いので 「ちょっとこの文字列丸めといて」 的に使うことをおすすめします。 しかし、上記2点の欠点として、 ・PHP は文字数指定の省略なので、可変する幅に応じることができない ・text-overflow: ellipsis; は複数行に対応できない が挙げられます。 使う場面が限定されすぎです。 そんな時に使って欲しいが今回の方法です。 デモ デモページ ウインドウの狭くしてもらうとわ
細かい文字列ノードが邪魔なら正規化 (normalize) してみては。（DOMおれおれAdvent Calendar 2015 – 11日目） | Ginpen.com
DOMおれおれAdvent Calendar 2015 – 11日目 画面上では連続したひとかたまりの文字列でも、実は複数の文字列ノードから成っている場合もあります。普通にHTML書いてもそうはならんのだけど、JavaScriptからあれこれ挿入したりするとそうなります。 var el = document.createElement('span'); for (var i=0, l=10; i<l; i++) { var t = document.createTextNode(i + ' '); el.appendChild(t); } console.log(el.childNodes.length); // => 10 // el = <span>0 1 2 3 4 5 6 7 8 9 </span> var el = document.createElement('span');
Firefox 38 が正式リリース、レスポンシブ・イメージ、ruby 要素のサポートなど
Firefox 38 が正式リリースされ、自動更新も提供開始されました。picture 要素がデフォルトで有効になり、srcset 属性が使えるようになったことで、レスポンシブ・イメージの利用が可能になりました。またルビへの対応が行われています。 Firefox の最新版、Firefox 38 が正式リリースされ、自動更新も提供開始されました。Android 版も同時公開。自動更新が少し遅れて、38.0.1 として届いたので、リリース直後に少し問題があったみたいですね。 picture 要素がデフォルトで有効になり、srcset 属性が使えるようになったことで、所謂レスポンシブ・イメージ （Responsive images） の利用が可能になりました。また、ruby 要素、CSS Ruby への対応が行われ、ルビの使用が可能になっています。 Firefox 38.0 リリースノート An
picture 要素（レスポンシブ・イメージを実現する） - HTML （HTML Living Standard） タグリファレンス
picture 要素は、所謂レスポンシブ・イメージ （Responsive images） を実現するための要素です。 picture 要素内に内包された img 要素と source 要素に srcset 属性、media 属性、sizes 属性を組み合わせて指定することで、デバイスピクセル比、ビューポート、画面サイズなどに応じた、複数のイメージソースを出し分けることが可能になります。 複数イメージソースの指定は、picture 要素内に source 要素を記述する事で行います。詳しくは source 要素の項目をご確認ください。
WordPressの記事内の画像をData URIで扱ってサイトを高速化させる方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、CTOのづやです。 WordPressを利用していた際、サイト高速化の実験として記事詳細ページで使用する画像をData URIにできないかなと思い、以下のことを試してみました。 記事詳細ページで使用する画像をData URIで扱ってみた なるべくすぐ戻せるように、通常の画像サイズも選べるような作りを目指して、アップロード時点でBase64エンコード版のサイズを用意する形で実装しています。 functions.phpに記載する形です。 // 画像サイズ名を定数で宣言(今回はbase64って名前で作成しています) define("BASE64_IMAGE_KEY" , "base64"); // エンコードする画像のサイズを追加しておく add_image_size(BASE64_IMAGE_KEY , 400 , 400); // 画像ファイルアップロードのメタデータ保存の際にエ
jQueryでページトップへ戻るボタンに動きをつけよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもです、フロントエンドエンジニアのはやちです( ˘ω˘)✌ ここ最近新しいゲームにピンと来ず、PS3のアーカイブスからFF8をDLしてプレイしております。スコール尊いです( ˘ω˘)✌ どうでもいいですね✌(´ʘ‿ʘ｀)✌ 今回はjQueryメソッドanimateとjQuery.Deferredを駆使して、動きのある「トップへ戻る」ボタンを作ってみました。 こちらの実装方法をご紹介します( ˘ω˘)☝ HTMLとCSSの準備 HTML HTMLはこんな感じでございます。通常の状態の#buttonと、変化させた時に表示させる#button_linkを用意しました( ˘ω˘)☝ <footer id="footer"> <a href="#wrapper" id="page_link"> <span id="button"><i></i></span> <span id="button_c
Inspiration for Item Transitions | Codrops
Some inspiration and ideas for item transitions considering different scenarios and use cases, including a small component, a full-width image header and a product image with a transparent background. State transitions are done using CSS Animations. Today we’d like to share some item transition inspiration with you. We tried to keep the idea of the transition general, so we did three different use
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://sarcadass.github.io/
zencode.in
LESSのextend機能の使い方について - O2 Project Blog