めんどうな作業がわずか数秒に！新人デザイナーが 知らないと一生後悔するExcelを使ったHTML生成
お客さんから送られてきた、Excelデータからせっせとリストや表のHTMLをコーディングしているあなた！そろそろ手がが疲れてきていませんか？ そんなあなたは、この記事で紹介するExcelテクニックをぜひ覚えてください。 面倒な作業が、わずか数秒で終わります！ Excelを使った高速HTML生成 僕たちプログラマーは、ちょっとしたコード生成に、Excelを使います！ DreamweaverでもCSVファイルを取り込むことはできるのですが、<dl>タグでマークアップしたい時とか、カスタマイズしたい場合は、これから紹介するExcelを使った方法が簡単で、効果的です。 さぁ、↓のようなお客さんから送られてきたExcelデータから ... こんな感じの、<dl>タグでマークアップされたHTML生成する流れを説明します。データ数はうんざりするくらいあると思ってください。 Let's Excel 1)
[CSS]スクリプト無しで、高さがバラバラの画像を隙間無く配置するスタイルシートのテクニック | コリス
ブラウザのサイズを変更してもそれに合わせて、高さがバラバラの画像をグリッドに沿って隙間無く配置するスタイルシートのテクニックを紹介します。 Seamless Responsive Photo Grid デモページ [ad#ad-2] 下記は各ポイントを意訳したものです。 画像を隙間無く配置する実装方法 HTML HTMLはimg要素をsection要素で内包したシンプルなものです。 <section id="photos"> <img src="images/dog-1.jpg" alt="Little doggie"> <img src="images/cat-1.jpg" alt="Little kittie"> ... </section> CSSをオフにすると、img要素はinline-blockなので、下記のように連続して並ぶだけです。 デモページ：CSSオフの表示 こういったエ
Chromeの小技＆裏ワザまとめ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Chromeを最大限活用する10のTips
新参ながら、GoogleのChromeは他のブラウザを評価するスタンダードになってきていますよね。今回はこのChromeを最大限活用する10のコツをご紹介しましょう！ HOMEページを追加してみようパワーユーザーはHOME1個じゃ物足りないよね？ Chromeはブラウザ立ち上げると複数のサイトが開くように設定できるんです。右上にある工具みたいなレンチアイコン押してTools ＞ Basicsと進んで好きなサイトを追加しちゃいましょう。ただしあんまり追加し過ぎると起動が遅くなるので...ホドホドにね！ 検索窓を計算機に活用ChromeのGoogle Suggests機能をうまく使いこなせば｢数にめちゃ強いヤツ｣と同僚にも尊敬してもらますよ。URL入れる検索枠（Chrome発表時に｢超能力バー｣と呼んでたけど、｢Omnibar｣が正式名称）に数式を書き込むだけで、Enterキー押さなくっても検
少しのコードで実装可能な20のjQuery小技集
2016年6月22日 jQuery 素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します！「jQueryってなんだ？」という人もコピペで実装できますよ！サンプルも用意したのでぜひご覧ください！ ↑私が10年以上利用している会計ソフト！ 追記：この記事で紹介されているいくつかの方法が、今ではCSSのみで実装可能です！詳しくは「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」をご覧ください。 jQueryの基本的な使い方 まずはjQuery本家からjQueryファイルをダウンロードします。<head> 内に下記を記述し、jQueryファイルを読み込みます
Windowsを定期的に再インストールする必要なんてないんです。その理由とは... | ライフハッカー・ジャパン
数多くある都市伝説の中でも頻繁に耳にするのが、「Windowsのパフォーマンスを常にベストな状態に保つ為には定期的にOS の再インストールを行う必要がある」というモノですが、今回は再インストールが必要となる本当の原因は何なのか、そしてどのようにして修復するべきなのかについて迫ってみたいと思います。 時間の経過と共にWindowsの速度が遅くなるように感じるのはなぜなのか、そしてどのようにしてこの問題は解決出来るのかについて今回はお話していきますのでぜひ最後までお付き合い下さい。 PC のケアをちゃんと行っていればWindowsが時間と共に遅くなる、ということは実際問題ありません。下記の手順に沿って作業を行っていけば、データをバックアップしてディスクを挿入してWindowsを入れ直し、その後必要なアプリをまたインストールしていく、という煩雑な作業から開放されるはずです。 ■時間の経過と共にW
2010年総まとめ：CSSの実用的なテクニック集
CSS3で何ができるの？ という時にみておきたいサイト集 ベーシックなものから実践的なテクニックまで、サンプルやコードなど実装例が掲載されているサイトをご紹介。
deferloader – 株式会社ウフル技術ブログ
LoRa 開発シールドのデータを enebular で受け取る By hrd_pk|5月 9, 2017|未分類, | 花粉がまだ名残惜しく思っているようで、鼻がまだむずむずしています。 ぽかぽか陽気が続いていますが、みなさんいかがお過ごし… Read More
高さの異なるボックス要素を揃えるテクニック : HTMLコーディングのノウハウ ： HTML/XHTML、CSSコーディング最安保障～クロノドライブ～
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキス
IE7からのCSSの小難しいセレクタやプロパティいろいろ
チャイルドセレクタや隣接セレクタなど、あんまり馴染みのないちょっと小難しい CSS のセレクタなどをまとめてみました。 これからクロスブラウザの照準を、IE7 に合わせるなら、ちょっとお役立ちかもです！ そろそろ IE6 のことは忘れて、IE7 からのクロスブラウザを目指せばいいのかなーという気がしています。CSS のプラパティーの中には、今まで IE6 のことを考えて使わなかったものがたくさんあったりします。それらを改めて確認してみると、コーディングの幅が広がるなーという気になったりもします。 これから使う事が増えるかもしれない、CSS のセレクタやプロパティを、もう一度振り返ってみると同時に、IE7 で注意したい事などを簡単にまとめてみました。 IE6 ではサポートされていませんでしたが、IE7 からは使ってもOKなセレクタやプロパティには、どんなものがあるのか確認してみます。後半は
WordPressでのパス指定を絶対パスから相対パスに変更する方法
WordPressで使用するパス指定は絶対パスのものが多いですが、これをルートからの相対パスに変更する方法を紹介します。 How to make WordPress URLs root relative [ad#ad-2] このブログではパス指定では現状困っていませんが、ポータビリティ（サイトの移転）、ダウンロードサイズ、コードの簡潔さなどを求める際には相対パスの方が有利になります。 ルートからの相対パスにするには、下記のコードをテーマファイル内の「functions.php」に記述します。 ※「functions.php」が無い場合は作成してください。 PHP URLの文字列から「http(s)」と「ドメイン」を取り除きます。 function make_href_root_relative($input) { return preg_replace('!http(s)?://' . $
WordPress で特定のカテゴリーだけ特別なテンプレートを適用する方法 | iPhone 研究室
当サイトは WordPress をコンテンツ・マネージメント・システム（CMS）として利用しています。テーマを切り替えることでガラッとサイトの印象を変えることがとても簡単にできるのも WordPress の魅力の一つですが、使用しているテーマのテンプレートをちょこっと改造するとこで色んなことができてしまう自由度の高さも魅力です。 当サイトヘッダーの部分に「おすすめアプリ」や「うわさ」や「共同研究」といったカテゴリーのタブがあって、クリックするとそれぞれに最適化した表示に自動で切り替わりますが、その改造方法はとても簡単です。 特定カテゴリーのみに特別なテンプレートを適用したい場合、利用している WordPress テンプレートの中に category-xxx.php というファイルを用意します。例えば、カテゴリーIDが999番のカテゴリーのみ、「タグやカテゴリー表示なし・件数は10」という条
プラグイン無しでページネーションを設置
WordPressでは多くのページネーションを実装するプラグインがありますが、使用しているテーマにあったデザインで機能も必要なものだけにできるように、プラグイン無しでページネーションを設置する方法を紹介します。 How to build a WordPress Post Pagination without plugin [ad#ad-2] ここでは上記元記事で紹介されているものをノーマル版とし、コメントで投稿されている拡張版の二つを紹介します。 Pagination without plugin：ノーマル版 Pagination without plugin：拡張版 Pagination without plugin：ノーマル版 How to build a WordPress Post Pagination without plugin PHP テーマファイル内の「fuction.ph
【Dreamweaver】コードビューでよく使うショートカット | バシャログ。
BMW が開発している MINI ブランドの電動スクーターが気になって仕方がない sakai です。 なんと、キーが iPhone ですよ！ 今回は、Dreamweaver の“コードビュー”でコーディングをする時に便利なショートカットをご紹介します。 タグ挿入系 Ctrl+1(～6) = 見出しタグ（h1～h6）の挿入 Ctrl+Shift+P = 段落タグ（p）の挿入 Ctrl+Alt+T = テーブル（table）の挿入 Ctrl+Alt+I = 画像（img）の挿入 Ctrl+B = 強調（strong）の挿入 Ctrl+I = やや強調（em）の挿入 Shift+Enter = 改行（br）の挿入 このあたりは基本なので、Dreamweaver でコーディングをされている方ならご存知かと思います。 Shift+Space = 半角スペースを挿入（全角モードでも半角スペースが入る）
WordPressで困った時に役立つお助けコード8つ
2013年3月23日 Wordpress WordPressでコーディング中、「理由はなんだかわかんないけどちゃんと動作してくれない！」なんて事がありませんか？私は度々ありました。その都度ググって解決策を探していたのですが、そのお助けコードメモがEvernoteに結構たまってきたので記事にしてみます。よくわからないけど動かない！という時に試してみてください！ ↑私が10年以上利用している会計ソフト！ お助けコードを使う前に 今まで動いていたのに突然動かなくなった！そんな時は慌てず、とりあえず以下を確認してみてください。プラグインが原因で動作しなくなる事が多いですね。 有効化しているプラグインをすべて無効化して試す </head> の前に <?php wp_head(); ?> があるか </body> の前に <?php wp_footer(); ?> があるか PHPコード（特にif構文
知っておいて損しない、地味に便利なWordPressのデフォルト機能 - かちびと.net
存在は知っているけどあまり 使われていない印象、という WordPressのデフォルト機能 のご紹介。個人的な印象なの でもしかしたら凄くポピュラー な機能かもしれませんが・・ 殆どは知られていると思いますので期待しないで下さい。1つでも「これ知らなかった！便利！」と思ってくれる方がお一人でもいれば幸甚です。 やや地味な機能なのですが、知っておいて損しない便利な機能です。順不同。 Press This Press Thisというブックマークレットがお使いのWPの管理画面→ツール→ツールからインストール出来ます。これが結構便利で、引用したいと思った他サイト等でブックマークレットを使えばその場で上図のようなWYSIWYGがポップアップします。 リンクは既に作成済みなので下書き保存してあとで編集すれば記事執筆のハードルも低くなるかも知れません。 記事を複数ページに分割 テーマファイルを触る必要が
https://footballpanthershops.com/
Liebe Besucher von FootballPantherShops.com, Wir möchten Sie darüber informieren, dass die Webseite FootballPantherShops.com nicht mehr weitergeführt wird. Diese Entscheidung wurde getroffen, um Ihnen eine noch bessere Nutzererfahrung zu bieten und Sie auf neue, spannende Inhalte aufmerksam zu machen. Während die Seite nicht mehr aktiv ist, empfehlen wir Ihnen zwei hervorragende Alternativen, die
携帯とGoogle Docsで、超簡単に支出管理 : ライフハッカー［日本版］, 仕事も生活も上手くこなすライフハック情報満載のブログ・メディア
今年こそ、家計にもコスト意識を持ちたいと思っているGmailヘビーユーザーに、米lifehacker読者のNick Espinosa氏がスマートな方法を開発してくれました。 その方法とは、Google Docsのフォーム機能をつかって家計管理用の簡単入力フォーマットを作るというもの。このフォームを携帯にメールで送ると、携帯からフォームのフォーマットに沿った入力が可能になります。フォームのURLをブックマークしておけば、外出先でお金を使ったらすぐに入力→メールで送信するだけで、Google スプレッドシートに支出の情報が蓄積されます（翻訳の私は、昔々ファイルメーカー Mobile＆Palmでこれに似たものを作ったことがありましたが、Google Docsを使えば携帯でできてしまうんですねー。しかも無料で。いい時代です）。 ネタ元を見ながら、日本語のGoogle Docsで解説を作ってみました
ZIPにリネーム＆解凍、これでOffice文書から画像抽出可能 | ライフハッカー・ジャパン
オリジナルの画像を保存しておらず、 パワポやワードなどの文書に埋め込まれている画像しか残っていないことがありませんか。何を今さらと言うなかれ。「Webページとして保存」のように去ってゆくものもいれば、｢ファイル拡張子の変更｣のように今では常識となるものもあり......。 というわけで、うっかりやっちゃた系の削除ミスに備えるという意味でも、Microsoft Officeのファイル形式から画像などを取り出す方法をおさらいしてみましょう。 Officeのファイルフォーマットで採用されているXML形式は、ZIP圧縮技術を使用、すなわち「実はZIPで圧縮されているだけ」でしたね。 つまり、既定の 「x」 の接尾辞を持つファイル名拡張子(.docx、.pptx など)を「.zip」に変更し、解凍すると貼り付けられている画像ファイルなどを取り出すことができます。ついでながら、解凍すると現れるフォルダ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
caraldo.net - it転職 リソースおよび情報