タグ 1カラム
人気順 5 users 10 users 100 users 500 users 1000 usersストレートに思いを届ける。はてなブログおすすめ「文章が中心のブログに向けたテーマ」を紹介します - 週刊はてなブログ
はてなブログに存在する260を超えるブログテーマ(2018年9月現在)から、イメージや用途別に「おすすめのテーマ」を紹介する本連載。初回は「白を基調としたシンプルなテーマ」、第2回は「写真が映える1カラムのテーマ」を特集しました。 3回目となる今回は「文章が中心のブログに向けたテーマ」をピックアップ。小説や... 続きを読む
写真が主役のブログを作ろう! はてなブログおすすめ「写真が映える1カラムのテーマ」を紹介します - 週刊はてなブログ
はてなブログに存在する260を超えるブログテーマ(2018年9月現在)から、イメージや用途別に「おすすめのテーマ」を紹介する本連載。初回は「白を基調としたシンプルなテーマ」を特集しました。 どのテーマを使おう? はてなブログおすすめ「白を基調としたシンプルなテーマ」を紹介します - 週刊はてなブログ 2回目とな... 続きを読む
[CSS]最近のレスポンシブ対応サイトで使われているレイアウトのアイデア・実装方法のまとめ | コリス
レスポンシブ対応のレイアウトはどのように拡大・縮小させるのか、また縦・横に積み重ねるのかに大別されます。 ブラウザいっぱいに表示する1カラム、サイドバーを備えた2カラム、2カラムを均等に分割したスプリットスクリーン、カードやパネルを使ったレイアウトなど、最近のレスポンシブ対応サイトで使われているレイアウトのアイデアと実装方法を紹介します。 ひと昔前まではJavaScriptを使用しないと実装できな... 続きを読む
[CSS]IE8もサポート、レスポンシブ対応のさまざまなレイアウトを手軽に使いたい人にぴったりな超軽量スタイルシート -GridLayout | コリス
最近のWebページでよく使用されるシンプルな1カラム、マルチカラム、カード型のレイアウトをはじめ、フッタが常に最下部に表示されるスティッキー、Webアプリなど、人気のグリッドレイアウトを簡単に実装できる超軽量スタイルシートを紹介します。 もちろんレスポンシブ対応で、古い環境(IE8+, iOS5+, Android3+)もサポートされています。 レイアウト用だけのフレームワークを必要としている人に... 続きを読む
2014年総まとめ、jQueryのプラグインとスクリプト100選 | コリス
毎年末にjQueryのプラグインをまとめていましたが、今年はプラグインの他に単体で動作するスクリプトも加えて、jQueryのプラグインとスクリプトの総まとめとして記事にしました。 今年目立ったのは、去年から引き続きアニメーション系、縦長ページ用のスクリプトでしょうか。 1カラムのレイアウトが流行っているためか背景関連も充実していました。それとSVGをより簡単に利用できるようになったのも大きな目玉で... 続きを読む
今、身につけておきたいデザインのテクニックが論理的にしっかり学べる一冊 -Webクリエイティブの新しい考え方 | コリス
ウェブデザインは、スマフォの普及、そしてフラットデザインを経て、ここ一年で大きく変わりました。 1カラムのレイアウト、スクロールを前提としたページ構成、半透明のパネルの効果的な使い方、囲みを使わずに情報を分類、大きな写真を使った魅力的なレイアウトなど、今押さえておきたいデザインのテクニックがしっかり学べるオススメの本を紹介します。 本書は先週、発売したばかり。 タイトルの「フラットデザインの基本ル... 続きを読む
「2カラムの論文PDF」を「1カラムの余白にメモしやすいPDF」に変換する方法 | 情報科学屋さんを目指す人のメモ
2カラム(2段組)の論文PDFを、1カラム(1段組)に変換して、余白にメモをとりやすいPDFを作成する方法を紹介します。この方法にたどり着くまで結構大変でした。 1カラムに変換して読みたい! 私は論文を読むときは、印刷して、余白に手書きでメモをとったり図を書いたりするのが好きです。 というのも、後からもう一度内容を確認したいときに、メモのおかげで前回自分が注目したところをすぐ見つけられたり、同じこ... 続きを読む
[CSS]全幅960+10pxをベースに汎用的に展開するグリッドシステム | コリス
全幅970px(960+10px)の6カラムと12カラムのグリッドをベースにし、汎用的に展開できるように設計されたグリッドシステム「The Golden Grid」を紹介します。 The Golden Grid ベースとなる6カラムと12カラムのグリッドは、下記のようになっています。 6カラムの構成 1カラム:150px、マージン:10px 150*6+10*7=970px 12カラムの構成 1カ... 続きを読む