Web制作に役立つHTML, CSS3, jQueryをはじめ、Python, Ruby, PHP, C など、さまざまなコードのスニペットを共有する無料サービスを紹介します。 デスクトップだけでなくスマホにも対応、いつでもどこからでもアクセスができ便利です。

Progateはオンラインプログラミング学習サービスです。「初心者から、創れる人を生み出す」ことが、私たちの理念です。プログラミング初心者のハードルを出来る限り取り払うこと、そして本当に創れるようになるレベルの高い学習を提供することを目指しています。

レッスン一覧 料金プラン ログイン 2024/06/24 NEW 『Laravel入門 基本機能編』をリリースしました 2024/06/20 NEW 【週刊ドットインストール】 レッスン制作の進捗、HTMLの検証ツール、写真アップロード時の注意点 2024/06/18 NEW 【無料レッスン】 『Emmetで爆速コーディングを修得しよう』をリリースしました 2024/05/07 NEW あなただけの学習ロードマップを作成します 【随時受付中】

実際に使用したものやいつか使うかもと思ったものをJSFiddleやEvernoteなんかでバラバラにメモしていたのですが、それらの中でよく使いそうなものを一覧化したものが欲しかったのでまとめました。 今となっては様々なところで用いられていますし、もっと凄くて面白い動きを実装しているチュートリアルなんかも沢山見かけますが、個人的に汎用性高いと思うもの中心です。 対象ブラウザに古いIEなどが含まれている場合はもちろん使えませんが、いずれもjQueryや画像などを一切使用せずにデザインやアニメーションも全てCSSのみで実装しているものです。 また、同様にCSSのみでクリエイティブなボタンデザインやエフェクトを実装できるエントリーや便利なジェネレータツールなども備忘録兼ねて併せて紹介します。 CSS3を多用しているため、ブラウザ（特にIE7・IE8など）によっては動きや見栄えが説明と異なる場合があ

このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

Instagramは日本のユーザーも多く、日常を切り取った写真がほとんどで、 またお洒落なものも混じっているのでたまに眺めると気持ちがホッコリしたりします。 特定のキーワードでInstagramの最新の写真を検索したい時があります。 例えば、みんなが今どんな「ご飯」を食べているのか、今日の「日の出」はどのような具合なのか、 がInstagramの写真を通して分かるかもしれません。 Instagramの写真検索サービスを探してみると、 Instagram自身が検索機能を提供してないので他の第三者が作ったサービスがいくつか出てきます。 使ってみたところ、もう少し自分で見た目やら機能を変えてみたいなーなんて思いました。 そこで、「Instagramの今の写真を検索できるサービス」といういわばWebサービスを作りたい欲求にかられます。 今回はこのようなちょっとした欲求から考えた「Webサービスのモ

ドットインストール代表のライフハックブログ

WordPress で動いている２つのブログのうち、一方で Flexible Upload がプラグインが動かなくなったみたい。 動いている方は WordPress 2.6.3 で、動かない方は WordPress 2.6.1 なので、ひとまずアップグレードしてみようか。 アップグレード後にプラグインを有効化して行く際に、Flexible Upload プラグインとコンフリクトしているプラグインがないかどうかも確認できるし。 2.6.5 にしたらエラーが出るようになった 画像アップロードの画面でこんなエラーが出る。 Warning: call_user_func_array() [function.call-user-func-array]: First argument is expected to be a valid callback, ‘media_admin_css’ was g

Blueprint CSSは、固定幅のレイアウトに適したCSSフレームワークだ。親要素の幅に対して1/2、1/3といった割合でカラムが生成されるYUI Grids CSSに比べて、「カラム何個分」といった形で指定を行うため、より精密なレイアウトを実現できる。また、フォームや印刷向けのCSSも提供されており、利用範囲が広い点も魅力だ。 導入にあたり配布元からソースをダウンロードし【1】、XHTMLの＜head＞にリンクの記述を行う【2】。＜body＞直下にはコンテナタグ（div.container）を用意し、その中に「.span-」で始まるclass属性を加えた＜div＞を定義する。ここで指定する数値がカラム数にあたる。デフォルトでは全体の幅950pxに対し、ひとつのカラムが幅30pxとなるため、行当たりのカラムの合計数が「24」になるように調整しよう。それぞれのカラムには共通で10pxの右

ドットインストール代表のライフハックブログ

よくあるリソースではありますが、IE7にも対応したCSSレイアウトのご紹介。SEO的にも配慮されたコードなのだとか。 詳しい使い方は以下のとおり。 また、せっかくなのでこうしたレイアウト系サイトについて最後にちょっとまとめておきました。そちらもあわせてどうぞ。 ↑ まずは横幅から選択。750pxからいってみましょう。 ↑ かなりの数のバリエーションがあります。 ↑ 詳細ページでCSSがダウンロードできます。 なかなか便利ですね。これでサイト製作を大幅にスピードアップできそうです。 ご利用は以下からどうぞ。 » CSS Layouts なお、他にもCSSレイアウト系のリソースはありますね。良い機会なのでまとめておきます。ビジュアル的に比較的見やすいものをピックアップしています。 Layout Gala: a collection of 40 CSS layouts based on the

ページ全般タグ 基本要素、タイトル、背景色、背景画像、マージン、範囲指定、META情報、罫線 ... テキスト・フォントタグ 見出し、段落、改行、文字サイズ、文字の装飾、強調、略語、引用、整形済み ... リンクタグ 別ページへのリンク、ページ内のリンク、表示先の指定、メール送信用のリンク ... リストタグ 箇条書きのリスト、番号付きのリスト、定義型リスト、マーカーの変更 ... イメージタグ 画像の表示、代替テキスト、画像に並ぶテキスト、イメージマップ ... テーブルタグ 表の作成、表のタイトル、行と列のグループ化、セルの背景色、表に並ぶテキスト ... フレームタグ フレームの基本、分割のレイアウト、フレームの境界線、インラインフレーム ... フォームタグ フォームの作成、フォーム部品、送信形式、部品のラベル、部品のグループ化 ... 埋め込みタグ プラグインデータの埋め込み、J