うわっ、私のサイトBootstrapくさすぎ!? たった数文字変えるだけでBootstrapのくさみが抜ける7つのCSSテクニック。
なんか、このサイトBootstrapくさい。そう感じることはありませんか? その理由はズバリ、欧文ベースでつくられたフレームワークを文字構造の違う日本語で適用した際に不都合が出てしまっているからです。 それらが醸し出す違和感を放っておくと、Bootstrapくささを生み出す大きな原因になってしまいます。 そもそもの問題として、欧文と比較して和文は文字の要素が多く、文字自体のリズムも少ないため、どうしても複雑で単調に見えてしまいます。 しかし、和文だからといってあきらめることはありません。BootstrapのCSSを少しだけ変えるだけでグッと見た目がよくなる隠し味をご紹介します。 1. line-heightで行間にゆとりを。明朝やゴシックなど、フォントの種類が言葉の印象を表すように、文字の行間は読みやすさ、文章全体の雰囲気を左右します。 欧文をベースに設計されたBootstrapをそのまま
変態的 CSS トリック
多少複雑なデザインでも、画像や JavaScript には頼らず、CSS で実現させる。そこにはもはや手軽さなどは存在しない。あるのは男のロマン。
連載記事 「ApacheによるWebサーバ構築」
Apacheについて知ろう 連載：ApacheによるWebサーバ構築（1） 「Apache」でWebサーバを構築。今回は、「なぜApacheなのか？」を改めて確認するとともにApacheの概要を解説する
WordPressテンプレートタグ集｜初心者即実践＆仕事で使えるコピペ用
webmobileは、みんなが知りたいスマホ・通信ガジェットの使い方を発信しているレビューサイトだよ♪ webmobile（ウェブモバイル）は、大好きなPixel/iPhone/MVNO/amazonについて、気づいたこと・困った事の解決など経験したことを発信しています。 運営歴はかれこれ10年以上です。 私が初めて買ったスマートフォンは、auから発売されたSHARP製IS03。今でもデザインの良さに感銘を受けます。 今のメイン機はGooglePixelとiPhone15ProMAXです。 昔はASUS製ZenFoneにはまり、新製品が発売されるごとに買っていました。 MVNOのお店に我が子と訪ねる旅、楽しかったなぁ♪ ご縁あって、UQコミュニケーションズ本社に行くこともありました。 UQモバイル公式グッズをたくさん手に入れる機会がありました。 東京新宿にあるLINE株式会社に招待して貰っ
インターネットの副業の方法21〜誰とも会わずに稼ぐ - LITERALLY
この記事では「インターネットで稼ぐ現実的な方法」を淡々と列挙していく。 決して、怪しげな情報商材の購入や、怪しげなメルマガへの登録を促したりはしない（「副業 インターネット」とググってヒットする多くのサイトは、たいてい参考にならず、いいカモにされるだけだ）。 また、時間対効果に見合わない方法も紹介しない。うまくいけば、時給換算5,000円や10,000円を越えるようなアイデアを紹介していく。 以下に当てはまるような方に是非読んでもらいたい。 家に引きこもり、誰とも会わずに収益を得たい人 会社に勤める傍ら副業で稼ぎを得て、リスクを最小限に転職や退職をしたい人 家にいる時間が長い主婦・主夫で、空いている時間で稼ぎを得たい人 それでは早速、インターネットでできる副業アイデアを挙げていく。 インターネット副業の方法21 1.映像・音楽制作→YouTubeにアップ ご存知の通り、再生前に流れる広告映
スパルタWEB編集塾ですが撤退します | The Startup
3日前に下記のような記事を出しましたが、4/1の開講を前に、撤退することをはあちゅう氏と合意の上で決定しました。始める前に撤退という、我ながらすごい判断… ・スパルタWEB編集塾を3ヶ月限定サロンではあちゅう氏と始めます 応募はそれなりの数をいただいたのですが、最大の理由は、このサロンを通して僕の一番の目的であった「東カレWEBの編集者候補」の採用が極めて難しいと判断したためです。応募者の一覧から見てそう感じました。想定外に地方の方なども多数いらっしゃり、オフラインとオンラインが混在した形式が適切なのかという疑問も。 一人でも多くの光るWEB編集者を生み出す一助を担いたいという気持ちはあったものの、あくまでビジネス的な目的を果たすことをが第一であり、その目的が今回果たせない可能性が極めて高いと判断したためです。今回の僕にとってのビジネス的な目的とは収益ではないため、受講希望者がいても、塾と
そろそろ真面目に、HTMLで帳票を描く話をしようか - Qiita
帳票といえばPDFとして生成するのが一般的でしょうか? でも、2015年の今、あえてHTMLで描くのがホットです(個人的に)。ミリ単位で設定された高度な帳票も、CSSを駆使して簡単に作ることができます。業務システムでもモダンブラウザを選択することが増え、@pageなども積極的に使えるようになったこと、SPA(Single Page Application)の台頭、いろいろと条件が揃ってきました。 書いてたら結構長くなっちゃったので、さくっとコードだけ見たい方は、Paper CSSリポジトリをどうぞ。 はじめに HTML帳票のメリット 2015年現在、HTML帳票を選択する幾つかのメリットがあります。 ライブリロードで、リアルタイムなスタイル調整 バックエンドではなくフロントエンドで生成できる 前者は、gulpやGruntの普及で、CSSにしろHTMLにしろ、リアルタイムにプレビューできる環
仕事が10倍捗るスプレッドシート神関数10 | Tokyo Otaku Mode Blog
こんにちは。Tokyo Otaku Modeの安宅です。先日から、とあるプロジェクトにジョインして、久々にGoogleスプレッドシートをゴリゴリ活用して仕事をしています。そんな中、これは惚れた！というスプレッドシートの神関数を紹介したいと思います。 ARRAYFORMULA関数 これを活用し始めてから、関数をいちいち全部の行に埋め込んでいくことが、なんだかカッコ悪く感じるくらい、スマートでオシャレな関数です。例えば、100行のVLOOKUP関数を行うときには、これまではVLOOKUP関数を1つ作って、それを残り99個の行にVLOOKUP関数をコピーしていたと思いますが、ARRAYFORMULA関数を使うと、なんと1個の関数で100行分の値が出力されます。実際に動作も軽くなるのでカッコよさと実用性を兼ね備えた関数です。配列に対応する関数であれば、ほぼなんでも利用できるのも好感度が高いです。
meyerweb.com
What happened was, Brian and I were chatting about W3C GitHub issues and Brian mentioned how really long issues are annoying to search and read, because GitHub has this thing where if there are too many comments on an issue, it snips out the middle with a “Load more…” button that’s very tastefully designed and pretty easy to miss if you’re quick-scrolling to try to catch up. The squiggle-line wou
CSSの content プロパティーを使いこなそう！
2015年4月8日 CSS CSSの小技やスニペット集なんかを見ていると、ちょくちょく見かける content プロパティー。「そういえば、こいつ一体何者…！？」と思った方もいるかもしれないので、今更ながら改めて content プロパティーの紹介をしようと思います。 ↑私が10年以上利用している会計ソフト！ content プロパティーって何？ content プロパティーは、要素の前後に、:before または :after という擬似要素を使ってテキストや画像などのコンテンツを挿入する際に使用します。擬似要素とは、HTMLなどの文書には記述されていない要素をCSSによって新たに作り出された架空の要素です。Webクリエイターボックスでも、過去記事「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」や「経歴や会社の沿革ページに！簡単なCSSで実装す
CSS3を使ったアニメーションを70種類以上ダウンロードできるサイト「AniCollection」 | ライフハッカー・ジャパン
ヘッドライトの黄ばみがサッとキレイに! メッキ・ホイール・シートにも使えるマルチ過ぎなお手軽クリーナー「ウルトライト」
Web制作者はおさらいしたい！CSSの勉強になる実用的な基本テクニックまとめ | コムテブログ
TL;DR 実務で意外と使う基本的なものやトリッキーな小技。少ない記述で済む CSS テクニックなどをまとめました。今回は Web 制作に関わるなら、必ずおさえておきたいものや今後使っていきたいテクニック中心です。 画像 １．画像の下にできる隙間をなくす 画像の下に色などを配置すると、わずかに隙間が出来ることがあります。そんな時は親ブロックにline-height: 0;で OK。他には画像に直接vertical-align: bottom;かdisplay:block;を使えます。 css 画像の下にできる隙間をなくす方法 ２．画像の下にテキストが回り込まないようにする 回り込み解除は親要素か以下の例だとテキストにoverflow: hidden;かoverflow: auto;を指定します。IE 対策で zoom 属性 zoom:1;も同時に設定します。 css ３．float を使わ
エクセルの計算は「＝」から始めちゃダメ！
ボストン大学卒業後、モルガン・スタンレー証券投資銀行本部に入社し、大型M&Aや資金調達プロジェクトをリード。退社後はグロービス経営大学院にてMBA取得、その後、大手上場インターネット企業に入社し、事業責任者として事業計画の立案から戦略遂行までを行う。現在は、スマートニュース株式会社にて、収益計画策定、資金調達、上場準備など財務企画業務全般をリード。「グローバル投資銀行のエクセルスキルを、分かりやすく伝えたい」というモットーの下、2013年10月から週末に個人向けエクセルセミナーを開催したところ、参加者数は1年で3000人を超え、大人気セミナーとなった。現在は、個人向けセミナーに加えて、企業研修も数多く開催しており、多くのビジネスパーソンの収益計画の作成指導を行っている。https://www.facebook.com/simulation2013/ 外資系投資銀行のエクセル仕事術 ウェブ版
Flaskのカスタマイズについて - methaneのブログ
2012 Pythonアドベントカレンダー(Webフレームワーク) #python_adv の5日目の記事です。 明日は @altnight にお願いします。 Flaskはオモチャじゃないよ PyCharmなどのIDEがFlaskに対応を始めたり、Flask はそろそろ Django に続く Python の Web フレームワーク No.2 と名乗れそうなほど広まってきています。(その割にPython3対応遅いけど) Flaskと言えばマイクロフレームワーク、Hello World が簡単に書けるヤツで有名ですよね。 import flask app = flask.Flask(__name__) @app.route('/') def index(): return "Hello, World." app.run(debug=True) これを見るとオモチャっぽく見えるんですが、Fla
ตรวจหวยแบบตัวเลข ตรวจ ผล รางวัล สลากกินแบ่ง รัฐบาล2021
ตรวจหวยแบบตัวเลข ตรวจหวยกรอกตัวเลข รวดเร็วทันใจ ตรวจลอตเตอรี่ใส่ตัวเลขรองรับปุ่ม ตรวจหวยแบบตัวเลข เลขเด็ดหวย งวดนี้ หวยดัง หวยเด็ด ตรวจหวยแบบตัวเลข ผลสลาก ตรวจลอตเตอรี่ ตรวจหวยไทยรัฐ ตรวจหวยแบบกรอกตัวเลข ตรวจหวยรางวัลที่ 1 รางวัลเลขท้าย 2 ตัว ตรวจหวยออนไลน์ ร่วมตรวจผลสลากกินแบ่งรัฐบาลกับเรา “ตรวจหวย” ซึ่งได้รวบรวมข้อมูลผลรางวัล ผลสลากกินแบ่งรัฐบาล ตรวจหวยงวดนี้ หุ้นไทยช่อง9 ในงวดปัจจุบันและย้อนหลั
検索じゃ学べない！ HTML/CSS/JavaScriptの気づきTipsまとめ31こ | _level0 - KAYAC Front Engineer Blog
HTMLファイ部のほんだです。 気づきTips！ Σ(・ロ・) カヤックの中でもHTML5のWebフロントエンド実装を担当する エンジニアを集めた部署「HTMLファイ部」では、 制作にあたってはまったことや、気づいたことをメモ的に蓄積・共有しています。 通常は、 1. 制作で何かわからないことがでた ▼ 2. Google等で検索して解決の糸口をさがす ▼ 3. こんな方法があったのか〜 と気づきを得る というフローでスキルアップしていくことがもっぱらだと思うのですが、 学びを増やしていくためには違うアプローチも必要なんじゃないかと思います。 カヤックHTMLファイ部では、 1. みんなで蓄積したTipsをざぁっと読む ▼ 2. こんな方法があったのか〜 と気づきを得る ▼ 3. 制作の際に導入していく というフローを繰り返し実践していくことで、 検索では気づけないことを学び、実装力アップ
第2回 高機能WebフレームワークPlone | gihyo.jp
Ploneや、PloneのベースになっているZopeは、Python製のオープンソースプロダクトとしてとても有名です。とくにPloneは「オープンソースのCMS」と紹介されることが多いのですが、私はこのキャッチフレーズはPloneの特徴や強みをよく表現していないのではないかと常々思っています。 もちろん、PloneはCMSとしてもよく作られています。私自身、業務としてPloneを使っていて、Ploneを使った大規模なCMSの構築経験もあります。しかし、CMSとしての利用はPloneの活用方法のうちでもかなり初歩的な分野に属します。PloneをCMSと言い切ってしまう人は、「Ploneの本質」をよく理解していないのではないかと私は思っています。 導入、運用のしやすさがPloneの特徴 Ploneは、よくXOOPS Cubeと比較されます。海外だとTYPO3やMidgard CMSといったオ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【厳選】Twitterの検索効率がめちゃ上がるオススメの検索技13個まとめ。 – 和洋風KAI
サルでき流 WordPressではじめる企業サイトの作り方 記事一覧 | gihyo.jp
CMSのポテンシャルを引き出す─MODxで作る商用サイト 記事一覧 | gihyo.jp
