miccinakataniのブックマーク - はてなブックマーク

dev.toに匹敵する速度を出せるWordPressテーマを開発した話 - Qiita

本日、無料WordPressテーマ Godios. をリリースしました。公式サイトを見ていただけるとわかると思うのですがページが一瞬で遷移しています。どうでしょう、dev.toと同じくらい速いんじゃないでしょうか。この記事ではテーマを高速化するにあたって用いたテクニックを書いていきたいと思います。圧縮テーマに含まれている画像・CSS・JSファイルの圧縮。画像はOptimizilla・TinyPNG、CSSはCSS Minifier、JSはJSCompressを使用しました。 CSS・JSファイルの遅延読み込みレンダリングをブロックするファイルが大量にあると表示が遅くなりますので、JSファイルはdeferまたはasync属性を付与し、CSSファイルはインライン、またはJSで非同期に読み込んでいます。無駄なSQLクエリを減らすデータベースへのアクセスが多いと負荷が掛かる上、速

miccinakatani 2018/04/06

リンク

月収40万の専業アフィリエイターだけど質問ある？ : IT速報

1:以下、？ちゃんねるからVIPがお送りします 2017/12/30(土) 15:57:49.951 ID:OlA2p8kh0.net

miccinakatani 2018/02/08

リンク

『脳が認める勉強法』が想像以上に凄い : マインドマップ的読書感想文

脳が認める勉強法――﹁学習の科学﹂が明かす驚きの真実!︻本の概要︼◆今日ご紹介するのは、かなり﹁ガチ﹂な勉強本。脳ネタ本でお馴染みの池谷裕二先生が帯で激賞しているという話題作です。アマゾンの内容紹介から。大学受験も、資格試験も、仕事の勉強も、勉強法を変えることから道は開ける。米三大紙﹃ニューヨーク・タイムズ﹄の人気サイエンスレポーターが、第一線の科学者らへの取材をもとに、もっとも効率のいい最新の記憶法・勉強法を徹底解明。この一冊で、あなたの勉強習慣が一変する! 384ページという力作ですが、Kindle版なら持ち運びにも便利です！なお、タイトルは久々にホッテントリメーカーのお世話になりましたｗ When Young Children "Hate" School / wecometolearn ︻ポイント︼■1.勉強の場所を変えたほうが思い出しやすくなるテストの点数には著しい差が現

miccinakatani 2015/12/17

リンク

HTMLクイックリファレンス

HTMLタグ・スタイルシート・特殊文字等の早見表

miccinakatani 2015/12/17

リンク

【必読！】Kindleで読める科学・コンピュータ・IT系のおすすめ本30選 | トリビアルニュース

︻必読！︼Kindleで読める科学・コンピュータ・IT系のおすすめ本30選 2015/10/24 2017/2/4 本実は最近Kindleで電子書籍を読むのににハマっています。なぜ今頃ハマっているのかというと、9月にアマゾンプライムビデオというHuluやNetflixのようなサービスが開始したのを知って、試しに登録してみようかと思ってAmazonを見ていて知ったのですが、アマゾンプライム会員になるといろいろ特典が付いているんですね。その中にKindle 本が毎月ただで読めるという特典がありまして、Kindle 本を結構読んだのでその中から科学、コンピュータ、IT系の電子書籍でKindleで読める本をまとめました。まとめてみるとほとんどAmazonで星4～5がついているものばかりです。最近理系ブームもあって、一般向けの理工書が増えていますが、簡単な本ばかりが増え、ほとんどが中身の無いもの

miccinakatani 2015/12/17

リンク

【大量】「これなんのために作ったんだよｗｗｗ」ってAAの面白さは異常 : ゴールデンタイムズ

1 ：以下、＼(^o^)／でVIPがお送りします：2015/10/03(土) 15:33:38.262 ID:UYCttPP5E.net 139 ：以下、＼(^o^)／でVIPがお送りします：2015/10/03(土) 15:56:52.744 ID:Dsv4zJas0.net 141 ：以下、＼(^o^)／でVIPがお送りします：2015/10/03(土) 15:56:58.485 ID:1cFwCEou0.net 147 ：以下、＼(^o^)／でVIPがお送りします：2015/10/03(土) 15:57:39.761 ID:WW6TJdYB0.net >>141 くっそｗｗｗｗｗｗｗｗ 150 ：以下、＼(^o^)／でVIPがお送りします：2015/10/03(土) 15:57:52.430 ID:abr/9t450.net >>141 なんか笑った 16 ：以下、＼(^o

miccinakatani 2015/10/05

リンク

プログラマーだけがやっている効率的な仕事のやり方

プログラマーだけがやっている効率的な仕事のやり方 Only Programmers knows the way to optimize working 2015.08.26 Updated by Ryo Shimizu on August 26, 2015, 17:10 pmJST 先日上梓した拙書﹁最速の仕事術はプログラマーが知っている﹂がありがたいことに大変評判なようで、発売4日後に増刷が決まるなど売れ行きが好調のようです。もともとこんな刺激的なタイトルの本を書いていいのか、という悩みもあったのですが、編集の方の強い熱意と最初のミーティングの段階で完璧に近いところまで揃えられた目次と企画書を見て、﹁これは時間を割いてでも書いてみたい﹂と思い、引き受けることにしました。実際に世に出ても、﹁やっぱりこれは書きすぎなんじゃないか﹂﹁刺激が強すぎるんじゃないか﹂と危惧していたのですが、A

miccinakatani 2015/08/27

あとで読む

リンク

クズな俺でも夢を持った : キニ速

miccinakatani 2013/04/17

何だよ、くそ。でも、いい話じゃないか。

リンク

そろそろ俺のboketeファイルが本領を発揮する時がきたようだ

1: 以下、名無しにかわりましてVIPがお送りします 2013/01/02 21:42:47 ID:GDuyOPnf0

miccinakatani 2013/03/20

リンク

韓流がなぜ"駄目"なのか、>>1が淡々と教えてやるスレ:哲学ニュースnwk

miccinakatani 2013/02/28

リンク

無料でダウンロードでき商用利用も可能なUIキット「Polaris UI Kit」

チェックボックスやWindows8っぽいメニューアイコン、ボタン各種など洗練されたデザインのUIキットが﹁Polaris UIKit﹂です。無料でダウンロードでき、商用利用も可能。さらにUIキットと同時にアイコンセット48種類もダウンロードできるようになっています。 Polaris UIFree - User Interface Pack - Designmodo http://designmodo.com/polaris-free/ UIキットはこんな感じ。内容の一例はこちら。まずは棚の上に置いたかのようなムービー画面。ボタン各種。 Windows8っぽいデザインのアイコンも存在。﹁いいね！﹂ボタンの他に﹁よくないね！﹂ボタンもあります。ダウンロードは以下のサイトから可能です。 Polaris UIKit+ Linecons Icon Set (AI, PDF, PN

miccinakatani 2013/02/10

リンク

ベクター素材のフリーダウンロードサイト8選【Freepikだけじゃない！】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

こんにちは、デザイナーのハルエです。イラストやパーツ、背景など、素材の作りこみが必要なときにフリーのベクター素材ってものすごく重宝しますよね。そのまま使うこともできますが、そこから自分なりのテイストに変えてデザインしちゃえばより良いものができるはず！　時間がないときなどにも凄く助かります。今回は、高品質なベクター素材が無料でダウンロードできる厳選した8サイトをご紹介させていただきます。独学でつまずいていませんか？ Webデザインの基礎を効率的に学びたい、誰かに教えてもらいたい……という方は、﹁スクールでの勉強﹂もおすすめです。LIGではWebクリエイター育成スクール﹁デジタルハリウッドSTUDIO by LIG﹂を運営しております。詳細を知りたい方は、ぜひスクールの詳細をチェックしてみてください！ →スクールの魅力が分かる資料はこちら！︵資料請求︶高品質なベクター素材の無料ダウン

miccinakatani 2013/01/18

リンク

[CSS]パタッと開くアニメーションがかわいいボタンを実装するスタイルシート

マウスオーバーでパネルがアニメーションでパタッと開き、中から現れるボタンを実装するスタイルシートのコンセプトを紹介します。

miccinakatani 2013/01/17

リンク

美しいラインを描くPhotoshopのチュートリアルのまとめ

背景やアクセントにぴったりな美しいラインを描くPhotoshopのチュートリアルを紹介します。壁紙素材：Energy flow background 以下、Photoshopのチュートリアルです。

miccinakatani 2013/01/17

リンク

jQuery公式プラグイン・レジストリが公開。GitHubと連携など、今風の仕組みに惚れ惚れ

白石俊平ニュース jquery 0 Comment 2013年1月17日、jQuery「公式」のプラグイン・レジストリ（プラグインの集積場）が公開されました！ URLはこちらになります。 http://plugins.jquery.com/ このプラグイン・レジストリの目的は、従来のプラグインサイトでは解決できなかった、「断片化」と「配布」の問題を解決することだそうです。「断片化」・・・「jQuery プラグインがWeb上の至る所にあり、探すのが面倒」という、現在の状況「配布」・・・作成したプラグインを配布するためのサイト作成や宣伝に手間がかかる、従来のプラグインサイトでは登録が面倒だった新しいプラグイン・レジストリは、GitHubと連携することを前提として、こうした問題をエレガントに解決し、従来のプラグインサイトを完全に置き換えるものです。開発者にとっては、プラグインを公開

miccinakatani 2013/01/17

リンク

財布作ったったｗｗｗ : キニ速

miccinakatani 2013/01/15

DIY

リンク

[CSS]斜めのダイヤモンド状のグリッドを実装するスタイルシート

画像やスクリプトを使用せずに、スタイルシートだけで斜めのダイヤモンド状のグリッドを実装するチュートリアルを紹介します。デモページ：480pxで表示実装実装の準備 CSS3をサポートしているか判別するためにModernizeを使用します。実装にはSassを使用します。ダイヤモンド一つまずはダイヤモンドを一つ実装してみましょう。 HTMLはdiv要素をa要素で囲みます。 <a href="#" class="diamond"> <div class="content"> Diamonds Are Forever </div> </a> CSSは下記のようになります。 * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } $diamondSize: 190p

miccinakatani 2013/01/15

リンク

[JS]簡単で便利でしかもかっこいい！ソーシャルメディアのボタンを複数パターン同時に設置できるスクリプト -#50C1AL

ページ上のボタンやテキストなどにclassを追加するだけで、簡単にソーシャルメディアのボタンをかっこよく設置できるjQueryのプラグインを紹介します。 #50C1AL #50C1AL -GitHub #50C1ALの特徴 #50C1ALのデモ #50C1ALの使い方 #50C1ALの特徴主要なソーシャルディアを簡単にウェブページに設置できます。46種類のかっこよくデザインされたアイコンを用意。ページへの設置は、classを書くだけ！同じページに複数の設定を設置可能。アニメーションやブラーなど多彩なオプション。 #50C1ALのデモデモでは、ページ内に2つの設定を配置しています。まずは、ボタンの方から。テキスト選択で表示 #50C1ALの使い方 Step 1:外部ファイルまずは、head内に外部スタイルシートを配置します。 <link rel="stylesheet"h

miccinakatani 2013/01/15

リンク